@mcpjam/inspector 0.1.0 → 0.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,41 +1,278 @@
1
+ @import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");
2
+
3
+
4
+ /* Custom animations and modern styling for the MCP Inspector */
1
5
  #root {
2
6
  margin: 0 auto;
7
+ font-family:
8
+ "Inter",
9
+ -apple-system,
10
+ BlinkMacSystemFont,
11
+ "Segoe UI",
12
+ Roboto,
13
+ sans-serif;
14
+ }
15
+ /* Smooth fade-in animation for app loading */
16
+ .app-container {
17
+ animation: fadeIn 0.6s ease-out;
18
+ }
19
+ @keyframes fadeIn {
20
+ from {
21
+ opacity: 0;
22
+ transform: translateY(10px);
23
+ }
24
+ to {
25
+ opacity: 1;
26
+ transform: translateY(0);
27
+ }
3
28
  }
4
-
5
- .logo {
6
- height: 6em;
7
- padding: 1.5em;
8
- will-change: filter;
9
- transition: filter 300ms;
29
+ /* Custom scrollbar styling */
30
+ ::-webkit-scrollbar {
31
+ width: 8px;
32
+ height: 8px;
33
+ }
34
+ ::-webkit-scrollbar-track {
35
+ background: transparent;
36
+ }
37
+ ::-webkit-scrollbar-thumb {
38
+ background: hsl(var(--border));
39
+ border-radius: 4px;
40
+ -webkit-transition: background-color 0.2s ease;
41
+ transition: background-color 0.2s ease;
42
+ }
43
+ ::-webkit-scrollbar-thumb:hover {
44
+ background: hsl(var(--muted-foreground) / 0.5);
45
+ }
46
+ /* Glass morphism effect for cards */
47
+ .glass-card {
48
+ background: rgba(255, 255, 255, 0.05);
49
+ -webkit-backdrop-filter: blur(10px);
50
+ backdrop-filter: blur(10px);
51
+ border: 1px solid rgba(255, 255, 255, 0.1);
52
+ box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
53
+ }
54
+ .dark .glass-card {
55
+ background: rgba(0, 0, 0, 0.2);
56
+ border: 1px solid rgba(255, 255, 255, 0.1);
57
+ }
58
+ /* Enhanced tab styling */
59
+ .modern-tab {
60
+ position: relative;
61
+ overflow: hidden;
10
62
  }
11
- .logo:hover {
12
- filter: drop-shadow(0 0 2em #646cffaa);
63
+ .modern-tab::before {
64
+ content: "";
65
+ position: absolute;
66
+ top: 0;
67
+ left: -100%;
68
+ width: 100%;
69
+ height: 100%;
70
+ background: linear-gradient(
71
+ 90deg,
72
+ transparent,
73
+ rgba(255, 255, 255, 0.1),
74
+ transparent
75
+ );
76
+ transition: left 0.5s;
77
+ }
78
+ .modern-tab:hover::before {
79
+ left: 100%;
80
+ }
81
+ /* Floating action button style */
82
+ .floating-button {
83
+ position: relative;
84
+ overflow: hidden;
85
+ transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
13
86
  }
14
- .logo.react:hover {
15
- filter: drop-shadow(0 0 2em #61dafbaa);
87
+ .floating-button:hover {
88
+ transform: translateY(-2px);
89
+ box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
16
90
  }
17
-
18
- @keyframes logo-spin {
19
- from {
91
+ /* Pulse animation for notifications */
92
+ .pulse-animation {
93
+ animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
94
+ }
95
+ @keyframes pulse {
96
+ 0%,
97
+ 100% {
98
+ opacity: 1;
99
+ }
100
+ 50% {
101
+ opacity: 0.5;
102
+ }
103
+ }
104
+ /* Smooth slide transitions */
105
+ .slide-enter {
106
+ transform: translateX(-100%);
107
+ }
108
+ .slide-enter-active {
109
+ transform: translateX(0);
110
+ transition: transform 300ms ease-in-out;
111
+ }
112
+ .slide-exit {
113
+ transform: translateX(0);
114
+ }
115
+ .slide-exit-active {
116
+ transform: translateX(100%);
117
+ transition: transform 300ms ease-in-out;
118
+ }
119
+ /* Loading spinner enhancement */
120
+ .modern-spinner {
121
+ width: 20px;
122
+ height: 20px;
123
+ border: 2px solid hsl(var(--muted));
124
+ border-top: 2px solid hsl(var(--primary));
125
+ border-radius: 50%;
126
+ animation: spin 1s linear infinite;
127
+ }
128
+ @keyframes spin {
129
+ 0% {
20
130
  transform: rotate(0deg);
21
131
  }
22
- to {
132
+ 100% {
23
133
  transform: rotate(360deg);
24
134
  }
25
135
  }
26
-
27
- @media (prefers-reduced-motion: no-preference) {
28
- a:nth-of-type(2) .logo {
29
- animation: logo-spin infinite 20s linear;
136
+ /* Enhanced focus states */
137
+ .focus-ring:focus-visible {
138
+ outline: 2px solid hsl(var(--ring));
139
+ outline-offset: 2px;
140
+ }
141
+ /* Gradient backgrounds */
142
+ .gradient-bg {
143
+ background: linear-gradient(
144
+ 135deg,
145
+ hsl(var(--background)) 0%,
146
+ hsl(var(--muted) / 0.1) 100%
147
+ );
148
+ }
149
+ .dark .gradient-bg {
150
+ background: linear-gradient(
151
+ 135deg,
152
+ hsl(var(--background)) 0%,
153
+ hsl(var(--muted) / 0.05) 100%
154
+ );
155
+ }
156
+ /* Connection status indicators */
157
+ .status-connected {
158
+ color: #10b981;
159
+ animation: statusPulse 2s ease-in-out infinite;
160
+ }
161
+ .status-disconnected {
162
+ color: #ef4444;
163
+ }
164
+ .status-connecting {
165
+ color: #f59e0b;
166
+ animation: statusPulse 1s ease-in-out infinite;
167
+ }
168
+ @keyframes statusPulse {
169
+ 0%,
170
+ 100% {
171
+ opacity: 1;
172
+ }
173
+ 50% {
174
+ opacity: 0.5;
30
175
  }
31
176
  }
32
-
33
- .card {
34
- padding: 2em;
177
+ /* Modern card hover effects */
178
+ .hover-lift {
179
+ transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
180
+ }
181
+ .hover-lift:hover {
182
+ transform: translateY(-4px);
183
+ box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
184
+ }
185
+ /* Text shimmer effect for headings */
186
+ .shimmer-text {
187
+ background: linear-gradient(
188
+ 90deg,
189
+ hsl(var(--foreground)),
190
+ hsl(var(--muted-foreground)),
191
+ hsl(var(--foreground))
192
+ );
193
+ background-size: 200% 100%;
194
+ background-clip: text;
195
+ -webkit-background-clip: text;
196
+ -webkit-text-fill-color: transparent;
197
+ animation: shimmer 3s ease-in-out infinite;
198
+ }
199
+ @keyframes shimmer {
200
+ 0% {
201
+ background-position: -200% 0;
202
+ }
203
+ 100% {
204
+ background-position: 200% 0;
205
+ }
35
206
  }
36
-
37
- .read-the-docs {
38
- color: #888;
207
+ /* Modern button styles */
208
+ .modern-button {
209
+ position: relative;
210
+ overflow: hidden;
211
+ transition: all 0.3s ease;
212
+ }
213
+ .modern-button::after {
214
+ content: "";
215
+ position: absolute;
216
+ top: 50%;
217
+ left: 50%;
218
+ width: 0;
219
+ height: 0;
220
+ background: rgba(255, 255, 255, 0.1);
221
+ border-radius: 50%;
222
+ transform: translate(-50%, -50%);
223
+ transition:
224
+ width 0.3s,
225
+ height 0.3s;
226
+ }
227
+ .modern-button:active::after {
228
+ width: 300px;
229
+ height: 300px;
230
+ }
231
+ /* Responsive design helpers */
232
+ @media (max-width: 768px) {
233
+ .hide-mobile {
234
+ display: none;
235
+ }
236
+ }
237
+ @media (max-width: 640px) {
238
+ .hide-sm {
239
+ display: none;
240
+ }
241
+ }
242
+ /* Custom properties for theme consistency */
243
+ :root {
244
+ --transition-fast: 150ms ease;
245
+ --transition-normal: 250ms ease;
246
+ --transition-slow: 350ms ease;
247
+ --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
248
+ --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
249
+ 0 2px 4px -1px rgba(0, 0, 0, 0.06);
250
+ --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
251
+ 0 4px 6px -2px rgba(0, 0, 0, 0.05);
252
+ --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
253
+ 0 10px 10px -5px rgba(0, 0, 0, 0.04);
254
+ }
255
+ /* Utility classes */
256
+ .transition-fast {
257
+ transition: var(--transition-fast);
258
+ }
259
+ .transition-normal {
260
+ transition: var(--transition-normal);
261
+ }
262
+ .transition-slow {
263
+ transition: var(--transition-slow);
264
+ }
265
+ .shadow-custom-sm {
266
+ box-shadow: var(--shadow-sm);
267
+ }
268
+ .shadow-custom-md {
269
+ box-shadow: var(--shadow-md);
270
+ }
271
+ .shadow-custom-lg {
272
+ box-shadow: var(--shadow-lg);
273
+ }
274
+ .shadow-custom-xl {
275
+ box-shadow: var(--shadow-xl);
39
276
  }
40
277
  /**
41
278
  * prism.js default theme for JavaScript, CSS and HTML
@@ -755,9 +992,6 @@ video {
755
992
  .pointer-events-auto {
756
993
  pointer-events: auto;
757
994
  }
758
- .visible {
759
- visibility: visible;
760
- }
761
995
  .collapse {
762
996
  visibility: collapse;
763
997
  }
@@ -773,15 +1007,9 @@ video {
773
1007
  .inset-0 {
774
1008
  inset: 0px;
775
1009
  }
776
- .-right-1 {
777
- right: -0.25rem;
778
- }
779
1010
  .-top-1 {
780
1011
  top: -0.25rem;
781
1012
  }
782
- .-top-2 {
783
- top: -0.5rem;
784
- }
785
1013
  .left-\[50\%\] {
786
1014
  left: 50%;
787
1015
  }
@@ -800,6 +1028,9 @@ video {
800
1028
  .top-1 {
801
1029
  top: 0.25rem;
802
1030
  }
1031
+ .top-1\/2 {
1032
+ top: 50%;
1033
+ }
803
1034
  .top-2 {
804
1035
  top: 0.5rem;
805
1036
  }
@@ -825,6 +1056,10 @@ video {
825
1056
  margin-left: -0.25rem;
826
1057
  margin-right: -0.25rem;
827
1058
  }
1059
+ .mx-auto {
1060
+ margin-left: auto;
1061
+ margin-right: auto;
1062
+ }
828
1063
  .my-1 {
829
1064
  margin-top: 0.25rem;
830
1065
  margin-bottom: 0.25rem;
@@ -832,15 +1067,24 @@ video {
832
1067
  .mb-1 {
833
1068
  margin-bottom: 0.25rem;
834
1069
  }
1070
+ .mb-1\.5 {
1071
+ margin-bottom: 0.375rem;
1072
+ }
835
1073
  .mb-2 {
836
1074
  margin-bottom: 0.5rem;
837
1075
  }
1076
+ .mb-3 {
1077
+ margin-bottom: 0.75rem;
1078
+ }
838
1079
  .mb-4 {
839
1080
  margin-bottom: 1rem;
840
1081
  }
841
1082
  .mb-6 {
842
1083
  margin-bottom: 1.5rem;
843
1084
  }
1085
+ .ml-0\.5 {
1086
+ margin-left: 0.125rem;
1087
+ }
844
1088
  .ml-1 {
845
1089
  margin-left: 0.25rem;
846
1090
  }
@@ -862,6 +1106,9 @@ video {
862
1106
  .mr-2 {
863
1107
  margin-right: 0.5rem;
864
1108
  }
1109
+ .mt-0\.5 {
1110
+ margin-top: 0.125rem;
1111
+ }
865
1112
  .mt-1 {
866
1113
  margin-top: 0.25rem;
867
1114
  }
@@ -874,9 +1121,24 @@ video {
874
1121
  .mt-4 {
875
1122
  margin-top: 1rem;
876
1123
  }
1124
+ .line-clamp-1 {
1125
+ overflow: hidden;
1126
+ display: -webkit-box;
1127
+ -webkit-box-orient: vertical;
1128
+ -webkit-line-clamp: 1;
1129
+ }
1130
+ .line-clamp-2 {
1131
+ overflow: hidden;
1132
+ display: -webkit-box;
1133
+ -webkit-box-orient: vertical;
1134
+ -webkit-line-clamp: 2;
1135
+ }
877
1136
  .block {
878
1137
  display: block;
879
1138
  }
1139
+ .inline-block {
1140
+ display: inline-block;
1141
+ }
880
1142
  .inline {
881
1143
  display: inline;
882
1144
  }
@@ -899,15 +1161,24 @@ video {
899
1161
  width: 1rem;
900
1162
  height: 1rem;
901
1163
  }
902
- .h-1 {
903
- height: 0.25rem;
1164
+ .h-1\.5 {
1165
+ height: 0.375rem;
904
1166
  }
905
1167
  .h-10 {
906
1168
  height: 2.5rem;
907
1169
  }
1170
+ .h-12 {
1171
+ height: 3rem;
1172
+ }
1173
+ .h-16 {
1174
+ height: 4rem;
1175
+ }
908
1176
  .h-2 {
909
1177
  height: 0.5rem;
910
1178
  }
1179
+ .h-3 {
1180
+ height: 0.75rem;
1181
+ }
911
1182
  .h-3\.5 {
912
1183
  height: 0.875rem;
913
1184
  }
@@ -917,6 +1188,12 @@ video {
917
1188
  .h-5 {
918
1189
  height: 1.25rem;
919
1190
  }
1191
+ .h-6 {
1192
+ height: 1.5rem;
1193
+ }
1194
+ .h-7 {
1195
+ height: 1.75rem;
1196
+ }
920
1197
  .h-8 {
921
1198
  height: 2rem;
922
1199
  }
@@ -941,8 +1218,8 @@ video {
941
1218
  .h-screen {
942
1219
  height: 100vh;
943
1220
  }
944
- .max-h-80 {
945
- max-height: 20rem;
1221
+ .max-h-32 {
1222
+ max-height: 8rem;
946
1223
  }
947
1224
  .max-h-96 {
948
1225
  max-height: 24rem;
@@ -953,24 +1230,57 @@ video {
953
1230
  .max-h-screen {
954
1231
  max-height: 100vh;
955
1232
  }
1233
+ .min-h-\[40px\] {
1234
+ min-height: 40px;
1235
+ }
956
1236
  .min-h-\[60px\] {
957
1237
  min-height: 60px;
958
1238
  }
1239
+ .min-h-screen {
1240
+ min-height: 100vh;
1241
+ }
1242
+ .w-1\.5 {
1243
+ width: 0.375rem;
1244
+ }
1245
+ .w-10 {
1246
+ width: 2.5rem;
1247
+ }
1248
+ .w-12 {
1249
+ width: 3rem;
1250
+ }
1251
+ .w-16 {
1252
+ width: 4rem;
1253
+ }
959
1254
  .w-2 {
960
1255
  width: 0.5rem;
961
1256
  }
962
1257
  .w-2\/5 {
963
1258
  width: 40%;
964
1259
  }
1260
+ .w-24 {
1261
+ width: 6rem;
1262
+ }
1263
+ .w-3 {
1264
+ width: 0.75rem;
1265
+ }
965
1266
  .w-3\.5 {
966
1267
  width: 0.875rem;
967
1268
  }
968
1269
  .w-4 {
969
1270
  width: 1rem;
970
1271
  }
1272
+ .w-48 {
1273
+ width: 12rem;
1274
+ }
971
1275
  .w-5 {
972
1276
  width: 1.25rem;
973
1277
  }
1278
+ .w-6 {
1279
+ width: 1.5rem;
1280
+ }
1281
+ .w-7 {
1282
+ width: 1.75rem;
1283
+ }
974
1284
  .w-72 {
975
1285
  width: 18rem;
976
1286
  }
@@ -986,6 +1296,9 @@ video {
986
1296
  .w-\[100px\] {
987
1297
  width: 100px;
988
1298
  }
1299
+ .w-auto {
1300
+ width: auto;
1301
+ }
989
1302
  .w-full {
990
1303
  width: 100%;
991
1304
  }
@@ -995,6 +1308,9 @@ video {
995
1308
  .min-w-\[var\(--radix-select-trigger-width\)\] {
996
1309
  min-width: var(--radix-select-trigger-width);
997
1310
  }
1311
+ .max-w-\[80\%\] {
1312
+ max-width: 80%;
1313
+ }
998
1314
  .max-w-full {
999
1315
  max-width: 100%;
1000
1316
  }
@@ -1004,6 +1320,9 @@ video {
1004
1320
  .max-w-md {
1005
1321
  max-width: 28rem;
1006
1322
  }
1323
+ .max-w-sm {
1324
+ max-width: 24rem;
1325
+ }
1007
1326
  .flex-1 {
1008
1327
  flex: 1 1 0%;
1009
1328
  }
@@ -1016,6 +1335,10 @@ video {
1016
1335
  .origin-\[--radix-tooltip-content-transform-origin\] {
1017
1336
  transform-origin: var(--radix-tooltip-content-transform-origin);
1018
1337
  }
1338
+ .-translate-y-1\/2 {
1339
+ --tw-translate-y: -50%;
1340
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1341
+ }
1019
1342
  .translate-x-\[-50\%\] {
1020
1343
  --tw-translate-x: -50%;
1021
1344
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -1024,6 +1347,37 @@ video {
1024
1347
  --tw-translate-y: -50%;
1025
1348
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1026
1349
  }
1350
+ .rotate-180 {
1351
+ --tw-rotate: 180deg;
1352
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1353
+ }
1354
+ .transform {
1355
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1356
+ }
1357
+ @keyframes bounce {
1358
+
1359
+ 0%, 100% {
1360
+ transform: translateY(-25%);
1361
+ animation-timing-function: cubic-bezier(0.8,0,1,1);
1362
+ }
1363
+
1364
+ 50% {
1365
+ transform: none;
1366
+ animation-timing-function: cubic-bezier(0,0,0.2,1);
1367
+ }
1368
+ }
1369
+ .animate-bounce {
1370
+ animation: bounce 1s infinite;
1371
+ }
1372
+ @keyframes pulse {
1373
+
1374
+ 50% {
1375
+ opacity: .5;
1376
+ }
1377
+ }
1378
+ .animate-pulse {
1379
+ animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
1380
+ }
1027
1381
  @keyframes spin {
1028
1382
 
1029
1383
  to {
@@ -1036,6 +1390,9 @@ video {
1036
1390
  .cursor-default {
1037
1391
  cursor: default;
1038
1392
  }
1393
+ .cursor-not-allowed {
1394
+ cursor: not-allowed;
1395
+ }
1039
1396
  .cursor-pointer {
1040
1397
  cursor: pointer;
1041
1398
  }
@@ -1047,6 +1404,9 @@ video {
1047
1404
  -moz-user-select: none;
1048
1405
  user-select: none;
1049
1406
  }
1407
+ .resize-none {
1408
+ resize: none;
1409
+ }
1050
1410
  .grid-cols-2 {
1051
1411
  grid-template-columns: repeat(2, minmax(0, 1fr));
1052
1412
  }
@@ -1059,12 +1419,18 @@ video {
1059
1419
  .flex-col-reverse {
1060
1420
  flex-direction: column-reverse;
1061
1421
  }
1062
- .items-start {
1063
- align-items: flex-start;
1422
+ .flex-wrap {
1423
+ flex-wrap: wrap;
1424
+ }
1425
+ .items-end {
1426
+ align-items: flex-end;
1064
1427
  }
1065
1428
  .items-center {
1066
1429
  align-items: center;
1067
1430
  }
1431
+ .justify-start {
1432
+ justify-content: flex-start;
1433
+ }
1068
1434
  .justify-end {
1069
1435
  justify-content: flex-end;
1070
1436
  }
@@ -1089,11 +1455,36 @@ video {
1089
1455
  .gap-6 {
1090
1456
  gap: 1.5rem;
1091
1457
  }
1458
+ .space-x-1 > :not([hidden]) ~ :not([hidden]) {
1459
+ --tw-space-x-reverse: 0;
1460
+ margin-right: calc(0.25rem * var(--tw-space-x-reverse));
1461
+ margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
1462
+ }
1463
+ .space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
1464
+ --tw-space-x-reverse: 0;
1465
+ margin-right: calc(0.375rem * var(--tw-space-x-reverse));
1466
+ margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse)));
1467
+ }
1092
1468
  .space-x-2 > :not([hidden]) ~ :not([hidden]) {
1093
1469
  --tw-space-x-reverse: 0;
1094
1470
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
1095
1471
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
1096
1472
  }
1473
+ .space-x-3 > :not([hidden]) ~ :not([hidden]) {
1474
+ --tw-space-x-reverse: 0;
1475
+ margin-right: calc(0.75rem * var(--tw-space-x-reverse));
1476
+ margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
1477
+ }
1478
+ .space-x-4 > :not([hidden]) ~ :not([hidden]) {
1479
+ --tw-space-x-reverse: 0;
1480
+ margin-right: calc(1rem * var(--tw-space-x-reverse));
1481
+ margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
1482
+ }
1483
+ .space-y-1 > :not([hidden]) ~ :not([hidden]) {
1484
+ --tw-space-y-reverse: 0;
1485
+ margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
1486
+ margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
1487
+ }
1097
1488
  .space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
1098
1489
  --tw-space-y-reverse: 0;
1099
1490
  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
@@ -1104,6 +1495,11 @@ video {
1104
1495
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
1105
1496
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
1106
1497
  }
1498
+ .space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
1499
+ --tw-space-y-reverse: 0;
1500
+ margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
1501
+ margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
1502
+ }
1107
1503
  .space-y-3 > :not([hidden]) ~ :not([hidden]) {
1108
1504
  --tw-space-y-reverse: 0;
1109
1505
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
@@ -1145,12 +1541,18 @@ video {
1145
1541
  .whitespace-pre-wrap {
1146
1542
  white-space: pre-wrap;
1147
1543
  }
1544
+ .break-words {
1545
+ overflow-wrap: break-word;
1546
+ }
1148
1547
  .break-all {
1149
1548
  word-break: break-all;
1150
1549
  }
1151
1550
  .rounded {
1152
1551
  border-radius: 0.25rem;
1153
1552
  }
1553
+ .rounded-2xl {
1554
+ border-radius: 1rem;
1555
+ }
1154
1556
  .rounded-full {
1155
1557
  border-radius: 9999px;
1156
1558
  }
@@ -1163,12 +1565,21 @@ video {
1163
1565
  .rounded-sm {
1164
1566
  border-radius: calc(var(--radius) - 4px);
1165
1567
  }
1568
+ .rounded-xl {
1569
+ border-radius: 0.75rem;
1570
+ }
1166
1571
  .border {
1167
1572
  border-width: 1px;
1168
1573
  }
1574
+ .border-2 {
1575
+ border-width: 2px;
1576
+ }
1169
1577
  .border-b {
1170
1578
  border-bottom-width: 1px;
1171
1579
  }
1580
+ .border-b-2 {
1581
+ border-bottom-width: 2px;
1582
+ }
1172
1583
  .border-l {
1173
1584
  border-left-width: 1px;
1174
1585
  }
@@ -1182,15 +1593,38 @@ video {
1182
1593
  --tw-border-opacity: 1;
1183
1594
  border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
1184
1595
  }
1596
+ .border-blue-500 {
1597
+ --tw-border-opacity: 1;
1598
+ border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
1599
+ }
1185
1600
  .border-border {
1186
1601
  border-color: hsl(var(--border));
1187
1602
  }
1603
+ .border-border\/20 {
1604
+ border-color: hsl(var(--border) / 0.2);
1605
+ }
1606
+ .border-border\/30 {
1607
+ border-color: hsl(var(--border) / 0.3);
1608
+ }
1609
+ .border-border\/40 {
1610
+ border-color: hsl(var(--border) / 0.4);
1611
+ }
1612
+ .border-border\/50 {
1613
+ border-color: hsl(var(--border) / 0.5);
1614
+ }
1188
1615
  .border-destructive {
1189
1616
  border-color: hsl(var(--destructive));
1190
1617
  }
1618
+ .border-destructive\/20 {
1619
+ border-color: hsl(var(--destructive) / 0.2);
1620
+ }
1191
1621
  .border-destructive\/50 {
1192
1622
  border-color: hsl(var(--destructive) / 0.5);
1193
1623
  }
1624
+ .border-gray-100 {
1625
+ --tw-border-opacity: 1;
1626
+ border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
1627
+ }
1194
1628
  .border-gray-200 {
1195
1629
  --tw-border-opacity: 1;
1196
1630
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
@@ -1199,6 +1633,13 @@ video {
1199
1633
  --tw-border-opacity: 1;
1200
1634
  border-color: rgb(187 247 208 / var(--tw-border-opacity, 1));
1201
1635
  }
1636
+ .border-green-200\/60 {
1637
+ border-color: rgb(187 247 208 / 0.6);
1638
+ }
1639
+ .border-green-500 {
1640
+ --tw-border-opacity: 1;
1641
+ border-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
1642
+ }
1202
1643
  .border-input {
1203
1644
  border-color: hsl(var(--input));
1204
1645
  }
@@ -1209,6 +1650,9 @@ video {
1209
1650
  --tw-border-opacity: 1;
1210
1651
  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
1211
1652
  }
1653
+ .border-red-200\/60 {
1654
+ border-color: rgb(254 202 202 / 0.6);
1655
+ }
1212
1656
  .border-red-300 {
1213
1657
  --tw-border-opacity: 1;
1214
1658
  border-color: rgb(252 165 165 / var(--tw-border-opacity, 1));
@@ -1217,12 +1661,35 @@ video {
1217
1661
  --tw-border-opacity: 1;
1218
1662
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
1219
1663
  }
1664
+ .border-slate-200 {
1665
+ --tw-border-opacity: 1;
1666
+ border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
1667
+ }
1668
+ .border-slate-200\/60 {
1669
+ border-color: rgb(226 232 240 / 0.6);
1670
+ }
1671
+ .border-slate-300 {
1672
+ --tw-border-opacity: 1;
1673
+ border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
1674
+ }
1675
+ .border-slate-300\/60 {
1676
+ border-color: rgb(203 213 225 / 0.6);
1677
+ }
1678
+ .border-transparent {
1679
+ border-color: transparent;
1680
+ }
1681
+ .border-t-transparent {
1682
+ border-top-color: transparent;
1683
+ }
1220
1684
  .bg-accent {
1221
1685
  background-color: hsl(var(--accent));
1222
1686
  }
1223
1687
  .bg-background {
1224
1688
  background-color: hsl(var(--background));
1225
1689
  }
1690
+ .bg-background\/80 {
1691
+ background-color: hsl(var(--background) / 0.8);
1692
+ }
1226
1693
  .bg-black\/80 {
1227
1694
  background-color: rgb(0 0 0 / 0.8);
1228
1695
  }
@@ -1239,13 +1706,16 @@ video {
1239
1706
  .bg-destructive {
1240
1707
  background-color: hsl(var(--destructive));
1241
1708
  }
1242
- .bg-gray-50 {
1709
+ .bg-destructive\/10 {
1710
+ background-color: hsl(var(--destructive) / 0.1);
1711
+ }
1712
+ .bg-emerald-500 {
1243
1713
  --tw-bg-opacity: 1;
1244
- background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
1714
+ background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
1245
1715
  }
1246
- .bg-gray-500 {
1716
+ .bg-gray-50 {
1247
1717
  --tw-bg-opacity: 1;
1248
- background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));
1718
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
1249
1719
  }
1250
1720
  .bg-gray-900 {
1251
1721
  --tw-bg-opacity: 1;
@@ -1255,19 +1725,33 @@ video {
1255
1725
  --tw-bg-opacity: 1;
1256
1726
  background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
1257
1727
  }
1258
- .bg-green-500 {
1259
- --tw-bg-opacity: 1;
1260
- background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
1728
+ .bg-green-50\/80 {
1729
+ background-color: rgb(240 253 244 / 0.8);
1261
1730
  }
1262
1731
  .bg-muted {
1263
1732
  background-color: hsl(var(--muted));
1264
1733
  }
1734
+ .bg-muted-foreground\/60 {
1735
+ background-color: hsl(var(--muted-foreground) / 0.6);
1736
+ }
1737
+ .bg-muted\/100 {
1738
+ background-color: hsl(var(--muted) / 1);
1739
+ }
1740
+ .bg-muted\/20 {
1741
+ background-color: hsl(var(--muted) / 0.2);
1742
+ }
1743
+ .bg-muted\/50 {
1744
+ background-color: hsl(var(--muted) / 0.5);
1745
+ }
1265
1746
  .bg-popover {
1266
1747
  background-color: hsl(var(--popover));
1267
1748
  }
1268
1749
  .bg-primary {
1269
1750
  background-color: hsl(var(--primary));
1270
1751
  }
1752
+ .bg-primary\/10 {
1753
+ background-color: hsl(var(--primary) / 0.1);
1754
+ }
1271
1755
  .bg-red-50 {
1272
1756
  --tw-bg-opacity: 1;
1273
1757
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
@@ -1279,18 +1763,174 @@ video {
1279
1763
  .bg-secondary {
1280
1764
  background-color: hsl(var(--secondary));
1281
1765
  }
1766
+ .bg-slate-400 {
1767
+ --tw-bg-opacity: 1;
1768
+ background-color: rgb(148 163 184 / var(--tw-bg-opacity, 1));
1769
+ }
1282
1770
  .bg-transparent {
1283
1771
  background-color: transparent;
1284
1772
  }
1773
+ .bg-white {
1774
+ --tw-bg-opacity: 1;
1775
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
1776
+ }
1777
+ .bg-white\/60 {
1778
+ background-color: rgb(255 255 255 / 0.6);
1779
+ }
1780
+ .bg-white\/70 {
1781
+ background-color: rgb(255 255 255 / 0.7);
1782
+ }
1783
+ .bg-gradient-to-br {
1784
+ background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
1785
+ }
1786
+ .bg-gradient-to-r {
1787
+ background-image: linear-gradient(to right, var(--tw-gradient-stops));
1788
+ }
1789
+ .from-background\/50 {
1790
+ --tw-gradient-from: hsl(var(--background) / 0.5) var(--tw-gradient-from-position);
1791
+ --tw-gradient-to: hsl(var(--background) / 0) var(--tw-gradient-to-position);
1792
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1793
+ }
1794
+ .from-background\/80 {
1795
+ --tw-gradient-from: hsl(var(--background) / 0.8) var(--tw-gradient-from-position);
1796
+ --tw-gradient-to: hsl(var(--background) / 0) var(--tw-gradient-to-position);
1797
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1798
+ }
1799
+ .from-card\/95 {
1800
+ --tw-gradient-from: hsl(var(--card) / 0.95) var(--tw-gradient-from-position);
1801
+ --tw-gradient-to: hsl(var(--card) / 0) var(--tw-gradient-to-position);
1802
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1803
+ }
1804
+ .from-muted\/20 {
1805
+ --tw-gradient-from: hsl(var(--muted) / 0.2) var(--tw-gradient-from-position);
1806
+ --tw-gradient-to: hsl(var(--muted) / 0) var(--tw-gradient-to-position);
1807
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1808
+ }
1809
+ .from-muted\/30 {
1810
+ --tw-gradient-from: hsl(var(--muted) / 0.3) var(--tw-gradient-from-position);
1811
+ --tw-gradient-to: hsl(var(--muted) / 0) var(--tw-gradient-to-position);
1812
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1813
+ }
1814
+ .from-muted\/50 {
1815
+ --tw-gradient-from: hsl(var(--muted) / 0.5) var(--tw-gradient-from-position);
1816
+ --tw-gradient-to: hsl(var(--muted) / 0) var(--tw-gradient-to-position);
1817
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1818
+ }
1819
+ .from-primary {
1820
+ --tw-gradient-from: hsl(var(--primary)) var(--tw-gradient-from-position);
1821
+ --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
1822
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1823
+ }
1824
+ .from-purple-500 {
1825
+ --tw-gradient-from: #a855f7 var(--tw-gradient-from-position);
1826
+ --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);
1827
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1828
+ }
1829
+ .from-purple-500\/20 {
1830
+ --tw-gradient-from: rgb(168 85 247 / 0.2) var(--tw-gradient-from-position);
1831
+ --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);
1832
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1833
+ }
1834
+ .from-secondary\/50 {
1835
+ --tw-gradient-from: hsl(var(--secondary) / 0.5) var(--tw-gradient-from-position);
1836
+ --tw-gradient-to: hsl(var(--secondary) / 0) var(--tw-gradient-to-position);
1837
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1838
+ }
1839
+ .from-secondary\/70 {
1840
+ --tw-gradient-from: hsl(var(--secondary) / 0.7) var(--tw-gradient-from-position);
1841
+ --tw-gradient-to: hsl(var(--secondary) / 0) var(--tw-gradient-to-position);
1842
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1843
+ }
1844
+ .from-secondary\/80 {
1845
+ --tw-gradient-from: hsl(var(--secondary) / 0.8) var(--tw-gradient-from-position);
1846
+ --tw-gradient-to: hsl(var(--secondary) / 0) var(--tw-gradient-to-position);
1847
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1848
+ }
1849
+ .from-slate-100 {
1850
+ --tw-gradient-from: #f1f5f9 var(--tw-gradient-from-position);
1851
+ --tw-gradient-to: rgb(241 245 249 / 0) var(--tw-gradient-to-position);
1852
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1853
+ }
1854
+ .from-slate-50 {
1855
+ --tw-gradient-from: #f8fafc var(--tw-gradient-from-position);
1856
+ --tw-gradient-to: rgb(248 250 252 / 0) var(--tw-gradient-to-position);
1857
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1858
+ }
1859
+ .from-slate-50\/50 {
1860
+ --tw-gradient-from: rgb(248 250 252 / 0.5) var(--tw-gradient-from-position);
1861
+ --tw-gradient-to: rgb(248 250 252 / 0) var(--tw-gradient-to-position);
1862
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1863
+ }
1864
+ .via-card {
1865
+ --tw-gradient-to: hsl(var(--card) / 0) var(--tw-gradient-to-position);
1866
+ --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--card)) var(--tw-gradient-via-position), var(--tw-gradient-to);
1867
+ }
1868
+ .via-muted\/30 {
1869
+ --tw-gradient-to: hsl(var(--muted) / 0) var(--tw-gradient-to-position);
1870
+ --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--muted) / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to);
1871
+ }
1872
+ .via-secondary\/70 {
1873
+ --tw-gradient-to: hsl(var(--secondary) / 0) var(--tw-gradient-to-position);
1874
+ --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--secondary) / 0.7) var(--tw-gradient-via-position), var(--tw-gradient-to);
1875
+ }
1876
+ .to-background\/30 {
1877
+ --tw-gradient-to: hsl(var(--background) / 0.3) var(--tw-gradient-to-position);
1878
+ }
1879
+ .to-background\/60 {
1880
+ --tw-gradient-to: hsl(var(--background) / 0.6) var(--tw-gradient-to-position);
1881
+ }
1882
+ .to-blue-600 {
1883
+ --tw-gradient-to: #2563eb var(--tw-gradient-to-position);
1884
+ }
1885
+ .to-blue-600\/20 {
1886
+ --tw-gradient-to: rgb(37 99 235 / 0.2) var(--tw-gradient-to-position);
1887
+ }
1888
+ .to-card\/95 {
1889
+ --tw-gradient-to: hsl(var(--card) / 0.95) var(--tw-gradient-to-position);
1890
+ }
1891
+ .to-gray-100 {
1892
+ --tw-gradient-to: #f3f4f6 var(--tw-gradient-to-position);
1893
+ }
1894
+ .to-muted\/20 {
1895
+ --tw-gradient-to: hsl(var(--muted) / 0.2) var(--tw-gradient-to-position);
1896
+ }
1897
+ .to-muted\/50 {
1898
+ --tw-gradient-to: hsl(var(--muted) / 0.5) var(--tw-gradient-to-position);
1899
+ }
1900
+ .to-primary\/90 {
1901
+ --tw-gradient-to: hsl(var(--primary) / 0.9) var(--tw-gradient-to-position);
1902
+ }
1903
+ .to-secondary\/50 {
1904
+ --tw-gradient-to: hsl(var(--secondary) / 0.5) var(--tw-gradient-to-position);
1905
+ }
1906
+ .to-secondary\/60 {
1907
+ --tw-gradient-to: hsl(var(--secondary) / 0.6) var(--tw-gradient-to-position);
1908
+ }
1909
+ .to-slate-100 {
1910
+ --tw-gradient-to: #f1f5f9 var(--tw-gradient-to-position);
1911
+ }
1912
+ .to-slate-100\/50 {
1913
+ --tw-gradient-to: rgb(241 245 249 / 0.5) var(--tw-gradient-to-position);
1914
+ }
1915
+ .object-contain {
1916
+ -o-object-fit: contain;
1917
+ object-fit: contain;
1918
+ }
1285
1919
  .p-0 {
1286
1920
  padding: 0px;
1287
1921
  }
1288
1922
  .p-1 {
1289
1923
  padding: 0.25rem;
1290
1924
  }
1925
+ .p-12 {
1926
+ padding: 3rem;
1927
+ }
1291
1928
  .p-2 {
1292
1929
  padding: 0.5rem;
1293
1930
  }
1931
+ .p-2\.5 {
1932
+ padding: 0.625rem;
1933
+ }
1294
1934
  .p-3 {
1295
1935
  padding: 0.75rem;
1296
1936
  }
@@ -1300,6 +1940,17 @@ video {
1300
1940
  .p-6 {
1301
1941
  padding: 1.5rem;
1302
1942
  }
1943
+ .p-8 {
1944
+ padding: 2rem;
1945
+ }
1946
+ .px-1 {
1947
+ padding-left: 0.25rem;
1948
+ padding-right: 0.25rem;
1949
+ }
1950
+ .px-1\.5 {
1951
+ padding-left: 0.375rem;
1952
+ padding-right: 0.375rem;
1953
+ }
1303
1954
  .px-12 {
1304
1955
  padding-left: 3rem;
1305
1956
  padding-right: 3rem;
@@ -1308,6 +1959,10 @@ video {
1308
1959
  padding-left: 0.5rem;
1309
1960
  padding-right: 0.5rem;
1310
1961
  }
1962
+ .px-2\.5 {
1963
+ padding-left: 0.625rem;
1964
+ padding-right: 0.625rem;
1965
+ }
1311
1966
  .px-3 {
1312
1967
  padding-left: 0.75rem;
1313
1968
  padding-right: 0.75rem;
@@ -1320,6 +1975,10 @@ video {
1320
1975
  padding-left: 2rem;
1321
1976
  padding-right: 2rem;
1322
1977
  }
1978
+ .py-0\.5 {
1979
+ padding-top: 0.125rem;
1980
+ padding-bottom: 0.125rem;
1981
+ }
1323
1982
  .py-1 {
1324
1983
  padding-top: 0.25rem;
1325
1984
  padding-bottom: 0.25rem;
@@ -1328,32 +1987,47 @@ video {
1328
1987
  padding-top: 0.375rem;
1329
1988
  padding-bottom: 0.375rem;
1330
1989
  }
1990
+ .py-12 {
1991
+ padding-top: 3rem;
1992
+ padding-bottom: 3rem;
1993
+ }
1331
1994
  .py-2 {
1332
1995
  padding-top: 0.5rem;
1333
1996
  padding-bottom: 0.5rem;
1334
1997
  }
1998
+ .py-2\.5 {
1999
+ padding-top: 0.625rem;
2000
+ padding-bottom: 0.625rem;
2001
+ }
1335
2002
  .py-3 {
1336
2003
  padding-top: 0.75rem;
1337
2004
  padding-bottom: 0.75rem;
1338
2005
  }
2006
+ .py-4 {
2007
+ padding-top: 1rem;
2008
+ padding-bottom: 1rem;
2009
+ }
1339
2010
  .py-6 {
1340
2011
  padding-top: 1.5rem;
1341
2012
  padding-bottom: 1.5rem;
1342
2013
  }
1343
- .pb-4 {
1344
- padding-bottom: 1rem;
2014
+ .pb-1\.5 {
2015
+ padding-bottom: 0.375rem;
1345
2016
  }
1346
2017
  .pl-2 {
1347
2018
  padding-left: 0.5rem;
1348
2019
  }
2020
+ .pr-10 {
2021
+ padding-right: 2.5rem;
2022
+ }
1349
2023
  .pr-6 {
1350
2024
  padding-right: 1.5rem;
1351
2025
  }
1352
2026
  .pr-8 {
1353
2027
  padding-right: 2rem;
1354
2028
  }
1355
- .pt-4 {
1356
- padding-top: 1rem;
2029
+ .pt-2 {
2030
+ padding-top: 0.5rem;
1357
2031
  }
1358
2032
  .text-left {
1359
2033
  text-align: left;
@@ -1368,6 +2042,10 @@ video {
1368
2042
  font-size: 1.5rem;
1369
2043
  line-height: 2rem;
1370
2044
  }
2045
+ .text-base {
2046
+ font-size: 1rem;
2047
+ line-height: 1.5rem;
2048
+ }
1371
2049
  .text-lg {
1372
2050
  font-size: 1.125rem;
1373
2051
  line-height: 1.75rem;
@@ -1376,6 +2054,10 @@ video {
1376
2054
  font-size: 0.875rem;
1377
2055
  line-height: 1.25rem;
1378
2056
  }
2057
+ .text-xl {
2058
+ font-size: 1.25rem;
2059
+ line-height: 1.75rem;
2060
+ }
1379
2061
  .text-xs {
1380
2062
  font-size: 0.75rem;
1381
2063
  line-height: 1rem;
@@ -1389,15 +2071,24 @@ video {
1389
2071
  .font-semibold {
1390
2072
  font-weight: 600;
1391
2073
  }
2074
+ .uppercase {
2075
+ text-transform: uppercase;
2076
+ }
1392
2077
  .italic {
1393
2078
  font-style: italic;
1394
2079
  }
1395
2080
  .leading-none {
1396
2081
  line-height: 1;
1397
2082
  }
2083
+ .leading-relaxed {
2084
+ line-height: 1.625;
2085
+ }
1398
2086
  .tracking-tight {
1399
2087
  letter-spacing: -0.025em;
1400
2088
  }
2089
+ .tracking-wide {
2090
+ letter-spacing: 0.025em;
2091
+ }
1401
2092
  .tracking-widest {
1402
2093
  letter-spacing: 0.1em;
1403
2094
  }
@@ -1426,6 +2117,14 @@ video {
1426
2117
  .text-destructive-foreground {
1427
2118
  color: hsl(var(--destructive-foreground));
1428
2119
  }
2120
+ .text-emerald-600 {
2121
+ --tw-text-opacity: 1;
2122
+ color: rgb(5 150 105 / var(--tw-text-opacity, 1));
2123
+ }
2124
+ .text-emerald-700 {
2125
+ --tw-text-opacity: 1;
2126
+ color: rgb(4 120 87 / var(--tw-text-opacity, 1));
2127
+ }
1429
2128
  .text-foreground {
1430
2129
  color: hsl(var(--foreground));
1431
2130
  }
@@ -1471,6 +2170,15 @@ video {
1471
2170
  .text-muted-foreground {
1472
2171
  color: hsl(var(--muted-foreground));
1473
2172
  }
2173
+ .text-muted-foreground\/40 {
2174
+ color: hsl(var(--muted-foreground) / 0.4);
2175
+ }
2176
+ .text-muted-foreground\/60 {
2177
+ color: hsl(var(--muted-foreground) / 0.6);
2178
+ }
2179
+ .text-muted-foreground\/80 {
2180
+ color: hsl(var(--muted-foreground) / 0.8);
2181
+ }
1474
2182
  .text-popover-foreground {
1475
2183
  color: hsl(var(--popover-foreground));
1476
2184
  }
@@ -1480,6 +2188,9 @@ video {
1480
2188
  .text-primary-foreground {
1481
2189
  color: hsl(var(--primary-foreground));
1482
2190
  }
2191
+ .text-primary-foreground\/70 {
2192
+ color: hsl(var(--primary-foreground) / 0.7);
2193
+ }
1483
2194
  .text-purple-600 {
1484
2195
  --tw-text-opacity: 1;
1485
2196
  color: rgb(147 51 234 / var(--tw-text-opacity, 1));
@@ -1496,9 +2207,29 @@ video {
1496
2207
  --tw-text-opacity: 1;
1497
2208
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
1498
2209
  }
2210
+ .text-red-800 {
2211
+ --tw-text-opacity: 1;
2212
+ color: rgb(153 27 27 / var(--tw-text-opacity, 1));
2213
+ }
1499
2214
  .text-secondary-foreground {
1500
2215
  color: hsl(var(--secondary-foreground));
1501
2216
  }
2217
+ .text-slate-400 {
2218
+ --tw-text-opacity: 1;
2219
+ color: rgb(148 163 184 / var(--tw-text-opacity, 1));
2220
+ }
2221
+ .text-slate-500 {
2222
+ --tw-text-opacity: 1;
2223
+ color: rgb(100 116 139 / var(--tw-text-opacity, 1));
2224
+ }
2225
+ .text-slate-600 {
2226
+ --tw-text-opacity: 1;
2227
+ color: rgb(71 85 105 / var(--tw-text-opacity, 1));
2228
+ }
2229
+ .text-slate-800 {
2230
+ --tw-text-opacity: 1;
2231
+ color: rgb(30 41 59 / var(--tw-text-opacity, 1));
2232
+ }
1502
2233
  .text-white {
1503
2234
  --tw-text-opacity: 1;
1504
2235
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
@@ -1515,6 +2246,9 @@ video {
1515
2246
  .opacity-50 {
1516
2247
  opacity: 0.5;
1517
2248
  }
2249
+ .opacity-60 {
2250
+ opacity: 0.6;
2251
+ }
1518
2252
  .opacity-70 {
1519
2253
  opacity: 0.7;
1520
2254
  }
@@ -1526,6 +2260,11 @@ video {
1526
2260
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
1527
2261
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1528
2262
  }
2263
+ .shadow-2xl {
2264
+ --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
2265
+ --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
2266
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2267
+ }
1529
2268
  .shadow-lg {
1530
2269
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
1531
2270
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
@@ -1541,6 +2280,14 @@ video {
1541
2280
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
1542
2281
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1543
2282
  }
2283
+ .shadow-black\/10 {
2284
+ --tw-shadow-color: rgb(0 0 0 / 0.1);
2285
+ --tw-shadow: var(--tw-shadow-colored);
2286
+ }
2287
+ .shadow-black\/5 {
2288
+ --tw-shadow-color: rgb(0 0 0 / 0.05);
2289
+ --tw-shadow: var(--tw-shadow-colored);
2290
+ }
1544
2291
  .outline-none {
1545
2292
  outline: 2px solid transparent;
1546
2293
  outline-offset: 2px;
@@ -1554,6 +2301,16 @@ video {
1554
2301
  .filter {
1555
2302
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
1556
2303
  }
2304
+ .backdrop-blur-md {
2305
+ --tw-backdrop-blur: blur(12px);
2306
+ -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
2307
+ backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
2308
+ }
2309
+ .backdrop-blur-sm {
2310
+ --tw-backdrop-blur: blur(4px);
2311
+ -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
2312
+ backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
2313
+ }
1557
2314
  .transition {
1558
2315
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
1559
2316
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
@@ -1582,6 +2339,12 @@ video {
1582
2339
  .duration-300 {
1583
2340
  transition-duration: 300ms;
1584
2341
  }
2342
+ .duration-500 {
2343
+ transition-duration: 500ms;
2344
+ }
2345
+ .ease-out {
2346
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
2347
+ }
1585
2348
  @keyframes enter {
1586
2349
 
1587
2350
  from {
@@ -1617,9 +2380,21 @@ video {
1617
2380
  .duration-300 {
1618
2381
  animation-duration: 300ms;
1619
2382
  }
2383
+ .duration-500 {
2384
+ animation-duration: 500ms;
2385
+ }
2386
+ .ease-out {
2387
+ animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
2388
+ }
1620
2389
  .running {
1621
2390
  animation-play-state: running;
1622
2391
  }
2392
+ .\[animation-delay\:-0\.15s\] {
2393
+ animation-delay: -0.15s;
2394
+ }
2395
+ .\[animation-delay\:-0\.3s\] {
2396
+ animation-delay: -0.3s;
2397
+ }
1623
2398
 
1624
2399
  :root {
1625
2400
  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
@@ -1696,8 +2471,10 @@ h1 {
1696
2471
  color: hsl(var(--muted-foreground));
1697
2472
  }
1698
2473
 
1699
- .last\:border-b-0:last-child {
1700
- border-bottom-width: 0px;
2474
+ .hover\:scale-\[1\.01\]:hover {
2475
+ --tw-scale-x: 1.01;
2476
+ --tw-scale-y: 1.01;
2477
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1701
2478
  }
1702
2479
 
1703
2480
  .hover\:border-\[\#646cff\]:hover {
@@ -1705,6 +2482,23 @@ h1 {
1705
2482
  border-color: rgb(100 108 255 / var(--tw-border-opacity, 1));
1706
2483
  }
1707
2484
 
2485
+ .hover\:border-blue-200:hover {
2486
+ --tw-border-opacity: 1;
2487
+ border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
2488
+ }
2489
+
2490
+ .hover\:border-border\/50:hover {
2491
+ border-color: hsl(var(--border) / 0.5);
2492
+ }
2493
+
2494
+ .hover\:border-border\/60:hover {
2495
+ border-color: hsl(var(--border) / 0.6);
2496
+ }
2497
+
2498
+ .hover\:border-red-400\/60:hover {
2499
+ border-color: rgb(248 113 113 / 0.6);
2500
+ }
2501
+
1708
2502
  .hover\:bg-accent:hover {
1709
2503
  background-color: hsl(var(--accent));
1710
2504
  }
@@ -1717,11 +2511,6 @@ h1 {
1717
2511
  background-color: hsl(var(--destructive) / 0.9);
1718
2512
  }
1719
2513
 
1720
- .hover\:bg-gray-50:hover {
1721
- --tw-bg-opacity: 1;
1722
- background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
1723
- }
1724
-
1725
2514
  .hover\:bg-gray-800\/10:hover {
1726
2515
  background-color: rgb(31 41 55 / 0.1);
1727
2516
  }
@@ -1730,10 +2519,26 @@ h1 {
1730
2519
  background-color: rgb(31 41 55 / 0.2);
1731
2520
  }
1732
2521
 
2522
+ .hover\:bg-green-100\/50:hover {
2523
+ background-color: rgb(220 252 231 / 0.5);
2524
+ }
2525
+
2526
+ .hover\:bg-muted\/30:hover {
2527
+ background-color: hsl(var(--muted) / 0.3);
2528
+ }
2529
+
2530
+ .hover\:bg-muted\/80:hover {
2531
+ background-color: hsl(var(--muted) / 0.8);
2532
+ }
2533
+
1733
2534
  .hover\:bg-primary\/90:hover {
1734
2535
  background-color: hsl(var(--primary) / 0.9);
1735
2536
  }
1736
2537
 
2538
+ .hover\:bg-red-50\/80:hover {
2539
+ background-color: rgb(254 242 242 / 0.8);
2540
+ }
2541
+
1737
2542
  .hover\:bg-secondary:hover {
1738
2543
  background-color: hsl(var(--secondary));
1739
2544
  }
@@ -1742,6 +2547,39 @@ h1 {
1742
2547
  background-color: hsl(var(--secondary) / 0.8);
1743
2548
  }
1744
2549
 
2550
+ .hover\:bg-slate-100\/50:hover {
2551
+ background-color: rgb(241 245 249 / 0.5);
2552
+ }
2553
+
2554
+ .hover\:bg-gradient-to-r:hover {
2555
+ background-image: linear-gradient(to right, var(--tw-gradient-stops));
2556
+ }
2557
+
2558
+ .hover\:from-muted\/30:hover {
2559
+ --tw-gradient-from: hsl(var(--muted) / 0.3) var(--tw-gradient-from-position);
2560
+ --tw-gradient-to: hsl(var(--muted) / 0) var(--tw-gradient-to-position);
2561
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
2562
+ }
2563
+
2564
+ .hover\:from-primary\/90:hover {
2565
+ --tw-gradient-from: hsl(var(--primary) / 0.9) var(--tw-gradient-from-position);
2566
+ --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
2567
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
2568
+ }
2569
+
2570
+ .hover\:via-muted\/40:hover {
2571
+ --tw-gradient-to: hsl(var(--muted) / 0) var(--tw-gradient-to-position);
2572
+ --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--muted) / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to);
2573
+ }
2574
+
2575
+ .hover\:to-muted\/30:hover {
2576
+ --tw-gradient-to: hsl(var(--muted) / 0.3) var(--tw-gradient-to-position);
2577
+ }
2578
+
2579
+ .hover\:to-primary\/80:hover {
2580
+ --tw-gradient-to: hsl(var(--primary) / 0.8) var(--tw-gradient-to-position);
2581
+ }
2582
+
1745
2583
  .hover\:text-accent-foreground:hover {
1746
2584
  color: hsl(var(--accent-foreground));
1747
2585
  }
@@ -1755,6 +2593,11 @@ h1 {
1755
2593
  color: hsl(var(--foreground));
1756
2594
  }
1757
2595
 
2596
+ .hover\:text-slate-900:hover {
2597
+ --tw-text-opacity: 1;
2598
+ color: rgb(15 23 42 / var(--tw-text-opacity, 1));
2599
+ }
2600
+
1758
2601
  .hover\:underline:hover {
1759
2602
  text-decoration-line: underline;
1760
2603
  }
@@ -1763,6 +2606,32 @@ h1 {
1763
2606
  opacity: 1;
1764
2607
  }
1765
2608
 
2609
+ .hover\:shadow-lg:hover {
2610
+ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
2611
+ --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
2612
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2613
+ }
2614
+
2615
+ .hover\:shadow-md:hover {
2616
+ --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
2617
+ --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
2618
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2619
+ }
2620
+
2621
+ .hover\:shadow-xl:hover {
2622
+ --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
2623
+ --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
2624
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2625
+ }
2626
+
2627
+ .focus\:border-primary\/50:focus {
2628
+ border-color: hsl(var(--primary) / 0.5);
2629
+ }
2630
+
2631
+ .focus\:border-transparent:focus {
2632
+ border-color: transparent;
2633
+ }
2634
+
1766
2635
  .focus\:bg-accent:focus {
1767
2636
  background-color: hsl(var(--accent));
1768
2637
  }
@@ -1792,6 +2661,10 @@ h1 {
1792
2661
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1793
2662
  }
1794
2663
 
2664
+ .focus\:ring-primary\/20:focus {
2665
+ --tw-ring-color: hsl(var(--primary) / 0.2);
2666
+ }
2667
+
1795
2668
  .focus\:ring-ring:focus {
1796
2669
  --tw-ring-color: hsl(var(--ring));
1797
2670
  }
@@ -1825,6 +2698,12 @@ h1 {
1825
2698
  --tw-ring-offset-width: 2px;
1826
2699
  }
1827
2700
 
2701
+ .active\:scale-\[0\.99\]:active {
2702
+ --tw-scale-x: 0.99;
2703
+ --tw-scale-y: 0.99;
2704
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2705
+ }
2706
+
1828
2707
  .disabled\:pointer-events-none:disabled {
1829
2708
  pointer-events: none;
1830
2709
  }
@@ -1837,6 +2716,10 @@ h1 {
1837
2716
  opacity: 0.5;
1838
2717
  }
1839
2718
 
2719
+ .group:hover .group-hover\:text-foreground {
2720
+ color: hsl(var(--foreground));
2721
+ }
2722
+
1840
2723
  .group:hover .group-hover\:text-gray-400 {
1841
2724
  --tw-text-opacity: 1;
1842
2725
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
@@ -1946,6 +2829,10 @@ h1 {
1946
2829
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1947
2830
  }
1948
2831
 
2832
+ .data-\[state\=checked\]\:border-primary[data-state="checked"] {
2833
+ border-color: hsl(var(--primary));
2834
+ }
2835
+
1949
2836
  .data-\[selected\=true\]\:bg-accent[data-selected="true"] {
1950
2837
  background-color: hsl(var(--accent));
1951
2838
  }
@@ -2095,19 +2982,125 @@ h1 {
2095
2982
  border-color: rgb(31 41 55 / var(--tw-border-opacity, 1));
2096
2983
  }
2097
2984
 
2985
+ .dark\:border-green-400:is(.dark *) {
2986
+ --tw-border-opacity: 1;
2987
+ border-color: rgb(74 222 128 / var(--tw-border-opacity, 1));
2988
+ }
2989
+
2990
+ .dark\:border-green-700\/60:is(.dark *) {
2991
+ border-color: rgb(21 128 61 / 0.6);
2992
+ }
2993
+
2994
+ .dark\:border-red-400:is(.dark *) {
2995
+ --tw-border-opacity: 1;
2996
+ border-color: rgb(248 113 113 / var(--tw-border-opacity, 1));
2997
+ }
2998
+
2999
+ .dark\:border-red-700\/60:is(.dark *) {
3000
+ border-color: rgb(185 28 28 / 0.6);
3001
+ }
3002
+
3003
+ .dark\:border-red-800:is(.dark *) {
3004
+ --tw-border-opacity: 1;
3005
+ border-color: rgb(153 27 27 / var(--tw-border-opacity, 1));
3006
+ }
3007
+
3008
+ .dark\:border-slate-600:is(.dark *) {
3009
+ --tw-border-opacity: 1;
3010
+ border-color: rgb(71 85 105 / var(--tw-border-opacity, 1));
3011
+ }
3012
+
3013
+ .dark\:border-slate-600\/60:is(.dark *) {
3014
+ border-color: rgb(71 85 105 / 0.6);
3015
+ }
3016
+
3017
+ .dark\:border-slate-700:is(.dark *) {
3018
+ --tw-border-opacity: 1;
3019
+ border-color: rgb(51 65 85 / var(--tw-border-opacity, 1));
3020
+ }
3021
+
3022
+ .dark\:border-slate-700\/60:is(.dark *) {
3023
+ border-color: rgb(51 65 85 / 0.6);
3024
+ }
3025
+
2098
3026
  .dark\:bg-gray-800:is(.dark *) {
2099
3027
  --tw-bg-opacity: 1;
2100
3028
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
2101
3029
  }
2102
3030
 
2103
- .dark\:text-gray-100:is(.dark *) {
3031
+ .dark\:bg-gray-900:is(.dark *) {
3032
+ --tw-bg-opacity: 1;
3033
+ background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
3034
+ }
3035
+
3036
+ .dark\:bg-green-900\/20:is(.dark *) {
3037
+ background-color: rgb(20 83 45 / 0.2);
3038
+ }
3039
+
3040
+ .dark\:bg-red-950\/20:is(.dark *) {
3041
+ background-color: rgb(69 10 10 / 0.2);
3042
+ }
3043
+
3044
+ .dark\:bg-slate-800\/60:is(.dark *) {
3045
+ background-color: rgb(30 41 59 / 0.6);
3046
+ }
3047
+
3048
+ .dark\:bg-slate-800\/70:is(.dark *) {
3049
+ background-color: rgb(30 41 59 / 0.7);
3050
+ }
3051
+
3052
+ .dark\:bg-slate-900:is(.dark *) {
3053
+ --tw-bg-opacity: 1;
3054
+ background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
3055
+ }
3056
+
3057
+ .dark\:bg-slate-900\/60:is(.dark *) {
3058
+ background-color: rgb(15 23 42 / 0.6);
3059
+ }
3060
+
3061
+ .dark\:from-slate-800:is(.dark *) {
3062
+ --tw-gradient-from: #1e293b var(--tw-gradient-from-position);
3063
+ --tw-gradient-to: rgb(30 41 59 / 0) var(--tw-gradient-to-position);
3064
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
3065
+ }
3066
+
3067
+ .dark\:from-slate-900:is(.dark *) {
3068
+ --tw-gradient-from: #0f172a var(--tw-gradient-from-position);
3069
+ --tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);
3070
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
3071
+ }
3072
+
3073
+ .dark\:from-slate-900\/50:is(.dark *) {
3074
+ --tw-gradient-from: rgb(15 23 42 / 0.5) var(--tw-gradient-from-position);
3075
+ --tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);
3076
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
3077
+ }
3078
+
3079
+ .dark\:to-gray-800:is(.dark *) {
3080
+ --tw-gradient-to: #1f2937 var(--tw-gradient-to-position);
3081
+ }
3082
+
3083
+ .dark\:to-slate-800:is(.dark *) {
3084
+ --tw-gradient-to: #1e293b var(--tw-gradient-to-position);
3085
+ }
3086
+
3087
+ .dark\:to-slate-800\/50:is(.dark *) {
3088
+ --tw-gradient-to: rgb(30 41 59 / 0.5) var(--tw-gradient-to-position);
3089
+ }
3090
+
3091
+ .dark\:text-blue-400:is(.dark *) {
2104
3092
  --tw-text-opacity: 1;
2105
- color: rgb(243 244 246 / var(--tw-text-opacity, 1));
3093
+ color: rgb(96 165 250 / var(--tw-text-opacity, 1));
2106
3094
  }
2107
3095
 
2108
- .dark\:text-gray-300:is(.dark *) {
3096
+ .dark\:text-emerald-300:is(.dark *) {
2109
3097
  --tw-text-opacity: 1;
2110
- color: rgb(209 213 219 / var(--tw-text-opacity, 1));
3098
+ color: rgb(110 231 183 / var(--tw-text-opacity, 1));
3099
+ }
3100
+
3101
+ .dark\:text-gray-100:is(.dark *) {
3102
+ --tw-text-opacity: 1;
3103
+ color: rgb(243 244 246 / var(--tw-text-opacity, 1));
2111
3104
  }
2112
3105
 
2113
3106
  .dark\:text-gray-400:is(.dark *) {
@@ -2115,16 +3108,70 @@ h1 {
2115
3108
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
2116
3109
  }
2117
3110
 
3111
+ .dark\:text-gray-600:is(.dark *) {
3112
+ --tw-text-opacity: 1;
3113
+ color: rgb(75 85 99 / var(--tw-text-opacity, 1));
3114
+ }
3115
+
3116
+ .dark\:text-green-300:is(.dark *) {
3117
+ --tw-text-opacity: 1;
3118
+ color: rgb(134 239 172 / var(--tw-text-opacity, 1));
3119
+ }
3120
+
3121
+ .dark\:text-green-400:is(.dark *) {
3122
+ --tw-text-opacity: 1;
3123
+ color: rgb(74 222 128 / var(--tw-text-opacity, 1));
3124
+ }
3125
+
2118
3126
  .dark\:text-green-700:is(.dark *) {
2119
3127
  --tw-text-opacity: 1;
2120
3128
  color: rgb(21 128 61 / var(--tw-text-opacity, 1));
2121
3129
  }
2122
3130
 
3131
+ .dark\:text-purple-400:is(.dark *) {
3132
+ --tw-text-opacity: 1;
3133
+ color: rgb(192 132 252 / var(--tw-text-opacity, 1));
3134
+ }
3135
+
3136
+ .dark\:text-red-200:is(.dark *) {
3137
+ --tw-text-opacity: 1;
3138
+ color: rgb(254 202 202 / var(--tw-text-opacity, 1));
3139
+ }
3140
+
3141
+ .dark\:text-red-300:is(.dark *) {
3142
+ --tw-text-opacity: 1;
3143
+ color: rgb(252 165 165 / var(--tw-text-opacity, 1));
3144
+ }
3145
+
3146
+ .dark\:text-red-400:is(.dark *) {
3147
+ --tw-text-opacity: 1;
3148
+ color: rgb(248 113 113 / var(--tw-text-opacity, 1));
3149
+ }
3150
+
3151
+ .dark\:text-slate-200:is(.dark *) {
3152
+ --tw-text-opacity: 1;
3153
+ color: rgb(226 232 240 / var(--tw-text-opacity, 1));
3154
+ }
3155
+
3156
+ .dark\:text-slate-400:is(.dark *) {
3157
+ --tw-text-opacity: 1;
3158
+ color: rgb(148 163 184 / var(--tw-text-opacity, 1));
3159
+ }
3160
+
2123
3161
  .dark\:text-white:is(.dark *) {
2124
3162
  --tw-text-opacity: 1;
2125
3163
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
2126
3164
  }
2127
3165
 
3166
+ .dark\:hover\:border-blue-800:hover:is(.dark *) {
3167
+ --tw-border-opacity: 1;
3168
+ border-color: rgb(30 64 175 / var(--tw-border-opacity, 1));
3169
+ }
3170
+
3171
+ .dark\:hover\:border-red-500\/60:hover:is(.dark *) {
3172
+ border-color: rgb(239 68 68 / 0.6);
3173
+ }
3174
+
2128
3175
  .dark\:hover\:bg-gray-700:hover:is(.dark *) {
2129
3176
  --tw-bg-opacity: 1;
2130
3177
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
@@ -2134,6 +3181,23 @@ h1 {
2134
3181
  background-color: rgb(31 41 55 / 0.2);
2135
3182
  }
2136
3183
 
3184
+ .dark\:hover\:bg-green-800\/30:hover:is(.dark *) {
3185
+ background-color: rgb(22 101 52 / 0.3);
3186
+ }
3187
+
3188
+ .dark\:hover\:bg-red-900\/20:hover:is(.dark *) {
3189
+ background-color: rgb(127 29 29 / 0.2);
3190
+ }
3191
+
3192
+ .dark\:hover\:bg-slate-700\/30:hover:is(.dark *) {
3193
+ background-color: rgb(51 65 85 / 0.3);
3194
+ }
3195
+
3196
+ .dark\:hover\:text-slate-200:hover:is(.dark *) {
3197
+ --tw-text-opacity: 1;
3198
+ color: rgb(226 232 240 / var(--tw-text-opacity, 1));
3199
+ }
3200
+
2137
3201
  .group:hover .dark\:group-hover\:text-gray-100:is(.dark *) {
2138
3202
  --tw-text-opacity: 1;
2139
3203
  color: rgb(243 244 246 / var(--tw-text-opacity, 1));
@@ -2153,6 +3217,10 @@ h1 {
2153
3217
  top: auto;
2154
3218
  }
2155
3219
 
3220
+ .sm\:inline {
3221
+ display: inline;
3222
+ }
3223
+
2156
3224
  .sm\:flex-row {
2157
3225
  flex-direction: row;
2158
3226
  }
@@ -2175,6 +3243,11 @@ h1 {
2175
3243
  border-radius: var(--radius);
2176
3244
  }
2177
3245
 
3246
+ .sm\:px-6 {
3247
+ padding-left: 1.5rem;
3248
+ padding-right: 1.5rem;
3249
+ }
3250
+
2178
3251
  .sm\:text-left {
2179
3252
  text-align: left;
2180
3253
  }