Hugging Face's logo

Spaces:
LDrago-R
/
reverza
Running

App Files Community
LDrago-R commited on
Commit
ce77db9
·
verified ·
1 Parent(s): da031a8

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +989 -19
  3. prompts.txt +6 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Reverza
3
- emoji: 🏢
4
- colorFrom: green
5
- colorTo: pink
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: reverza
3
+ emoji: 🐳
4
+ colorFrom: pink
5
+ colorTo: purple
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,989 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Chargeback Shield | Fraud Protection Dashboard</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.7.1/chart.min.js"></script>
10
+ <style>
11
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
12
+
13
+ body {
14
+ margin: 0;
15
+ overflow-x: hidden;
16
+ font-family: 'Inter', sans-serif;
17
+ background-color: #0a0a0f;
18
+ color: #e2e2e2;
19
+ }
20
+
21
+ .glass-card {
22
+ background: rgba(20, 20, 30, 0.5);
23
+ backdrop-filter: blur(16px);
24
+ -webkit-backdrop-filter: blur(16px);
25
+ border: 1px solid rgba(255, 255, 255, 0.08);
26
+ box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.36);
27
+ transition: all 0.3s ease;
28
+ }
29
+
30
+ .glass-card:hover {
31
+ transform: translateY(-5px);
32
+ box-shadow: 0 12px 40px rgba(0, 255, 100, 0.2);
33
+ border-color: rgba(0, 255, 100, 0.3);
34
+ }
35
+
36
+ .neon-text {
37
+ background: linear-gradient(90deg, #00ff64, #f6ff00);
38
+ -webkit-background-clip: text;
39
+ background-clip: text;
40
+ color: transparent;
41
+ text-shadow: 0 0 5px rgba(0, 255, 100, 0.5);
42
+ }
43
+
44
+ .neon-border {
45
+ position: relative;
46
+ border-radius: 12px;
47
+ }
48
+
49
+ .neon-border::before {
50
+ content: '';
51
+ position: absolute;
52
+ top: -2px;
53
+ left: -2px;
54
+ right: -2px;
55
+ bottom: -2px;
56
+ background: linear-gradient(90deg, #00ff64, #f6ff00);
57
+ border-radius: 14px;
58
+ z-index: -1;
59
+ }
60
+
61
+ .neon-shadow {
62
+ box-shadow: 0 0 15px rgba(0, 255, 100, 0.5);
63
+ }
64
+
65
+ .status-badge {
66
+ padding: 4px 10px;
67
+ border-radius: 20px;
68
+ font-size: 12px;
69
+ font-weight: 600;
70
+ text-transform: uppercase;
71
+ letter-spacing: 0.5px;
72
+ }
73
+
74
+ .status-pending {
75
+ background: rgba(255, 165, 0, 0.2);
76
+ color: #FFA500;
77
+ box-shadow: 0 0 10px rgba(255, 165, 0, 0.3);
78
+ }
79
+
80
+ .status-won {
81
+ background: rgba(0, 255, 0, 0.2);
82
+ color: #00FF00;
83
+ box-shadow: 0 0 10px rgba(0, 255, 0, 0.3);
84
+ }
85
+
86
+ .status-lost {
87
+ background: rgba(255, 0, 0, 0.2);
88
+ color: #FF0000;
89
+ box-shadow: 0 0 10px rgba(255, 0, 0, 0.3);
90
+ }
91
+
92
+ .status-in-review {
93
+ background: rgba(0, 191, 255, 0.2);
94
+ color: #00BFFF;
95
+ box-shadow: 0 0 10px rgba(0, 191, 255, 0.3);
96
+ }
97
+
98
+ .nav-link {
99
+ position: relative;
100
+ }
101
+
102
+ .nav-link::after {
103
+ content: '';
104
+ position: absolute;
105
+ bottom: -5px;
106
+ left: 0;
107
+ width: 0;
108
+ height: 2px;
109
+ background: linear-gradient(90deg, #00ff64, #f6ff00);
110
+ transition: width 0.3s ease;
111
+ }
112
+
113
+ .nav-link:hover::after {
114
+ width: 100%;
115
+ }
116
+
117
+ .nav-link.active::after {
118
+ width: 100%;
119
+ }
120
+
121
+ .progress-bar {
122
+ height: 6px;
123
+ border-radius: 3px;
124
+ background-color: rgba(255, 255, 255, 0.1);
125
+ }
126
+
127
+ .progress-fill {
128
+ height: 100%;
129
+ border-radius: 3px;
130
+ background: linear-gradient(90deg, #00ff64, #f6ff00);
131
+ transition: width 0.3s ease;
132
+ }
133
+
134
+ .dispute-timeline {
135
+ position: relative;
136
+ padding-left: 30px;
137
+ }
138
+
139
+ .dispute-timeline::before {
140
+ content: '';
141
+ position: absolute;
142
+ left: 10px;
143
+ top: 0;
144
+ bottom: 0;
145
+ width: 2px;
146
+ background: linear-gradient(180deg, #00ff64, #f6ff00);
147
+ }
148
+
149
+ .timeline-item {
150
+ position: relative;
151
+ margin-bottom: 20px;
152
+ }
153
+
154
+ .timeline-item::before {
155
+ content: '';
156
+ position: absolute;
157
+ left: -30px;
158
+ top: 5px;
159
+ width: 12px;
160
+ height: 12px;
161
+ border-radius: 50%;
162
+ background: linear-gradient(90deg, #00ff64, #f6ff00);
163
+ box-shadow: 0 0 10px rgba(0, 255, 100, 0.7);
164
+ }
165
+
166
+ input, select, textarea {
167
+ background: rgba(255, 255, 255, 0.05) !important;
168
+ border: 1px solid rgba(255, 255, 255, 0.1) !important;
169
+ color: white !important;
170
+ }
171
+
172
+ input:focus, select:focus, textarea:focus {
173
+ outline: none;
174
+ border-color: #00ff64 !important;
175
+ box-shadow: 0 0 10px rgba(0, 255, 100, 0.3) !important;
176
+ }
177
+
178
+ ::placeholder {
179
+ color: rgba(255, 255, 255, 0.5) !important;
180
+ }
181
+
182
+ /* Glow effect */
183
+ .glow {
184
+ animation: glow 2s ease-in-out infinite alternate;
185
+ }
186
+
187
+ @keyframes glow {
188
+ from {
189
+ box-shadow: 0 0 5px rgba(0, 255, 100, 0.5);
190
+ }
191
+ to {
192
+ box-shadow: 0 0 20px rgba(0, 255, 100, 0.8);
193
+ }
194
+ }
195
+
196
+ /* Custom scrollbar */
197
+ ::-webkit-scrollbar {
198
+ width: 8px;
199
+ }
200
+
201
+ ::-webkit-scrollbar-track {
202
+ background: rgba(255, 255, 255, 0.05);
203
+ }
204
+
205
+ ::-webkit-scrollbar-thumb {
206
+ background: linear-gradient(180deg, #00ff64, #f6ff00);
207
+ border-radius: 4px;
208
+ }
209
+
210
+ /* Pulse animation */
211
+ @keyframes pulse {
212
+ 0% {
213
+ transform: scale(1);
214
+ opacity: 1;
215
+ }
216
+ 50% {
217
+ transform: scale(1.05);
218
+ opacity: 0.7;
219
+ }
220
+ 100% {
221
+ transform: scale(1);
222
+ opacity: 1;
223
+ }
224
+ }
225
+
226
+ .animate-pulse {
227
+ animation: pulse 2s infinite;
228
+ }
229
+
230
+ /* Neon button */
231
+ .neon-btn {
232
+ background: linear-gradient(90deg, rgba(0, 255, 100, 0.1), rgba(246, 255, 0, 0.1));
233
+ border: 1px solid #00ff64;
234
+ color: #00ff64;
235
+ transition: all 0.3s ease;
236
+ }
237
+
238
+ .neon-btn:hover {
239
+ background: linear-gradient(90deg, rgba(0, 255, 100, 0.3), rgba(246, 255, 0, 0.3));
240
+ box-shadow: 0 0 15px rgba(0, 255, 100, 0.5);
241
+ color: #f6ff00;
242
+ border-color: #f6ff00;
243
+ }
244
+
245
+ /* Alert styles */
246
+ .alert-critical {
247
+ background: rgba(255, 0, 0, 0.1);
248
+ border-left: 4px solid #ff0000;
249
+ }
250
+
251
+ .alert-warning {
252
+ background: rgba(255, 165, 0, 0.1);
253
+ border-left: 4px solid #FFA500;
254
+ }
255
+
256
+ .alert-info {
257
+ background: rgba(0, 191, 255, 0.1);
258
+ border-left: 4px solid #00BFFF;
259
+ }
260
+
261
+ /* Dispute priority indicators */
262
+ .priority-high {
263
+ background: rgba(255, 0, 0, 0.2);
264
+ color: #FF0000;
265
+ }
266
+
267
+ .priority-medium {
268
+ background: rgba(255, 165, 0, 0.2);
269
+ color: #FFA500;
270
+ }
271
+
272
+ .priority-low {
273
+ background: rgba(0, 191, 255, 0.2);
274
+ color: #00BFFF;
275
+ }
276
+
277
+ /* Fraud score indicator */
278
+ .fraud-score {
279
+ height: 10px;
280
+ border-radius: 5px;
281
+ background: linear-gradient(90deg, #00ff64, #f6ff00);
282
+ }
283
+ </style>
284
+ </head>
285
+ <body class="text-white">
286
+ <!-- Header -->
287
+ <header class="glass-card fixed w-full z-50">
288
+ <div class="container mx-auto px-4 py-4">
289
+ <div class="flex justify-between items-center">
290
+ <div class="flex items-center space-x-3">
291
+ <div class="neon-border p-2 rounded-lg">
292
+ <i class="fas fa-shield-alt text-xl neon-text"></i>
293
+ </div>
294
+ <h1 class="text-2xl font-bold neon-text">CHARGEBACK SHIELD</h1>
295
+ </div>
296
+ <nav class="hidden md:flex space-x-8">
297
+ <a href="#" class="nav-link active text-white font-medium">Dashboard</a>
298
+ <a href="#" class="nav-link text-gray-400 hover:text-white font-medium">Disputes</a>
299
+ <a href="#" class="nav-link text-gray-400 hover:text-white font-medium">Analytics</a>
300
+ <a href="#" class="nav-link text-gray-400 hover:text-white font-medium">Rules</a>
301
+ <a href="#" class="nav-link text-gray-400 hover:text-white font-medium">Settings</a>
302
+ </nav>
303
+ <div class="flex items-center space-x-6">
304
+ <div class="relative">
305
+ <div class="neon-border p-2 rounded-lg cursor-pointer">
306
+ <i class="fas fa-bell text-xl neon-text"></i>
307
+ </div>
308
+ <span class="absolute top-0 right-0 w-2 h-2 bg-red-500 rounded-full animate-pulse"></span>
309
+ </div>
310
+ <div class="flex items-center space-x-3">
311
+ <div class="neon-border p-1 rounded-full">
312
+ <img src="https://randomuser.me/api/portraits/women/44.jpg" alt="Profile" class="w-8 h-8 rounded-full">
313
+ </div>
314
+ <span class="font-medium">Fraud Team</span>
315
+ <i class="fas fa-chevron-down text-xs text-gray-400"></i>
316
+ </div>
317
+ </div>
318
+ <button class="md:hidden text-white">
319
+ <i class="fas fa-bars text-xl"></i>
320
+ </button>
321
+ </div>
322
+ </div>
323
+ </header>
324
+
325
+ <!-- Main Content -->
326
+ <main class="container mx-auto px-4 pt-28 pb-12 relative">
327
+ <!-- Dashboard Overview -->
328
+ <section class="mb-12">
329
+ <div class="flex justify-between items-center mb-8">
330
+ <div>
331
+ <h2 class="text-3xl font-bold mb-2">Chargeback <span class="neon-text">Dashboard</span></h2>
332
+ <p class="text-gray-400">Real-time fraud monitoring and dispute management</p>
333
+ </div>
334
+ <div class="flex space-x-4">
335
+ <div class="relative">
336
+ <select class="px-4 py-2 glass-card rounded-lg appearance-none pr-8">
337
+ <option>Last 7 days</option>
338
+ <option>Last 30 days</option>
339
+ <option>Last 90 days</option>
340
+ <option>This year</option>
341
+ </select>
342
+ <i class="fas fa-chevron-down absolute right-3 top-3 text-xs"></i>
343
+ </div>
344
+ <button id="newDisputeBtn" class="px-4 py-2 rounded-lg neon-btn hover:neon-shadow">
345
+ <i class="fas fa-plus mr-2"></i> New Dispute
346
+ </button>
347
+ </div>
348
+ </div>
349
+
350
+ <!-- Key Metrics -->
351
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-8">
352
+ <!-- Total Disputes -->
353
+ <div class="glass-card rounded-xl p-6">
354
+ <div class="flex justify-between items-start">
355
+ <div>
356
+ <p class="text-gray-400 text-sm font-medium">Total Disputes</p>
357
+ <h3 class="text-3xl font-bold text-white mt-2">142</h3>
358
+ <p class="text-sm text-gray-400 mt-1"><span class="text-red-400">+12%</span> from last month</p>
359
+ </div>
360
+ <div class="p-3 rounded-lg neon-btn">
361
+ <i class="fas fa-exclamation-triangle text-white text-xl"></i>
362
+ </div>
363
+ </div>
364
+ <div class="mt-4">
365
+ <div class="progress-bar">
366
+ <div class="progress-fill" style="width: 72%"></div>
367
+ </div>
368
+ </div>
369
+ </div>
370
+
371
+ <!-- Dispute Amount -->
372
+ <div class="glass-card rounded-xl p-6">
373
+ <div class="flex justify-between items-start">
374
+ <div>
375
+ <p class="text-gray-400 text-sm font-medium">Dispute Amount</p>
376
+ <h3 class="text-3xl font-bold text-white mt-2">$24,589</h3>
377
+ <p class="text-sm text-gray-400 mt-1"><span class="text-red-400">+8%</span> from last month</p>
378
+ </div>
379
+ <div class="p-3 rounded-lg neon-btn">
380
+ <i class="fas fa-dollar-sign text-white text-xl"></i>
381
+ </div>
382
+ </div>
383
+ <div class="mt-4">
384
+ <div class="progress-bar">
385
+ <div class="progress-fill" style="width: 65%"></div>
386
+ </div>
387
+ </div>
388
+ </div>
389
+
390
+ <!-- Win Rate -->
391
+ <div class="glass-card rounded-xl p-6">
392
+ <div class="flex justify-between items-start">
393
+ <div>
394
+ <p class="text-gray-400 text-sm font-medium">Win Rate</p>
395
+ <h3 class="text-3xl font-bold text-white mt-2">68%</h3>
396
+ <p class="text-sm text-gray-400 mt-1"><span class="text-green-400">+5%</span> from last month</p>
397
+ </div>
398
+ <div class="p-3 rounded-lg neon-btn">
399
+ <i class="fas fa-trophy text-white text-xl"></i>
400
+ </div>
401
+ </div>
402
+ <div class="mt-4">
403
+ <div class="progress-bar">
404
+ <div class="progress-fill" style="width: 68%"></div>
405
+ </div>
406
+ </div>
407
+ </div>
408
+
409
+ <!-- Fraud Score -->
410
+ <div class="glass-card rounded-xl p-6 glow">
411
+ <div class="flex justify-between items-start">
412
+ <div>
413
+ <p class="text-gray-400 text-sm font-medium">Fraud Risk</p>
414
+ <h3 class="text-3xl font-bold text-white mt-2">High</h3>
415
+ <p class="text-sm text-gray-400 mt-1">72% probability</p>
416
+ </div>
417
+ <div class="p-3 rounded-lg neon-btn">
418
+ <i class="fas fa-radar text-white text-xl"></i>
419
+ </div>
420
+ </div>
421
+ <div class="mt-4">
422
+ <div class="fraud-score" style="width: 72%"></div>
423
+ </div>
424
+ </div>
425
+ </div>
426
+ </section>
427
+
428
+ <!-- Charts Section -->
429
+ <section class="grid grid-cols-1 lg:grid-cols-2 gap-8 mb-12">
430
+ <!-- Disputes Over Time -->
431
+ <div class="glass-card rounded-xl p-6">
432
+ <div class="flex justify-between items-center mb-6">
433
+ <h3 class="text-lg font-semibold text-white">Disputes Over Time</h3>
434
+ <div class="flex space-x-2">
435
+ <button class="px-3 py-1 text-xs rounded-lg glass-card">Daily</button>
436
+ <button class="px-3 py-1 text-xs rounded-lg glass-card">Weekly</button>
437
+ <button class="px-3 py-1 text-xs rounded-lg neon-btn">Monthly</button>
438
+ </div>
439
+ </div>
440
+ <div class="h-64">
441
+ <canvas id="disputesChart"></canvas>
442
+ </div>
443
+ </div>
444
+
445
+ <!-- Dispute Reasons -->
446
+ <div class="glass-card rounded-xl p-6">
447
+ <div class="flex justify-between items-center mb-6">
448
+ <h3 class="text-lg font-semibold text-white">Dispute Reasons</h3>
449
+ <a href="#" class="neon-text text-sm font-medium hover:underline">View All</a>
450
+ </div>
451
+ <div class="h-64">
452
+ <canvas id="reasonsChart"></canvas>
453
+ </div>
454
+ </div>
455
+ </section>
456
+
457
+ <!-- Recent Disputes and Alerts -->
458
+ <section class="grid grid-cols-1 lg:grid-cols-3 gap-8 mb-12">
459
+ <!-- Recent Disputes -->
460
+ <div class="lg:col-span-2 glass-card rounded-xl overflow-hidden">
461
+ <div class="p-6 border-b border-gray-700">
462
+ <div class="flex justify-between items-center">
463
+ <h3 class="text-lg font-semibold text-white">Recent Disputes</h3>
464
+ <a href="#" class="neon-text text-sm font-medium hover:underline">View All</a>
465
+ </div>
466
+ </div>
467
+ <div class="overflow-y-auto max-h-96">
468
+ <table class="min-w-full divide-y divide-gray-700">
469
+ <thead class="bg-gray-800">
470
+ <tr>
471
+ <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-400 uppercase tracking-wider">ID</th>
472
+ <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-400 uppercase tracking-wider">Amount</th>
473
+ <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-400 uppercase tracking-wider">Reason</th>
474
+ <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-400 uppercase tracking-wider">Status</th>
475
+ <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-400 uppercase tracking-wider">Priority</th>
476
+ <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-400 uppercase tracking-wider">Days Left</th>
477
+ </tr>
478
+ </thead>
479
+ <tbody class="divide-y divide-gray-700">
480
+ <!-- Dispute 1 -->
481
+ <tr class="hover:bg-gray-800 cursor-pointer">
482
+ <td class="px-6 py-4 whitespace-nowrap">
483
+ <div class="text-sm font-medium">CB-4892</div>
484
+ </td>
485
+ <td class="px-6 py-4 whitespace-nowrap">
486
+ <div class="text-sm">$249.99</div>
487
+ </td>
488
+ <td class="px-6 py-4 whitespace-nowrap">
489
+ <div class="text-sm">Product Not Received</div>
490
+ </td>
491
+ <td class="px-6 py-4 whitespace-nowrap">
492
+ <span class="status-badge status-pending">Pending</span>
493
+ </td>
494
+ <td class="px-6 py-4 whitespace-nowrap">
495
+ <span class="status-badge priority-high">High</span>
496
+ </td>
497
+ <td class="px-6 py-4 whitespace-nowrap">
498
+ <div class="text-sm">3</div>
499
+ </td>
500
+ </tr>
501
+
502
+ <!-- Dispute 2 -->
503
+ <tr class="hover:bg-gray-800 cursor-pointer">
504
+ <td class="px-6 py-4 whitespace-nowrap">
505
+ <div class="text-sm font-medium">CB-4891</div>
506
+ </td>
507
+ <td class="px-6 py-4 whitespace-nowrap">
508
+ <div class="text-sm">$89.50</div>
509
+ </td>
510
+ <td class="px-6 py-4 whitespace-nowrap">
511
+ <div class="text-sm">Unauthorized</div>
512
+ </td>
513
+ <td class="px-6 py-4 whitespace-nowrap">
514
+ <span class="status-badge status-in-review">In Review</span>
515
+ </td>
516
+ <td class="px-6 py-4 whitespace-nowrap">
517
+ <span class="status-badge priority-high">High</span>
518
+ </td>
519
+ <td class="px-6 py-4 whitespace-nowrap">
520
+ <div class="text-sm">5</div>
521
+ </td>
522
+ </tr>
523
+
524
+ <!-- Dispute 3 -->
525
+ <tr class="hover:bg-gray-800 cursor-pointer">
526
+ <td class="px-6 py-4 whitespace-nowrap">
527
+ <div class="text-sm font-medium">CB-4890</div>
528
+ </td>
529
+ <td class="px-6 py-4 whitespace-nowrap">
530
+ <div class="text-sm">$1,250.00</div>
531
+ </td>
532
+ <td class="px-6 py-4 whitespace-nowrap">
533
+ <div class="text-sm">Credit Not Processed</div>
534
+ </td>
535
+ <td class="px-6 py-4 whitespace-nowrap">
536
+ <span class="status-badge status-won">Won</span>
537
+ </td>
538
+ <td class="px-6 py-4 whitespace-nowrap">
539
+ <span class="status-badge priority-medium">Medium</span>
540
+ </td>
541
+ <td class="px-6 py-4 whitespace-nowrap">
542
+ <div class="text-sm">-</div>
543
+ </td>
544
+ </tr>
545
+
546
+ <!-- Dispute 4 -->
547
+ <tr class="hover:bg-gray-800 cursor-pointer">
548
+ <td class="px-6 py-4 whitespace-nowrap">
549
+ <div class="text-sm font-medium">CB-4889</div>
550
+ </td>
551
+ <td class="px-6 py-4 whitespace-nowrap">
552
+ <div class="text-sm">$45.99</div>
553
+ </td>
554
+ <td class="px-6 py-4 whitespace-nowrap">
555
+ <div class="text-sm">Duplicate Charge</div>
556
+ </td>
557
+ <td class="px-6 py-4 whitespace-nowrap">
558
+ <span class="status-badge status-lost">Lost</span>
559
+ </td>
560
+ <td class="px-6 py-4 whitespace-nowrap">
561
+ <span class="status-badge priority-low">Low</span>
562
+ </td>
563
+ <td class="px-6 py-4 whitespace-nowrap">
564
+ <div class="text-sm">-</div>
565
+ </td>
566
+ </tr>
567
+
568
+ <!-- Dispute 5 -->
569
+ <tr class="hover:bg-gray-800 cursor-pointer">
570
+ <td class="px-6 py-4 whitespace-nowrap">
571
+ <div class="text-sm font-medium">CB-4888</div>
572
+ </td>
573
+ <td class="px-6 py-4 whitespace-nowrap">
574
+ <div class="text-sm">$320.00</div>
575
+ </td>
576
+ <td class="px-6 py-4 whitespace-nowrap">
577
+ <div class="text-sm">Product Not as Described</div>
578
+ </td>
579
+ <td class="px-6 py-4 whitespace-nowrap">
580
+ <span class="status-badge status-pending">Pending</span>
581
+ </td>
582
+ <td class="px-6 py-4 whitespace-nowrap">
583
+ <span class="status-badge priority-medium">Medium</span>
584
+ </td>
585
+ <td class="px-6 py-4 whitespace-nowrap">
586
+ <div class="text-sm">7</div>
587
+ </td>
588
+ </tr>
589
+ </tbody>
590
+ </table>
591
+ </div>
592
+ </div>
593
+
594
+ <!-- Fraud Alerts -->
595
+ <div class="glass-card rounded-xl overflow-hidden">
596
+ <div class="p-6 border-b border-gray-700">
597
+ <h3 class="text-lg font-semibold text-white">Fraud Alerts</h3>
598
+ </div>
599
+ <div class="overflow-y-auto max-h-96 p-4 space-y-4">
600
+ <!-- Alert 1 -->
601
+ <div class="p-4 rounded-lg alert-critical">
602
+ <div class="flex items-start space-x-3">
603
+ <div class="neon-border p-2 rounded-full">
604
+ <i class="fas fa-exclamation-triangle text-red-500"></i>
605
+ </div>
606
+ <div>
607
+ <h4 class="font-medium">High Risk Transaction</h4>
608
+ <p class="text-sm text-gray-400 mt-1">Order #78945 from new customer with mismatched billing/shipping</p>
609
+ <div class="flex space-x-2 mt-2">
610
+ <span class="px-2 py-1 text-xs rounded bg-gray-700">$249.99</span>
611
+ <span class="px-2 py-1 text-xs rounded bg-gray-700">New Customer</span>
612
+ </div>
613
+ <div class="mt-3 flex justify-end">
614
+ <button class="px-3 py-1 text-xs rounded-lg neon-btn">Investigate</button>
615
+ </div>
616
+ </div>
617
+ </div>
618
+ </div>
619
+
620
+ <!-- Alert 2 -->
621
+ <div class="p-4 rounded-lg alert-warning">
622
+ <div class="flex items-start space-x-3">
623
+ <div class="neon-border p-2 rounded-full">
624
+ <i class="fas fa-exclamation-circle text-yellow-500"></i>
625
+ </div>
626
+ <div>
627
+ <h4 class="font-medium">Multiple Failed Attempts</h4>
628
+ <p class="text-sm text-gray-400 mt-1">Customer attempted 3 different payment methods in 5 minutes</p>
629
+ <div class="flex space-x-2 mt-2">
630
+ <span class="px-2 py-1 text-xs rounded bg-gray-700">$89.50</span>
631
+ <span class="px-2 py-1 text-xs rounded bg-gray-700">IP Mismatch</span>
632
+ </div>
633
+ <div class="mt-3 flex justify-end">
634
+ <button class="px-3 py-1 text-xs rounded-lg neon-btn">Review</button>
635
+ </div>
636
+ </div>
637
+ </div>
638
+ </div>
639
+
640
+ <!-- Alert 3 -->
641
+ <div class="p-4 rounded-lg alert-info">
642
+ <div class="flex items-start space-x-3">
643
+ <div class="neon-border p-2 rounded-full">
644
+ <i class="fas fa-info-circle text-blue-400"></i>
645
+ </div>
646
+ <div>
647
+ <h4 class="font-medium">Unusual Purchase Pattern</h4>
648
+ <p class="text-sm text-gray-400 mt-1">Customer purchased 5 identical high-value items</p>
649
+ <div class="flex space-x-2 mt-2">
650
+ <span class="px-2 py-1 text-xs rounded bg-gray-700">$1,250.00</span>
651
+ <span class="px-2 py-1 text-xs rounded bg-gray-700">Bulk Order</span>
652
+ </div>
653
+ <div class="mt-3 flex justify-end">
654
+ <button class="px-3 py-1 text-xs rounded-lg neon-btn">Verify</button>
655
+ </div>
656
+ </div>
657
+ </div>
658
+ </div>
659
+
660
+ <!-- Alert 4 -->
661
+ <div class="p-4 rounded-lg alert-warning">
662
+ <div class="flex items-start space-x-3">
663
+ <div class="neon-border p-2 rounded-full">
664
+ <i class="fas fa-credit-card text-yellow-500"></i>
665
+ </div>
666
+ <div>
667
+ <h4 class="font-medium">Card Testing Detected</h4>
668
+ <p class="text-sm text-gray-400 mt-1">Multiple small transactions from same IP in short period</p>
669
+ <div class="flex space-x-2 mt-2">
670
+ <span class="px-2 py-1 text-xs rounded bg-gray-700">$1.00</span>
671
+ <span class="px-2 py-1 text-xs rounded bg-gray-700">Card Testing</span>
672
+ </div>
673
+ <div class="mt-3 flex justify-end">
674
+ <button class="px-3 py-1 text-xs rounded-lg neon-btn">Block IP</button>
675
+ </div>
676
+ </div>
677
+ </div>
678
+ </div>
679
+ </div>
680
+ </div>
681
+ </section>
682
+
683
+ <!-- Dispute Stats -->
684
+ <section class="mb-12">
685
+ <h3 class="text-xl font-semibold mb-6">Dispute Statistics</h3>
686
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
687
+ <div class="glass-card p-4 rounded-lg flex items-center space-x-3">
688
+ <div class="p-2 rounded-lg neon-btn">
689
+ <i class="fas fa-clock text-white"></i>
690
+ </div>
691
+ <div>
692
+ <p class="text-xs text-gray-400">Avg. Response Time</p>
693
+ <p class="font-medium">2.4 days</p>
694
+ </div>
695
+ </div>
696
+ <div class="glass-card p-4 rounded-lg flex items-center space-x-3">
697
+ <div class="p-2 rounded-lg neon-btn">
698
+ <i class="fas fa-check-circle text-white"></i>
699
+ </div>
700
+ <div>
701
+ <p class="text-xs text-gray-400">Prevented Disputes</p>
702
+ <p class="font-medium">42</p>
703
+ </div>
704
+ </div>
705
+ <div class="glass-card p-4 rounded-lg flex items-center space-x-3">
706
+ <div class="p-2 rounded-lg neon-btn">
707
+ <i class="fas fa-comments text-white"></i>
708
+ </div>
709
+ <div>
710
+ <p class="text-xs text-gray-400">Customer Refunds</p>
711
+ <p class="font-medium">18</p>
712
+ </div>
713
+ </div>
714
+ <div class="glass-card p-4 rounded-lg flex items-center space-x-3">
715
+ <div class="p-2 rounded-lg neon-btn">
716
+ <i class="fas fa-star text-white"></i>
717
+ </div>
718
+ <div>
719
+ <p class="text-xs text-gray-400">Disputes/Mo</p>
720
+ <p class="font-medium">35</p>
721
+ </div>
722
+ </div>
723
+ </div>
724
+ </section>
725
+
726
+ <!-- New Dispute Modal -->
727
+ <div id="newDisputeModal" class="fixed inset-0 bg-black bg-opacity-70 flex items-center justify-center z-50 hidden backdrop-blur-sm">
728
+ <div class="glass-card rounded-xl w-full max-w-3xl max-h-screen overflow-y-auto">
729
+ <div class="p-6 border-b border-gray-700 flex justify-between items-center">
730
+ <h3 class="text-xl font-semibold text-white">Create New Dispute</h3>
731
+ <button id="closeNewDisputeModal" class="text-gray-400 hover:text-white">
732
+ <i class="fas fa-times text-xl"></i>
733
+ </button>
734
+ </div>
735
+ <div class="p-6">
736
+ <div class="mb-6">
737
+ <h4 class="text-sm font-medium text-gray-400 mb-4">1. Dispute Information</h4>
738
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
739
+ <div>
740
+ <label class="block text-sm font-medium text-gray-400 mb-1">Transaction ID</label>
741
+ <input type="text" placeholder="Enter transaction ID" class="w-full px-3 py-2 rounded-md">
742
+ </div>
743
+ <div>
744
+ <label class="block text-sm font-medium text-gray-400 mb-1">Dispute Amount</label>
745
+ <input type="text" placeholder="Enter amount" class="w-full px-3 py-2 rounded-md">
746
+ </div>
747
+ <div>
748
+ <label class="block text-sm font-medium text-gray-400 mb-1">Dispute Date</label>
749
+ <input type="date" class="w-full px-3 py-2 rounded-md">
750
+ </div>
751
+ <div>
752
+ <label class="block text-sm font-medium text-gray-400 mb-1">Response Deadline</label>
753
+ <input type="date" class="w-full px-3 py-2 rounded-md">
754
+ </div>
755
+ <div class="col-span-2">
756
+ <label class="block text-sm font-medium text-gray-400 mb-1">Dispute Reason</label>
757
+ <select class="w-full px-3 py-2 rounded-md">
758
+ <option>Product Not Received</option>
759
+ <option>Unauthorized Transaction</option>
760
+ <option>Credit Not Processed</option>
761
+ <option>Duplicate Charge</option>
762
+ <option>Product Not as Described</option>
763
+ <option>Other</option>
764
+ </select>
765
+ </div>
766
+ <div class="col-span-2">
767
+ <label class="block text-sm font-medium text-gray-400 mb-1">Dispute Details</label>
768
+ <textarea rows="3" placeholder="Describe the dispute..." class="w-full px-3 py-2 rounded-md"></textarea>
769
+ </div>
770
+ </div>
771
+ </div>
772
+
773
+ <div class="mb-6">
774
+ <h4 class="text-sm font-medium text-gray-400 mb-4">2. Supporting Evidence</h4>
775
+ <div class="file-upload p-8 text-center">
776
+ <div class="flex flex-col items-center justify-center">
777
+ <i class="fas fa-cloud-upload-alt text-4xl neon-text mb-3"></i>
778
+ <p class="text-sm text-gray-400 mb-2">Drag and drop evidence files here or</p>
779
+ <button class="px-4 py-2 rounded-lg neon-btn">
780
+ Browse Files
781
+ </button>
782
+ <p class="text-xs text-gray-500 mt-2">PDF, JPG, PNG, DOCX up to 25MB</p>
783
+ </div>
784
+ </div>
785
+ </div>
786
+
787
+ <div class="flex justify-end space-x-4">
788
+ <button class="px-6 py-2 glass-card text-white rounded-lg hover:neon-shadow">
789
+ Cancel
790
+ </button>
791
+ <button class="px-6 py-2 rounded-lg neon-btn neon-shadow">
792
+ Submit Dispute
793
+ </button>
794
+ </div>
795
+ </div>
796
+ </div>
797
+ </div>
798
+ </main>
799
+
800
+ <!-- Footer -->
801
+ <footer class="glass-card py-8 border-t border-gray-700">
802
+ <div class="container mx-auto px-4">
803
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
804
+ <div>
805
+ <h4 class="text-lg font-semibold neon-text mb-4">Chargeback Shield</h4>
806
+ <p class="text-sm text-gray-400">Advanced fraud detection and dispute management system powered by AI.</p>
807
+ </div>
808
+ <div>
809
+ <h5 class="text-sm font-semibold text-gray-400 uppercase tracking-wider mb-4">Resources</h5>
810
+ <ul class="space-y-2">
811
+ <li><a href="#" class="text-sm text-gray-400 hover:neon-text transition-colors">Documentation</a></li>
812
+ <li><a href="#" class="text-sm text-gray-400 hover:neon-text transition-colors">API</a></li>
813
+ <li><a href="#" class="text-sm text-gray-400 hover:neon-text transition-colors">Case Studies</a></li>
814
+ <li><a href="#" class="text-sm text-gray-400 hover:neon-text transition-colors">Support</a></li>
815
+ </ul>
816
+ </div>
817
+ <div>
818
+ <h5 class="text-sm font-semibold text-gray-400 uppercase tracking-wider mb-4">Company</h5>
819
+ <ul class="space-y-2">
820
+ <li><a href="#" class="text-sm text-gray-400 hover:neon-text transition-colors">About</a></li>
821
+ <li><a href="#" class="text-sm text-gray-400 hover:neon-text transition-colors">Careers</a></li>
822
+ <li><a href="#" class="text-sm text-gray-400 hover:neon-text transition-colors">Privacy</a></li>
823
+ <li><a href="#" class="text-sm text-gray-400 hover:neon-text transition-colors">Terms</a></li>
824
+ </ul>
825
+ </div>
826
+ <div>
827
+ <h5 class="text-sm font-semibold text-gray-400 uppercase tracking-wider mb-4">Connect</h5>
828
+ <div class="flex space-x-4">
829
+ <a href="#" class="text-gray-500 hover:neon-text transition-colors">
830
+ <i class="fab fa-twitter"></i>
831
+ </a>
832
+ <a href="#" class="text-gray-500 hover:neon-text transition-colors">
833
+ <i class="fab fa-linkedin"></i>
834
+ </a>
835
+ <a href="#" class="text-gray-500 hover:neon-text transition-colors">
836
+ <i class="fab fa-github"></i>
837
+ </a>
838
+ </div>
839
+ <div class="mt-4">
840
+ <p class="text-xs text-gray-500">Subscribe to our newsletter</p>
841
+ <div class="flex mt-2">
842
+ <input type="email" placeholder="Your email" class="px-3 py-2 rounded-l-md w-full text-sm">
843
+ <button class="px-3 py-2 rounded-r-md neon-btn text-sm">
844
+ <i class="fas fa-paper-plane"></i>
845
+ </button>
846
+ </div>
847
+ </div>
848
+ </div>
849
+ </div>
850
+ <div class="border-t border-gray-700 mt-8 pt-8">
851
+ <p class="text-sm text-gray-500 text-center">© 2023 Chargeback Shield. All rights reserved.</p>
852
+ </div>
853
+ </div>
854
+ </footer>
855
+
856
+ <script>
857
+ // Initialize charts
858
+ document.addEventListener('DOMContentLoaded', function() {
859
+ // Disputes Over Time Chart
860
+ const disputesCtx = document.getElementById('disputesChart').getContext('2d');
861
+ const disputesChart = new Chart(disputesCtx, {
862
+ type: 'line',
863
+ data: {
864
+ labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul'],
865
+ datasets: [{
866
+ label: 'Disputes',
867
+ data: [12, 19, 15, 22, 18, 24, 30],
868
+ borderColor: '#00ff64',
869
+ backgroundColor: 'rgba(0, 255, 100, 0.1)',
870
+ borderWidth: 2,
871
+ tension: 0.4,
872
+ fill: true
873
+ }]
874
+ },
875
+ options: {
876
+ responsive: true,
877
+ maintainAspectRatio: false,
878
+ plugins: {
879
+ legend: {
880
+ display: false
881
+ }
882
+ },
883
+ scales: {
884
+ y: {
885
+ beginAtZero: true,
886
+ grid: {
887
+ color: 'rgba(255, 255, 255, 0.1)'
888
+ },
889
+ ticks: {
890
+ color: 'rgba(255, 255, 255, 0.7)'
891
+ }
892
+ },
893
+ x: {
894
+ grid: {
895
+ color: 'rgba(255, 255, 255, 0.1)'
896
+ },
897
+ ticks: {
898
+ color: 'rgba(255, 255, 255, 0.7)'
899
+ }
900
+ }
901
+ }
902
+ }
903
+ });
904
+
905
+ // Dispute Reasons Chart
906
+ const reasonsCtx = document.getElementById('reasonsChart').getContext('2d');
907
+ const reasonsChart = new Chart(reasonsCtx, {
908
+ type: 'doughnut',
909
+ data: {
910
+ labels: ['Not Received', 'Unauthorized', 'Not as Described', 'Duplicate', 'Other'],
911
+ datasets: [{
912
+ data: [35, 25, 20, 15, 5],
913
+ backgroundColor: [
914
+ '#00ff64',
915
+ '#f6ff00',
916
+ '#00BFFF',
917
+ '#FFA500',
918
+ '#FF0000'
919
+ ],
920
+ borderWidth: 0
921
+ }]
922
+ },
923
+ options: {
924
+ responsive: true,
925
+ maintainAspectRatio: false,
926
+ plugins: {
927
+ legend: {
928
+ position: 'right',
929
+ labels: {
930
+ color: 'rgba(255, 255, 255, 0.7)'
931
+ }
932
+ }
933
+ },
934
+ cutout: '70%'
935
+ }
936
+ });
937
+
938
+ // Modal functionality
939
+ const newDisputeBtn = document.getElementById('newDisputeBtn');
940
+ const newDisputeModal = document.getElementById('newDisputeModal');
941
+ const closeNewDisputeModal = document.getElementById('closeNewDisputeModal');
942
+
943
+ newDisputeBtn.addEventListener('click', () => {
944
+ newDisputeModal.classList.remove('hidden');
945
+ });
946
+
947
+ closeNewDisputeModal.addEventListener('click', () => {
948
+ newDisputeModal.classList.add('hidden');
949
+ });
950
+
951
+ // Close modal when clicking outside
952
+ window.addEventListener('click', (event) => {
953
+ if (event.target === newDisputeModal) {
954
+ newDisputeModal.classList.add('hidden');
955
+ }
956
+ });
957
+
958
+ // Add hover effects to all glass cards
959
+ const glassCards = document.querySelectorAll('.glass-card');
960
+ glassCards.forEach(card => {
961
+ card.addEventListener('mouseenter', () => {
962
+ card.style.transform = 'translateY(-5px)';
963
+ });
964
+ card.addEventListener('mouseleave', () => {
965
+ card.style.transform = '';
966
+ });
967
+ });
968
+
969
+ // Add click effect to dispute rows
970
+ const disputeRows = document.querySelectorAll('tbody tr');
971
+ disputeRows.forEach(row => {
972
+ row.addEventListener('click', () => {
973
+ // In a real app, this would open the dispute details
974
+ row.classList.toggle('bg-gray-800');
975
+ });
976
+ });
977
+
978
+ // Add click effect to alert cards
979
+ const alertCards = document.querySelectorAll('.p-4.rounded-lg');
980
+ alertCards.forEach(card => {
981
+ card.addEventListener('click', () => {
982
+ // In a real app, this would open the alert details
983
+ card.classList.toggle('bg-gray-800');
984
+ });
985
+ });
986
+ });
987
+ </script>
988
+ <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=LDrago-R/reverza" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
989
+ </html>
prompts.txt ADDED
@@ -0,0 +1,6 @@
 
 
 
 
 
 
 
1
+ make a chargeback system website named Reverza with required functionalities as a chargeback system does
2
+ make it in a futuristic design with a live background
3
+ make it in dark mode and make it a decent and unique dashboard with interactive cards
4
+ also remove the gradient make it a neon green
5
+ use neon green and neon yellow gradient
6
+ make it according to a chargeback dashboard