react-admin-crud-manager 1.0.27 → 1.1.0

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.
package/dist/tailwind.css CHANGED
@@ -1,113 +1,7 @@
1
1
  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");
2
2
 
3
3
  /* --- Tailwind core layers (must come first) --- */
4
- *, ::before, ::after{
5
- --tw-border-spacing-x: 0;
6
- --tw-border-spacing-y: 0;
7
- --tw-translate-x: 0;
8
- --tw-translate-y: 0;
9
- --tw-rotate: 0;
10
- --tw-skew-x: 0;
11
- --tw-skew-y: 0;
12
- --tw-scale-x: 1;
13
- --tw-scale-y: 1;
14
- --tw-pan-x: ;
15
- --tw-pan-y: ;
16
- --tw-pinch-zoom: ;
17
- --tw-scroll-snap-strictness: proximity;
18
- --tw-gradient-from-position: ;
19
- --tw-gradient-via-position: ;
20
- --tw-gradient-to-position: ;
21
- --tw-ordinal: ;
22
- --tw-slashed-zero: ;
23
- --tw-numeric-figure: ;
24
- --tw-numeric-spacing: ;
25
- --tw-numeric-fraction: ;
26
- --tw-ring-inset: ;
27
- --tw-ring-offset-width: 0px;
28
- --tw-ring-offset-color: #fff;
29
- --tw-ring-color: rgb(59 130 246 / 0.5);
30
- --tw-ring-offset-shadow: 0 0 #0000;
31
- --tw-ring-shadow: 0 0 #0000;
32
- --tw-shadow: 0 0 #0000;
33
- --tw-shadow-colored: 0 0 #0000;
34
- --tw-blur: ;
35
- --tw-brightness: ;
36
- --tw-contrast: ;
37
- --tw-grayscale: ;
38
- --tw-hue-rotate: ;
39
- --tw-invert: ;
40
- --tw-saturate: ;
41
- --tw-sepia: ;
42
- --tw-drop-shadow: ;
43
- --tw-backdrop-blur: ;
44
- --tw-backdrop-brightness: ;
45
- --tw-backdrop-contrast: ;
46
- --tw-backdrop-grayscale: ;
47
- --tw-backdrop-hue-rotate: ;
48
- --tw-backdrop-invert: ;
49
- --tw-backdrop-opacity: ;
50
- --tw-backdrop-saturate: ;
51
- --tw-backdrop-sepia: ;
52
- --tw-contain-size: ;
53
- --tw-contain-layout: ;
54
- --tw-contain-paint: ;
55
- --tw-contain-style: ;
56
- }
57
- ::backdrop{
58
- --tw-border-spacing-x: 0;
59
- --tw-border-spacing-y: 0;
60
- --tw-translate-x: 0;
61
- --tw-translate-y: 0;
62
- --tw-rotate: 0;
63
- --tw-skew-x: 0;
64
- --tw-skew-y: 0;
65
- --tw-scale-x: 1;
66
- --tw-scale-y: 1;
67
- --tw-pan-x: ;
68
- --tw-pan-y: ;
69
- --tw-pinch-zoom: ;
70
- --tw-scroll-snap-strictness: proximity;
71
- --tw-gradient-from-position: ;
72
- --tw-gradient-via-position: ;
73
- --tw-gradient-to-position: ;
74
- --tw-ordinal: ;
75
- --tw-slashed-zero: ;
76
- --tw-numeric-figure: ;
77
- --tw-numeric-spacing: ;
78
- --tw-numeric-fraction: ;
79
- --tw-ring-inset: ;
80
- --tw-ring-offset-width: 0px;
81
- --tw-ring-offset-color: #fff;
82
- --tw-ring-color: rgb(59 130 246 / 0.5);
83
- --tw-ring-offset-shadow: 0 0 #0000;
84
- --tw-ring-shadow: 0 0 #0000;
85
- --tw-shadow: 0 0 #0000;
86
- --tw-shadow-colored: 0 0 #0000;
87
- --tw-blur: ;
88
- --tw-brightness: ;
89
- --tw-contrast: ;
90
- --tw-grayscale: ;
91
- --tw-hue-rotate: ;
92
- --tw-invert: ;
93
- --tw-saturate: ;
94
- --tw-sepia: ;
95
- --tw-drop-shadow: ;
96
- --tw-backdrop-blur: ;
97
- --tw-backdrop-brightness: ;
98
- --tw-backdrop-contrast: ;
99
- --tw-backdrop-grayscale: ;
100
- --tw-backdrop-hue-rotate: ;
101
- --tw-backdrop-invert: ;
102
- --tw-backdrop-opacity: ;
103
- --tw-backdrop-saturate: ;
104
- --tw-backdrop-sepia: ;
105
- --tw-contain-size: ;
106
- --tw-contain-layout: ;
107
- --tw-contain-paint: ;
108
- --tw-contain-style: ;
109
- }
110
- /* ! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com */
4
+ /* ! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com */
111
5
  /*
112
6
  1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
113
7
  2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
@@ -131,19 +25,16 @@
131
25
  4. Use the user's configured `sans` font-family by default.
132
26
  5. Use the user's configured `sans` font-feature-settings by default.
133
27
  6. Use the user's configured `sans` font-variation-settings by default.
134
- 7. Disable tap highlights on iOS
135
28
  */
136
- html,
137
- :host {
29
+ html {
138
30
  line-height: 1.5; /* 1 */
139
31
  -webkit-text-size-adjust: 100%; /* 2 */
140
32
  -moz-tab-size: 4; /* 3 */
141
33
  -o-tab-size: 4;
142
34
  tab-size: 4; /* 3 */
143
- font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
35
+ font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
144
36
  font-feature-settings: normal; /* 5 */
145
37
  font-variation-settings: normal; /* 6 */
146
- -webkit-tap-highlight-color: transparent; /* 7 */
147
38
  }
148
39
  /*
149
40
  1. Remove the margin in all browsers.
@@ -197,19 +88,15 @@ strong {
197
88
  font-weight: bolder;
198
89
  }
199
90
  /*
200
- 1. Use the user's configured `mono` font-family by default.
201
- 2. Use the user's configured `mono` font-feature-settings by default.
202
- 3. Use the user's configured `mono` font-variation-settings by default.
203
- 4. Correct the odd `em` font sizing in all browsers.
91
+ 1. Use the user's configured `mono` font family by default.
92
+ 2. Correct the odd `em` font sizing in all browsers.
204
93
  */
205
94
  code,
206
95
  kbd,
207
96
  samp,
208
97
  pre {
209
98
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
210
- font-feature-settings: normal; /* 2 */
211
- font-variation-settings: normal; /* 3 */
212
- font-size: 1em; /* 4 */
99
+ font-size: 1em; /* 2 */
213
100
  }
214
101
  /*
215
102
  Add the correct font size in all browsers.
@@ -259,7 +146,6 @@ textarea {
259
146
  font-size: 100%; /* 1 */
260
147
  font-weight: inherit; /* 1 */
261
148
  line-height: inherit; /* 1 */
262
- letter-spacing: inherit; /* 1 */
263
149
  color: inherit; /* 1 */
264
150
  margin: 0; /* 2 */
265
151
  padding: 0; /* 3 */
@@ -276,9 +162,9 @@ select {
276
162
  2. Remove default button styles.
277
163
  */
278
164
  button,
279
- input:where([type='button']),
280
- input:where([type='reset']),
281
- input:where([type='submit']) {
165
+ [type='button'],
166
+ [type='reset'],
167
+ [type='submit'] {
282
168
  -webkit-appearance: button; /* 1 */
283
169
  background-color: transparent; /* 2 */
284
170
  background-image: none; /* 2 */
@@ -431,7 +317,7 @@ video {
431
317
  height: auto;
432
318
  }
433
319
  /* Make elements with the HTML hidden attribute stay hidden by default */
434
- [hidden]:where(:not([hidden="until-found"])) {
320
+ [hidden] {
435
321
  display: none;
436
322
  }
437
323
  :root {
@@ -468,33 +354,103 @@ body{
468
354
  background-color: hsl(var(--background));
469
355
  color: hsl(var(--foreground));
470
356
  }
471
- .container{
472
- width: 100%;
473
- }
474
- @media (min-width: 640px){
475
- .container{
476
- max-width: 640px;
477
- }
478
- }
479
- @media (min-width: 768px){
480
- .container{
481
- max-width: 768px;
482
- }
483
- }
484
- @media (min-width: 1024px){
485
- .container{
486
- max-width: 1024px;
487
- }
488
- }
489
- @media (min-width: 1280px){
490
- .container{
491
- max-width: 1280px;
492
- }
357
+ *, ::before, ::after{
358
+ --tw-border-spacing-x: 0;
359
+ --tw-border-spacing-y: 0;
360
+ --tw-translate-x: 0;
361
+ --tw-translate-y: 0;
362
+ --tw-rotate: 0;
363
+ --tw-skew-x: 0;
364
+ --tw-skew-y: 0;
365
+ --tw-scale-x: 1;
366
+ --tw-scale-y: 1;
367
+ --tw-pan-x: ;
368
+ --tw-pan-y: ;
369
+ --tw-pinch-zoom: ;
370
+ --tw-scroll-snap-strictness: proximity;
371
+ --tw-gradient-from-position: ;
372
+ --tw-gradient-via-position: ;
373
+ --tw-gradient-to-position: ;
374
+ --tw-ordinal: ;
375
+ --tw-slashed-zero: ;
376
+ --tw-numeric-figure: ;
377
+ --tw-numeric-spacing: ;
378
+ --tw-numeric-fraction: ;
379
+ --tw-ring-inset: ;
380
+ --tw-ring-offset-width: 0px;
381
+ --tw-ring-offset-color: #fff;
382
+ --tw-ring-color: rgb(59 130 246 / 0.5);
383
+ --tw-ring-offset-shadow: 0 0 #0000;
384
+ --tw-ring-shadow: 0 0 #0000;
385
+ --tw-shadow: 0 0 #0000;
386
+ --tw-shadow-colored: 0 0 #0000;
387
+ --tw-blur: ;
388
+ --tw-brightness: ;
389
+ --tw-contrast: ;
390
+ --tw-grayscale: ;
391
+ --tw-hue-rotate: ;
392
+ --tw-invert: ;
393
+ --tw-saturate: ;
394
+ --tw-sepia: ;
395
+ --tw-drop-shadow: ;
396
+ --tw-backdrop-blur: ;
397
+ --tw-backdrop-brightness: ;
398
+ --tw-backdrop-contrast: ;
399
+ --tw-backdrop-grayscale: ;
400
+ --tw-backdrop-hue-rotate: ;
401
+ --tw-backdrop-invert: ;
402
+ --tw-backdrop-opacity: ;
403
+ --tw-backdrop-saturate: ;
404
+ --tw-backdrop-sepia: ;
493
405
  }
494
- @media (min-width: 1536px){
495
- .container{
496
- max-width: 1536px;
497
- }
406
+ ::backdrop{
407
+ --tw-border-spacing-x: 0;
408
+ --tw-border-spacing-y: 0;
409
+ --tw-translate-x: 0;
410
+ --tw-translate-y: 0;
411
+ --tw-rotate: 0;
412
+ --tw-skew-x: 0;
413
+ --tw-skew-y: 0;
414
+ --tw-scale-x: 1;
415
+ --tw-scale-y: 1;
416
+ --tw-pan-x: ;
417
+ --tw-pan-y: ;
418
+ --tw-pinch-zoom: ;
419
+ --tw-scroll-snap-strictness: proximity;
420
+ --tw-gradient-from-position: ;
421
+ --tw-gradient-via-position: ;
422
+ --tw-gradient-to-position: ;
423
+ --tw-ordinal: ;
424
+ --tw-slashed-zero: ;
425
+ --tw-numeric-figure: ;
426
+ --tw-numeric-spacing: ;
427
+ --tw-numeric-fraction: ;
428
+ --tw-ring-inset: ;
429
+ --tw-ring-offset-width: 0px;
430
+ --tw-ring-offset-color: #fff;
431
+ --tw-ring-color: rgb(59 130 246 / 0.5);
432
+ --tw-ring-offset-shadow: 0 0 #0000;
433
+ --tw-ring-shadow: 0 0 #0000;
434
+ --tw-shadow: 0 0 #0000;
435
+ --tw-shadow-colored: 0 0 #0000;
436
+ --tw-blur: ;
437
+ --tw-brightness: ;
438
+ --tw-contrast: ;
439
+ --tw-grayscale: ;
440
+ --tw-hue-rotate: ;
441
+ --tw-invert: ;
442
+ --tw-saturate: ;
443
+ --tw-sepia: ;
444
+ --tw-drop-shadow: ;
445
+ --tw-backdrop-blur: ;
446
+ --tw-backdrop-brightness: ;
447
+ --tw-backdrop-contrast: ;
448
+ --tw-backdrop-grayscale: ;
449
+ --tw-backdrop-hue-rotate: ;
450
+ --tw-backdrop-invert: ;
451
+ --tw-backdrop-opacity: ;
452
+ --tw-backdrop-saturate: ;
453
+ --tw-backdrop-sepia: ;
498
454
  }
499
455
  .sr-only{
500
456
  position: absolute;
@@ -532,6 +488,9 @@ body{
532
488
  .-right-2{
533
489
  right: -0.5rem;
534
490
  }
491
+ .-top-2{
492
+ top: -0.5rem;
493
+ }
535
494
  .bottom-full{
536
495
  bottom: 100%;
537
496
  }
@@ -586,6 +545,9 @@ body{
586
545
  .z-10{
587
546
  z-index: 10;
588
547
  }
548
+ .z-20{
549
+ z-index: 20;
550
+ }
589
551
  .z-40{
590
552
  z-index: 40;
591
553
  }
@@ -634,6 +596,9 @@ body{
634
596
  .table{
635
597
  display: table;
636
598
  }
599
+ .table-row{
600
+ display: table-row;
601
+ }
637
602
  .grid{
638
603
  display: grid;
639
604
  }
@@ -673,6 +638,9 @@ body{
673
638
  .h-64{
674
639
  height: 16rem;
675
640
  }
641
+ .h-72{
642
+ height: 18rem;
643
+ }
676
644
  .h-8{
677
645
  height: 2rem;
678
646
  }
@@ -682,6 +650,9 @@ body{
682
650
  .h-\[10px\]{
683
651
  height: 10px;
684
652
  }
653
+ .h-\[150px\]{
654
+ height: 150px;
655
+ }
685
656
  .h-\[36px\]{
686
657
  height: 36px;
687
658
  }
@@ -697,6 +668,9 @@ body{
697
668
  .max-h-60{
698
669
  max-height: 15rem;
699
670
  }
671
+ .max-h-\[260px\]{
672
+ max-height: 260px;
673
+ }
700
674
  .max-h-\[90vh\]{
701
675
  max-height: 90vh;
702
676
  }
@@ -745,9 +719,15 @@ body{
745
719
  .w-80{
746
720
  width: 20rem;
747
721
  }
722
+ .w-\[260px\]{
723
+ width: 260px;
724
+ }
748
725
  .w-\[28rem\]{
749
726
  width: 28rem;
750
727
  }
728
+ .w-\[36px\]{
729
+ width: 36px;
730
+ }
751
731
  .w-full{
752
732
  width: 100%;
753
733
  }
@@ -764,8 +744,8 @@ body{
764
744
  .min-w-\[150px\]{
765
745
  min-width: 150px;
766
746
  }
767
- .min-w-\[300px\]{
768
- min-width: 300px;
747
+ .min-w-\[220px\]{
748
+ min-width: 220px;
769
749
  }
770
750
  .min-w-\[40px\]{
771
751
  min-width: 40px;
@@ -773,13 +753,6 @@ body{
773
753
  .min-w-\[78px\]{
774
754
  min-width: 78px;
775
755
  }
776
- .min-w-full{
777
- min-width: 100%;
778
- }
779
- .min-w-max{
780
- min-width: -moz-max-content;
781
- min-width: max-content;
782
- }
783
756
  .max-w-2xl{
784
757
  max-width: 42rem;
785
758
  }
@@ -789,9 +762,6 @@ body{
789
762
  .max-w-5xl{
790
763
  max-width: 64rem;
791
764
  }
792
- .max-w-\[180px\]{
793
- max-width: 180px;
794
- }
795
765
  .max-w-\[200px\]{
796
766
  max-width: 200px;
797
767
  }
@@ -886,15 +856,12 @@ body{
886
856
  .flex-col{
887
857
  flex-direction: column;
888
858
  }
889
- .flex-wrap{
890
- flex-wrap: wrap;
891
- }
892
- .items-end{
893
- align-items: flex-end;
894
- }
895
859
  .items-center{
896
860
  align-items: center;
897
861
  }
862
+ .items-stretch{
863
+ align-items: stretch;
864
+ }
898
865
  .justify-end{
899
866
  justify-content: flex-end;
900
867
  }
@@ -944,14 +911,8 @@ body{
944
911
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
945
912
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
946
913
  }
947
- .divide-y > :not([hidden]) ~ :not([hidden]){
948
- --tw-divide-y-reverse: 0;
949
- border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
950
- border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
951
- }
952
- .divide-gray-200 > :not([hidden]) ~ :not([hidden]){
953
- --tw-divide-opacity: 1;
954
- border-color: rgb(229 231 235 / var(--tw-divide-opacity, 1));
914
+ .overflow-auto{
915
+ overflow: auto;
955
916
  }
956
917
  .overflow-hidden{
957
918
  overflow: hidden;
@@ -1026,31 +987,31 @@ body{
1026
987
  }
1027
988
  .border-blue-300{
1028
989
  --tw-border-opacity: 1;
1029
- border-color: rgb(147 197 253 / var(--tw-border-opacity, 1));
990
+ border-color: rgb(147 197 253 / var(--tw-border-opacity));
1030
991
  }
1031
992
  .border-blue-500{
1032
993
  --tw-border-opacity: 1;
1033
- border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
994
+ border-color: rgb(59 130 246 / var(--tw-border-opacity));
1034
995
  }
1035
996
  .border-gray-100{
1036
997
  --tw-border-opacity: 1;
1037
- border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
998
+ border-color: rgb(243 244 246 / var(--tw-border-opacity));
1038
999
  }
1039
1000
  .border-gray-200{
1040
1001
  --tw-border-opacity: 1;
1041
- border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
1002
+ border-color: rgb(229 231 235 / var(--tw-border-opacity));
1042
1003
  }
1043
1004
  .border-gray-300{
1044
1005
  --tw-border-opacity: 1;
1045
- border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
1006
+ border-color: rgb(209 213 219 / var(--tw-border-opacity));
1046
1007
  }
1047
1008
  .border-green-300{
1048
1009
  --tw-border-opacity: 1;
1049
- border-color: rgb(134 239 172 / var(--tw-border-opacity, 1));
1010
+ border-color: rgb(134 239 172 / var(--tw-border-opacity));
1050
1011
  }
1051
1012
  .border-green-600{
1052
1013
  --tw-border-opacity: 1;
1053
- border-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
1014
+ border-color: rgb(22 163 74 / var(--tw-border-opacity));
1054
1015
  }
1055
1016
  .border-primary{
1056
1017
  border-color: var(--primary-500);
@@ -1060,34 +1021,34 @@ body{
1060
1021
  }
1061
1022
  .border-purple-300{
1062
1023
  --tw-border-opacity: 1;
1063
- border-color: rgb(216 180 254 / var(--tw-border-opacity, 1));
1024
+ border-color: rgb(216 180 254 / var(--tw-border-opacity));
1064
1025
  }
1065
1026
  .border-red-300{
1066
1027
  --tw-border-opacity: 1;
1067
- border-color: rgb(252 165 165 / var(--tw-border-opacity, 1));
1028
+ border-color: rgb(252 165 165 / var(--tw-border-opacity));
1068
1029
  }
1069
1030
  .border-red-600{
1070
1031
  --tw-border-opacity: 1;
1071
- border-color: rgb(220 38 38 / var(--tw-border-opacity, 1));
1032
+ border-color: rgb(220 38 38 / var(--tw-border-opacity));
1072
1033
  }
1073
1034
  .border-teal-300{
1074
1035
  --tw-border-opacity: 1;
1075
- border-color: rgb(94 234 212 / var(--tw-border-opacity, 1));
1036
+ border-color: rgb(94 234 212 / var(--tw-border-opacity));
1076
1037
  }
1077
1038
  .border-white\/30{
1078
1039
  border-color: rgb(255 255 255 / 0.3);
1079
1040
  }
1080
1041
  .border-yellow-300{
1081
1042
  --tw-border-opacity: 1;
1082
- border-color: rgb(253 224 71 / var(--tw-border-opacity, 1));
1043
+ border-color: rgb(253 224 71 / var(--tw-border-opacity));
1083
1044
  }
1084
1045
  .border-t-gray-200{
1085
1046
  --tw-border-opacity: 1;
1086
- border-top-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
1047
+ border-top-color: rgb(229 231 235 / var(--tw-border-opacity));
1087
1048
  }
1088
1049
  .border-t-white{
1089
1050
  --tw-border-opacity: 1;
1090
- border-top-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
1051
+ border-top-color: rgb(255 255 255 / var(--tw-border-opacity));
1091
1052
  }
1092
1053
  .\!bg-transparent{
1093
1054
  background-color: transparent !important;
@@ -1100,76 +1061,80 @@ body{
1100
1061
  }
1101
1062
  .bg-blue-100{
1102
1063
  --tw-bg-opacity: 1;
1103
- background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
1064
+ background-color: rgb(219 234 254 / var(--tw-bg-opacity));
1104
1065
  }
1105
1066
  .bg-blue-50{
1106
1067
  --tw-bg-opacity: 1;
1107
- background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
1068
+ background-color: rgb(239 246 255 / var(--tw-bg-opacity));
1108
1069
  }
1109
1070
  .bg-blue-500\/10{
1110
1071
  background-color: rgb(59 130 246 / 0.1);
1111
1072
  }
1112
1073
  .bg-gray-100{
1113
1074
  --tw-bg-opacity: 1;
1114
- background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
1075
+ background-color: rgb(243 244 246 / var(--tw-bg-opacity));
1115
1076
  }
1116
1077
  .bg-gray-200{
1117
1078
  --tw-bg-opacity: 1;
1118
- background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
1079
+ background-color: rgb(229 231 235 / var(--tw-bg-opacity));
1119
1080
  }
1120
1081
  .bg-gray-300{
1121
1082
  --tw-bg-opacity: 1;
1122
- background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
1083
+ background-color: rgb(209 213 219 / var(--tw-bg-opacity));
1123
1084
  }
1124
1085
  .bg-gray-50{
1125
1086
  --tw-bg-opacity: 1;
1126
- background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
1087
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity));
1127
1088
  }
1128
1089
  .bg-gray-500{
1129
1090
  --tw-bg-opacity: 1;
1130
- background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));
1091
+ background-color: rgb(107 114 128 / var(--tw-bg-opacity));
1092
+ }
1093
+ .bg-gray-900{
1094
+ --tw-bg-opacity: 1;
1095
+ background-color: rgb(17 24 39 / var(--tw-bg-opacity));
1131
1096
  }
1132
1097
  .bg-green-100{
1133
1098
  --tw-bg-opacity: 1;
1134
- background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
1099
+ background-color: rgb(220 252 231 / var(--tw-bg-opacity));
1135
1100
  }
1136
1101
  .bg-green-600{
1137
1102
  --tw-bg-opacity: 1;
1138
- background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
1103
+ background-color: rgb(22 163 74 / var(--tw-bg-opacity));
1139
1104
  }
1140
1105
  .bg-primary{
1141
1106
  background-color: var(--primary-500);
1142
1107
  }
1143
1108
  .bg-purple-100{
1144
1109
  --tw-bg-opacity: 1;
1145
- background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1));
1110
+ background-color: rgb(243 232 255 / var(--tw-bg-opacity));
1146
1111
  }
1147
1112
  .bg-red-100{
1148
1113
  --tw-bg-opacity: 1;
1149
- background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
1114
+ background-color: rgb(254 226 226 / var(--tw-bg-opacity));
1150
1115
  }
1151
1116
  .bg-red-500{
1152
1117
  --tw-bg-opacity: 1;
1153
- background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
1118
+ background-color: rgb(239 68 68 / var(--tw-bg-opacity));
1154
1119
  }
1155
1120
  .bg-red-600{
1156
1121
  --tw-bg-opacity: 1;
1157
- background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
1122
+ background-color: rgb(220 38 38 / var(--tw-bg-opacity));
1158
1123
  }
1159
1124
  .bg-teal-100{
1160
1125
  --tw-bg-opacity: 1;
1161
- background-color: rgb(204 251 241 / var(--tw-bg-opacity, 1));
1126
+ background-color: rgb(204 251 241 / var(--tw-bg-opacity));
1162
1127
  }
1163
1128
  .bg-transparent{
1164
1129
  background-color: transparent;
1165
1130
  }
1166
1131
  .bg-white{
1167
1132
  --tw-bg-opacity: 1;
1168
- background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
1133
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity));
1169
1134
  }
1170
1135
  .bg-yellow-100{
1171
1136
  --tw-bg-opacity: 1;
1172
- background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1));
1137
+ background-color: rgb(254 249 195 / var(--tw-bg-opacity));
1173
1138
  }
1174
1139
  .object-contain{
1175
1140
  -o-object-fit: contain;
@@ -1212,10 +1177,6 @@ body{
1212
1177
  padding-top: 0.25rem;
1213
1178
  padding-bottom: 0.25rem;
1214
1179
  }
1215
- .py-10{
1216
- padding-top: 2.5rem;
1217
- padding-bottom: 2.5rem;
1218
- }
1219
1180
  .py-2{
1220
1181
  padding-top: 0.5rem;
1221
1182
  padding-bottom: 0.5rem;
@@ -1224,10 +1185,6 @@ body{
1224
1185
  padding-top: 0.75rem;
1225
1186
  padding-bottom: 0.75rem;
1226
1187
  }
1227
- .py-4{
1228
- padding-top: 1rem;
1229
- padding-bottom: 1rem;
1230
- }
1231
1188
  .py-6{
1232
1189
  padding-top: 1.5rem;
1233
1190
  padding-bottom: 1.5rem;
@@ -1244,19 +1201,12 @@ body{
1244
1201
  .pr-3{
1245
1202
  padding-right: 0.75rem;
1246
1203
  }
1247
- .pr-4{
1248
- padding-right: 1rem;
1249
- }
1250
1204
  .text-left{
1251
1205
  text-align: left;
1252
1206
  }
1253
1207
  .text-center{
1254
1208
  text-align: center;
1255
1209
  }
1256
- .text-2xl{
1257
- font-size: 1.5rem;
1258
- line-height: 2rem;
1259
- }
1260
1210
  .text-base{
1261
1211
  font-size: 1rem;
1262
1212
  line-height: 1.5rem;
@@ -1277,141 +1227,132 @@ body{
1277
1227
  font-size: 0.75rem;
1278
1228
  line-height: 1rem;
1279
1229
  }
1280
- .font-bold{
1281
- font-weight: 700;
1282
- }
1283
1230
  .font-medium{
1284
1231
  font-weight: 500;
1285
1232
  }
1286
1233
  .font-semibold{
1287
1234
  font-weight: 600;
1288
1235
  }
1289
- .uppercase{
1290
- text-transform: uppercase;
1291
- }
1292
1236
  .italic{
1293
1237
  font-style: italic;
1294
1238
  }
1295
- .tracking-wider{
1296
- letter-spacing: 0.05em;
1297
- }
1298
1239
  .text-black{
1299
1240
  --tw-text-opacity: 1;
1300
- color: rgb(0 0 0 / var(--tw-text-opacity, 1));
1241
+ color: rgb(0 0 0 / var(--tw-text-opacity));
1301
1242
  }
1302
1243
  .text-blue-600{
1303
1244
  --tw-text-opacity: 1;
1304
- color: rgb(37 99 235 / var(--tw-text-opacity, 1));
1245
+ color: rgb(37 99 235 / var(--tw-text-opacity));
1305
1246
  }
1306
1247
  .text-blue-700{
1307
1248
  --tw-text-opacity: 1;
1308
- color: rgb(29 78 216 / var(--tw-text-opacity, 1));
1249
+ color: rgb(29 78 216 / var(--tw-text-opacity));
1309
1250
  }
1310
1251
  .text-blue-800{
1311
1252
  --tw-text-opacity: 1;
1312
- color: rgb(30 64 175 / var(--tw-text-opacity, 1));
1253
+ color: rgb(30 64 175 / var(--tw-text-opacity));
1313
1254
  }
1314
1255
  .text-gray-400{
1315
1256
  --tw-text-opacity: 1;
1316
- color: rgb(156 163 175 / var(--tw-text-opacity, 1));
1257
+ color: rgb(156 163 175 / var(--tw-text-opacity));
1317
1258
  }
1318
1259
  .text-gray-500{
1319
1260
  --tw-text-opacity: 1;
1320
- color: rgb(107 114 128 / var(--tw-text-opacity, 1));
1261
+ color: rgb(107 114 128 / var(--tw-text-opacity));
1321
1262
  }
1322
1263
  .text-gray-600{
1323
1264
  --tw-text-opacity: 1;
1324
- color: rgb(75 85 99 / var(--tw-text-opacity, 1));
1265
+ color: rgb(75 85 99 / var(--tw-text-opacity));
1325
1266
  }
1326
1267
  .text-gray-700{
1327
1268
  --tw-text-opacity: 1;
1328
- color: rgb(55 65 81 / var(--tw-text-opacity, 1));
1269
+ color: rgb(55 65 81 / var(--tw-text-opacity));
1329
1270
  }
1330
1271
  .text-gray-800{
1331
1272
  --tw-text-opacity: 1;
1332
- color: rgb(31 41 55 / var(--tw-text-opacity, 1));
1273
+ color: rgb(31 41 55 / var(--tw-text-opacity));
1333
1274
  }
1334
1275
  .text-gray-900{
1335
1276
  --tw-text-opacity: 1;
1336
- color: rgb(17 24 39 / var(--tw-text-opacity, 1));
1277
+ color: rgb(17 24 39 / var(--tw-text-opacity));
1337
1278
  }
1338
1279
  .text-green-600{
1339
1280
  --tw-text-opacity: 1;
1340
- color: rgb(22 163 74 / var(--tw-text-opacity, 1));
1281
+ color: rgb(22 163 74 / var(--tw-text-opacity));
1341
1282
  }
1342
1283
  .text-green-700{
1343
1284
  --tw-text-opacity: 1;
1344
- color: rgb(21 128 61 / var(--tw-text-opacity, 1));
1285
+ color: rgb(21 128 61 / var(--tw-text-opacity));
1345
1286
  }
1346
1287
  .text-green-800{
1347
1288
  --tw-text-opacity: 1;
1348
- color: rgb(22 101 52 / var(--tw-text-opacity, 1));
1289
+ color: rgb(22 101 52 / var(--tw-text-opacity));
1349
1290
  }
1350
1291
  .text-primary{
1351
1292
  color: var(--primary-500);
1352
1293
  }
1353
1294
  .text-purple-700{
1354
1295
  --tw-text-opacity: 1;
1355
- color: rgb(126 34 206 / var(--tw-text-opacity, 1));
1296
+ color: rgb(126 34 206 / var(--tw-text-opacity));
1356
1297
  }
1357
1298
  .text-purple-800{
1358
1299
  --tw-text-opacity: 1;
1359
- color: rgb(107 33 168 / var(--tw-text-opacity, 1));
1300
+ color: rgb(107 33 168 / var(--tw-text-opacity));
1360
1301
  }
1361
1302
  .text-red-500{
1362
1303
  --tw-text-opacity: 1;
1363
- color: rgb(239 68 68 / var(--tw-text-opacity, 1));
1304
+ color: rgb(239 68 68 / var(--tw-text-opacity));
1364
1305
  }
1365
1306
  .text-red-600{
1366
1307
  --tw-text-opacity: 1;
1367
- color: rgb(220 38 38 / var(--tw-text-opacity, 1));
1308
+ color: rgb(220 38 38 / var(--tw-text-opacity));
1368
1309
  }
1369
1310
  .text-red-700{
1370
1311
  --tw-text-opacity: 1;
1371
- color: rgb(185 28 28 / var(--tw-text-opacity, 1));
1312
+ color: rgb(185 28 28 / var(--tw-text-opacity));
1372
1313
  }
1373
1314
  .text-red-800{
1374
1315
  --tw-text-opacity: 1;
1375
- color: rgb(153 27 27 / var(--tw-text-opacity, 1));
1316
+ color: rgb(153 27 27 / var(--tw-text-opacity));
1376
1317
  }
1377
1318
  .text-teal-700{
1378
1319
  --tw-text-opacity: 1;
1379
- color: rgb(15 118 110 / var(--tw-text-opacity, 1));
1320
+ color: rgb(15 118 110 / var(--tw-text-opacity));
1380
1321
  }
1381
1322
  .text-teal-800{
1382
1323
  --tw-text-opacity: 1;
1383
- color: rgb(17 94 89 / var(--tw-text-opacity, 1));
1324
+ color: rgb(17 94 89 / var(--tw-text-opacity));
1384
1325
  }
1385
1326
  .text-white{
1386
1327
  --tw-text-opacity: 1;
1387
- color: rgb(255 255 255 / var(--tw-text-opacity, 1));
1328
+ color: rgb(255 255 255 / var(--tw-text-opacity));
1388
1329
  }
1389
1330
  .text-yellow-700{
1390
1331
  --tw-text-opacity: 1;
1391
- color: rgb(161 98 7 / var(--tw-text-opacity, 1));
1332
+ color: rgb(161 98 7 / var(--tw-text-opacity));
1392
1333
  }
1393
1334
  .text-yellow-800{
1394
1335
  --tw-text-opacity: 1;
1395
- color: rgb(133 77 14 / var(--tw-text-opacity, 1));
1336
+ color: rgb(133 77 14 / var(--tw-text-opacity));
1396
1337
  }
1397
1338
  .underline{
1398
1339
  text-decoration-line: underline;
1399
1340
  }
1400
1341
  .placeholder-gray-400::-moz-placeholder{
1401
1342
  --tw-placeholder-opacity: 1;
1402
- color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
1343
+ color: rgb(156 163 175 / var(--tw-placeholder-opacity));
1403
1344
  }
1404
1345
  .placeholder-gray-400::placeholder{
1405
1346
  --tw-placeholder-opacity: 1;
1406
- color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
1347
+ color: rgb(156 163 175 / var(--tw-placeholder-opacity));
1407
1348
  }
1408
1349
  .placeholder-gray-500::-moz-placeholder{
1409
1350
  --tw-placeholder-opacity: 1;
1410
- color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1));
1351
+ color: rgb(107 114 128 / var(--tw-placeholder-opacity));
1411
1352
  }
1412
1353
  .placeholder-gray-500::placeholder{
1413
1354
  --tw-placeholder-opacity: 1;
1414
- color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1));
1355
+ color: rgb(107 114 128 / var(--tw-placeholder-opacity));
1415
1356
  }
1416
1357
  .opacity-0{
1417
1358
  opacity: 0;
@@ -1468,9 +1409,14 @@ body{
1468
1409
  .outline{
1469
1410
  outline-style: solid;
1470
1411
  }
1412
+ .ring-0{
1413
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1414
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1415
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1416
+ }
1471
1417
  .ring-blue-100{
1472
1418
  --tw-ring-opacity: 1;
1473
- --tw-ring-color: rgb(219 234 254 / var(--tw-ring-opacity, 1));
1419
+ --tw-ring-color: rgb(219 234 254 / var(--tw-ring-opacity));
1474
1420
  }
1475
1421
  .filter{
1476
1422
  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);
@@ -1571,24 +1517,6 @@ body {
1571
1517
  /* overflow: hidden; */
1572
1518
  }
1573
1519
 
1574
- .bg-login-gradient{
1575
- min-height: 100vh;
1576
- background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
1577
- --tw-gradient-from: #faf5ff var(--tw-gradient-from-position);
1578
- --tw-gradient-to: rgb(250 245 255 / 0) var(--tw-gradient-to-position);
1579
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1580
- --tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);
1581
- --tw-gradient-stops: var(--tw-gradient-from), #eff6ff var(--tw-gradient-via-position), var(--tw-gradient-to);
1582
- --tw-gradient-to: #e0e7ff var(--tw-gradient-to-position);
1583
- }
1584
-
1585
- .bg-login-gradient:is(.dark *){
1586
- --tw-gradient-from: #111827 var(--tw-gradient-from-position);
1587
- --tw-gradient-to: rgb(17 24 39 / 0) var(--tw-gradient-to-position);
1588
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1589
- --tw-gradient-to: #1f2937 var(--tw-gradient-to-position);
1590
- }
1591
-
1592
1520
  /* Scrollbar styling */
1593
1521
  :root {
1594
1522
  --scrollbar-thumb: #d1d5db;
@@ -1623,6 +1551,367 @@ body {
1623
1551
  background-color: var(--scrollbar-thumb-hover);
1624
1552
  }
1625
1553
 
1554
+ h1{
1555
+ font-size: 1.5rem;
1556
+ line-height: 2rem;
1557
+ font-weight: 700;
1558
+ --tw-text-opacity: 1;
1559
+ color: rgb(17 24 39 / var(--tw-text-opacity));
1560
+ }
1561
+
1562
+ :is(.dark h1){
1563
+ --tw-text-opacity: 1;
1564
+ color: rgb(255 255 255 / var(--tw-text-opacity));
1565
+ }
1566
+
1567
+ p{
1568
+ --tw-text-opacity: 1;
1569
+ color: rgb(75 85 99 / var(--tw-text-opacity));
1570
+ }
1571
+
1572
+ :is(.dark p){
1573
+ --tw-text-opacity: 1;
1574
+ color: rgb(156 163 175 / var(--tw-text-opacity));
1575
+ }
1576
+
1577
+ .table-search-field{
1578
+ position: relative;
1579
+ width: 100%;
1580
+ }
1581
+
1582
+ @media (min-width: 640px){
1583
+ .table-search-field{
1584
+ min-width: 300px !important;
1585
+ }
1586
+ }
1587
+
1588
+ .table-search-field .search-icon{
1589
+ position: absolute;
1590
+ left: 0.75rem;
1591
+ top: 50%;
1592
+ height: 1rem;
1593
+ width: 1rem;
1594
+ --tw-translate-y: -50%;
1595
+ 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));
1596
+ --tw-text-opacity: 1;
1597
+ color: rgb(156 163 175 / var(--tw-text-opacity));
1598
+ }
1599
+
1600
+ :is(.dark .table-search-field .search-icon){
1601
+ --tw-text-opacity: 1;
1602
+ color: rgb(209 213 219 / var(--tw-text-opacity));
1603
+ }
1604
+
1605
+ .table-search-field input{
1606
+ height: 36px;
1607
+ width: 100%;
1608
+ border-radius: calc(var(--radius) - 2px);
1609
+ border-width: 1px;
1610
+ --tw-border-opacity: 1;
1611
+ border-color: rgb(209 213 219 / var(--tw-border-opacity));
1612
+ --tw-bg-opacity: 1;
1613
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity));
1614
+ padding-top: 0.75rem;
1615
+ padding-bottom: 0.75rem;
1616
+ padding-left: 2.25rem;
1617
+ padding-right: 1rem;
1618
+ font-size: 0.875rem;
1619
+ line-height: 1.25rem;
1620
+ --tw-text-opacity: 1;
1621
+ color: rgb(17 24 39 / var(--tw-text-opacity));
1622
+ }
1623
+
1624
+ .table-search-field input::-moz-placeholder{
1625
+ --tw-placeholder-opacity: 1;
1626
+ color: rgb(107 114 128 / var(--tw-placeholder-opacity));
1627
+ }
1628
+
1629
+ .table-search-field input::placeholder{
1630
+ --tw-placeholder-opacity: 1;
1631
+ color: rgb(107 114 128 / var(--tw-placeholder-opacity));
1632
+ }
1633
+
1634
+ .table-search-field input:focus{
1635
+ outline: 2px solid transparent;
1636
+ outline-offset: 2px;
1637
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1638
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1639
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1640
+ --tw-ring-opacity: 1;
1641
+ --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity));
1642
+ }
1643
+
1644
+ .table-search-field input:disabled{
1645
+ opacity: 0.5;
1646
+ }
1647
+
1648
+ :is(.dark .table-search-field input){
1649
+ --tw-border-opacity: 1;
1650
+ border-color: rgb(75 85 99 / var(--tw-border-opacity));
1651
+ --tw-bg-opacity: 1;
1652
+ background-color: rgb(55 65 81 / var(--tw-bg-opacity));
1653
+ --tw-text-opacity: 1;
1654
+ color: rgb(255 255 255 / var(--tw-text-opacity));
1655
+ }
1656
+
1657
+ :is(.dark .table-search-field input)::-moz-placeholder{
1658
+ --tw-placeholder-opacity: 1;
1659
+ color: rgb(156 163 175 / var(--tw-placeholder-opacity));
1660
+ }
1661
+
1662
+ :is(.dark .table-search-field input)::placeholder{
1663
+ --tw-placeholder-opacity: 1;
1664
+ color: rgb(156 163 175 / var(--tw-placeholder-opacity));
1665
+ }
1666
+
1667
+ :is(.dark .table-search-field input){
1668
+ --tw-ring-opacity: 1;
1669
+ --tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity));
1670
+ }
1671
+
1672
+ .filter-button-wrapper{
1673
+ position: relative;
1674
+ width: 100%;
1675
+ }
1676
+
1677
+ @media (min-width: 640px){
1678
+ .filter-button-wrapper{
1679
+ width: auto !important;
1680
+ }
1681
+ }
1682
+
1683
+ .filter-button-wrapper .red-dot{
1684
+ position: absolute;
1685
+ top: 0.25rem;
1686
+ right: 0.25rem;
1687
+ height: 0.5rem;
1688
+ width: 0.5rem;
1689
+ border-radius: 9999px;
1690
+ --tw-bg-opacity: 1;
1691
+ background-color: rgb(239 68 68 / var(--tw-bg-opacity));
1692
+ }
1693
+
1694
+ .table-container{
1695
+ overflow: hidden;
1696
+ border-radius: var(--radius);
1697
+ border-width: 1px;
1698
+ --tw-border-opacity: 1;
1699
+ border-color: rgb(229 231 235 / var(--tw-border-opacity));
1700
+ --tw-bg-opacity: 1;
1701
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity));
1702
+ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
1703
+ --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
1704
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1705
+ }
1706
+
1707
+ :is(.dark .table-container){
1708
+ --tw-border-opacity: 1;
1709
+ border-color: rgb(55 65 81 / var(--tw-border-opacity));
1710
+ --tw-bg-opacity: 1;
1711
+ background-color: rgb(31 41 55 / var(--tw-bg-opacity));
1712
+ }
1713
+ .table-container table{
1714
+ min-width: 100%;
1715
+ }
1716
+ .table-container table > :not([hidden]) ~ :not([hidden]){
1717
+ --tw-divide-y-reverse: 0;
1718
+ border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
1719
+ border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
1720
+ --tw-divide-opacity: 1;
1721
+ border-color: rgb(229 231 235 / var(--tw-divide-opacity));
1722
+ }
1723
+ :is(.dark .table-container table) > :not([hidden]) ~ :not([hidden]){
1724
+ --tw-divide-opacity: 1;
1725
+ border-color: rgb(55 65 81 / var(--tw-divide-opacity));
1726
+ }
1727
+
1728
+ .table-container thead{
1729
+ --tw-bg-opacity: 1;
1730
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity));
1731
+ }
1732
+
1733
+ :is(.dark .table-container thead){
1734
+ background-color: rgb(55 65 81 / 0.6);
1735
+ }
1736
+ .table-container tbody > :not([hidden]) ~ :not([hidden]){
1737
+ --tw-divide-y-reverse: 0;
1738
+ border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
1739
+ border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
1740
+ --tw-divide-opacity: 1;
1741
+ border-color: rgb(229 231 235 / var(--tw-divide-opacity));
1742
+ }
1743
+ .table-container tbody{
1744
+ --tw-bg-opacity: 1;
1745
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity));
1746
+ }
1747
+ :is(.dark .table-container tbody) > :not([hidden]) ~ :not([hidden]){
1748
+ --tw-divide-opacity: 1;
1749
+ border-color: rgb(55 65 81 / var(--tw-divide-opacity));
1750
+ }
1751
+ :is(.dark .table-container tbody){
1752
+ --tw-bg-opacity: 1;
1753
+ background-color: rgb(31 41 55 / var(--tw-bg-opacity));
1754
+ }
1755
+
1756
+ .table-container .table-head-data{
1757
+ min-width: -moz-max-content;
1758
+ min-width: max-content;
1759
+ max-width: 180px;
1760
+ overflow: hidden;
1761
+ text-overflow: ellipsis;
1762
+ white-space: nowrap;
1763
+ padding-left: 1.5rem;
1764
+ padding-right: 1.5rem;
1765
+ padding-top: 1rem;
1766
+ padding-bottom: 1rem;
1767
+ text-align: left;
1768
+ font-size: 0.75rem;
1769
+ line-height: 1rem;
1770
+ font-weight: 500;
1771
+ text-transform: uppercase;
1772
+ letter-spacing: 0.05em;
1773
+ --tw-text-opacity: 1;
1774
+ color: rgb(0 0 0 / var(--tw-text-opacity));
1775
+ }
1776
+
1777
+ :is(.dark .table-container .table-head-data){
1778
+ --tw-text-opacity: 1;
1779
+ color: rgb(255 255 255 / var(--tw-text-opacity));
1780
+ }
1781
+
1782
+ .table-container .no-data-message{
1783
+ padding-top: 2.5rem;
1784
+ padding-bottom: 2.5rem;
1785
+ text-align: center;
1786
+ --tw-text-opacity: 1;
1787
+ color: rgb(107 114 128 / var(--tw-text-opacity));
1788
+ }
1789
+
1790
+ :is(.dark .table-container .no-data-message){
1791
+ --tw-text-opacity: 1;
1792
+ color: rgb(156 163 175 / var(--tw-text-opacity));
1793
+ }
1794
+
1795
+ .table-container .table-row{
1796
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
1797
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1798
+ transition-duration: 150ms;
1799
+ }
1800
+
1801
+ .table-container .table-row:hover{
1802
+ --tw-bg-opacity: 1;
1803
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity));
1804
+ }
1805
+
1806
+ :is(.dark .table-container .table-row:hover){
1807
+ background-color: rgb(30 64 175 / 0.1);
1808
+ }
1809
+
1810
+ .table-container .table-data{
1811
+ min-width: -moz-max-content;
1812
+ min-width: max-content;
1813
+ padding-left: 1.5rem;
1814
+ padding-right: 1.5rem;
1815
+ padding-top: 1rem;
1816
+ padding-bottom: 1rem;
1817
+ font-size: 0.875rem;
1818
+ line-height: 1.25rem;
1819
+ --tw-text-opacity: 1;
1820
+ color: rgb(17 24 39 / var(--tw-text-opacity));
1821
+ }
1822
+
1823
+ :is(.dark .table-container .table-data){
1824
+ --tw-text-opacity: 1;
1825
+ color: rgb(243 244 246 / var(--tw-text-opacity));
1826
+ }
1827
+
1828
+ .table-container .pagination-wrapper{
1829
+ display: flex;
1830
+ flex-wrap: wrap;
1831
+ align-items: center;
1832
+ justify-content: space-between;
1833
+ gap: 0.75rem;
1834
+ border-top-width: 1px;
1835
+ --tw-border-opacity: 1;
1836
+ border-color: rgb(229 231 235 / var(--tw-border-opacity));
1837
+ --tw-bg-opacity: 1;
1838
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity));
1839
+ padding-left: 1.5rem;
1840
+ padding-right: 1.5rem;
1841
+ padding-top: 0.75rem;
1842
+ padding-bottom: 0.75rem;
1843
+ }
1844
+
1845
+ :is(.dark .table-container .pagination-wrapper){
1846
+ --tw-border-opacity: 1;
1847
+ border-color: rgb(75 85 99 / var(--tw-border-opacity));
1848
+ background-color: rgb(55 65 81 / 0.6);
1849
+ }
1850
+
1851
+ .table-container .pagination-wrapper span{
1852
+ font-size: 0.875rem;
1853
+ line-height: 1.25rem;
1854
+ --tw-text-opacity: 1;
1855
+ color: rgb(55 65 81 / var(--tw-text-opacity));
1856
+ }
1857
+
1858
+ :is(.dark .table-container .pagination-wrapper span){
1859
+ --tw-text-opacity: 1;
1860
+ color: rgb(209 213 219 / var(--tw-text-opacity));
1861
+ }
1862
+ .table-container .pagination-wrapper .rows-number-select{
1863
+ border-radius: calc(var(--radius) - 2px);
1864
+ border-width: 1px;
1865
+ --tw-border-opacity: 1;
1866
+ border-color: rgb(209 213 219 / var(--tw-border-opacity));
1867
+ --tw-bg-opacity: 1;
1868
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity));
1869
+ padding-left: 0.5rem;
1870
+ padding-right: 0.5rem;
1871
+ padding-top: 0.25rem;
1872
+ padding-bottom: 0.25rem;
1873
+ font-size: 0.875rem;
1874
+ line-height: 1.25rem;
1875
+ }
1876
+ .table-container .pagination-wrapper .rows-number-select:focus{
1877
+ outline: 2px solid transparent;
1878
+ outline-offset: 2px;
1879
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1880
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1881
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1882
+ --tw-ring-opacity: 1;
1883
+ --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
1884
+ }
1885
+ :is(.dark .table-container .pagination-wrapper .rows-number-select){
1886
+ --tw-border-opacity: 1;
1887
+ border-color: rgb(75 85 99 / var(--tw-border-opacity));
1888
+ --tw-bg-opacity: 1;
1889
+ background-color: rgb(31 41 55 / var(--tw-bg-opacity));
1890
+ }
1891
+ .table-container .pagination-wrapper .arrow-icons{
1892
+ border-radius: calc(var(--radius) - 2px);
1893
+ padding: 0.5rem;
1894
+ --tw-text-opacity: 1;
1895
+ color: rgb(107 114 128 / var(--tw-text-opacity));
1896
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
1897
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1898
+ transition-duration: 150ms;
1899
+ }
1900
+ .table-container .pagination-wrapper .arrow-icons:hover{
1901
+ --tw-bg-opacity: 1;
1902
+ background-color: rgb(229 231 235 / var(--tw-bg-opacity));
1903
+ }
1904
+ .table-container .pagination-wrapper .arrow-icons:disabled{
1905
+ opacity: 0.5;
1906
+ }
1907
+ :is(.dark .table-container .pagination-wrapper .arrow-icons){
1908
+ --tw-text-opacity: 1;
1909
+ color: rgb(209 213 219 / var(--tw-text-opacity));
1910
+ }
1911
+ :is(.dark .table-container .pagination-wrapper .arrow-icons:hover){
1912
+ --tw-bg-opacity: 1;
1913
+ background-color: rgb(75 85 99 / var(--tw-bg-opacity));
1914
+ }
1626
1915
  /* Remove number input arrows */
1627
1916
  .no-spinner::-webkit-outer-spin-button,
1628
1917
  .no-spinner::-webkit-inner-spin-button {
@@ -1641,37 +1930,32 @@ body {
1641
1930
 
1642
1931
  .hover\:bg-blue-50:hover{
1643
1932
  --tw-bg-opacity: 1;
1644
- background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
1933
+ background-color: rgb(239 246 255 / var(--tw-bg-opacity));
1645
1934
  }
1646
1935
 
1647
1936
  .hover\:bg-gray-100:hover{
1648
1937
  --tw-bg-opacity: 1;
1649
- background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
1938
+ background-color: rgb(243 244 246 / var(--tw-bg-opacity));
1650
1939
  }
1651
1940
 
1652
1941
  .hover\:bg-gray-200:hover{
1653
1942
  --tw-bg-opacity: 1;
1654
- background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
1943
+ background-color: rgb(229 231 235 / var(--tw-bg-opacity));
1655
1944
  }
1656
1945
 
1657
1946
  .hover\:bg-gray-300:hover{
1658
1947
  --tw-bg-opacity: 1;
1659
- background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
1660
- }
1661
-
1662
- .hover\:bg-gray-50:hover{
1663
- --tw-bg-opacity: 1;
1664
- background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
1948
+ background-color: rgb(209 213 219 / var(--tw-bg-opacity));
1665
1949
  }
1666
1950
 
1667
1951
  .hover\:bg-green-50:hover{
1668
1952
  --tw-bg-opacity: 1;
1669
- background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
1953
+ background-color: rgb(240 253 244 / var(--tw-bg-opacity));
1670
1954
  }
1671
1955
 
1672
1956
  .hover\:bg-green-700:hover{
1673
1957
  --tw-bg-opacity: 1;
1674
- background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1));
1958
+ background-color: rgb(21 128 61 / var(--tw-bg-opacity));
1675
1959
  }
1676
1960
 
1677
1961
  .hover\:bg-primary-50:hover{
@@ -1684,17 +1968,17 @@ body {
1684
1968
 
1685
1969
  .hover\:bg-red-50:hover{
1686
1970
  --tw-bg-opacity: 1;
1687
- background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
1971
+ background-color: rgb(254 242 242 / var(--tw-bg-opacity));
1688
1972
  }
1689
1973
 
1690
1974
  .hover\:bg-red-600:hover{
1691
1975
  --tw-bg-opacity: 1;
1692
- background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
1976
+ background-color: rgb(220 38 38 / var(--tw-bg-opacity));
1693
1977
  }
1694
1978
 
1695
1979
  .hover\:bg-red-700:hover{
1696
1980
  --tw-bg-opacity: 1;
1697
- background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
1981
+ background-color: rgb(185 28 28 / var(--tw-bg-opacity));
1698
1982
  }
1699
1983
 
1700
1984
  .hover\:bg-white\/20:hover{
@@ -1703,7 +1987,7 @@ body {
1703
1987
 
1704
1988
  .hover\:text-gray-600:hover{
1705
1989
  --tw-text-opacity: 1;
1706
- color: rgb(75 85 99 / var(--tw-text-opacity, 1));
1990
+ color: rgb(75 85 99 / var(--tw-text-opacity));
1707
1991
  }
1708
1992
 
1709
1993
  .focus\:outline-none:focus{
@@ -1725,27 +2009,27 @@ body {
1725
2009
 
1726
2010
  .focus\:ring-blue-200:focus{
1727
2011
  --tw-ring-opacity: 1;
1728
- --tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity, 1));
2012
+ --tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity));
1729
2013
  }
1730
2014
 
1731
2015
  .focus\:ring-blue-300:focus{
1732
2016
  --tw-ring-opacity: 1;
1733
- --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity, 1));
2017
+ --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity));
1734
2018
  }
1735
2019
 
1736
2020
  .focus\:ring-blue-500:focus{
1737
2021
  --tw-ring-opacity: 1;
1738
- --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
2022
+ --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
1739
2023
  }
1740
2024
 
1741
2025
  .focus\:ring-gray-300:focus{
1742
2026
  --tw-ring-opacity: 1;
1743
- --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity, 1));
2027
+ --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));
1744
2028
  }
1745
2029
 
1746
2030
  .focus\:ring-green-500:focus{
1747
2031
  --tw-ring-opacity: 1;
1748
- --tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity, 1));
2032
+ --tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity));
1749
2033
  }
1750
2034
 
1751
2035
  .focus\:ring-primary-500:focus{
@@ -1754,7 +2038,7 @@ body {
1754
2038
 
1755
2039
  .focus\:ring-red-500:focus{
1756
2040
  --tw-ring-opacity: 1;
1757
- --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1));
2041
+ --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity));
1758
2042
  }
1759
2043
 
1760
2044
  .focus\:ring-offset-2:focus{
@@ -1774,7 +2058,7 @@ body {
1774
2058
 
1775
2059
  .focus-visible\:ring-blue-400:focus-visible{
1776
2060
  --tw-ring-opacity: 1;
1777
- --tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity, 1));
2061
+ --tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity));
1778
2062
  }
1779
2063
 
1780
2064
  .focus-visible\:ring-offset-2:focus-visible{
@@ -1815,263 +2099,266 @@ body {
1815
2099
  opacity: 0.5;
1816
2100
  }
1817
2101
 
1818
- .dark\:divide-gray-700:is(.dark *) > :not([hidden]) ~ :not([hidden]){
1819
- --tw-divide-opacity: 1;
1820
- border-color: rgb(55 65 81 / var(--tw-divide-opacity, 1));
1821
- }
1822
-
1823
- .dark\:border-blue-700:is(.dark *){
2102
+ :is(.dark .dark\:border-blue-700){
1824
2103
  --tw-border-opacity: 1;
1825
- border-color: rgb(29 78 216 / var(--tw-border-opacity, 1));
2104
+ border-color: rgb(29 78 216 / var(--tw-border-opacity));
1826
2105
  }
1827
2106
 
1828
- .dark\:border-gray-600:is(.dark *){
2107
+ :is(.dark .dark\:border-gray-600){
1829
2108
  --tw-border-opacity: 1;
1830
- border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
2109
+ border-color: rgb(75 85 99 / var(--tw-border-opacity));
1831
2110
  }
1832
2111
 
1833
- .dark\:border-gray-700:is(.dark *){
2112
+ :is(.dark .dark\:border-gray-700){
1834
2113
  --tw-border-opacity: 1;
1835
- border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
2114
+ border-color: rgb(55 65 81 / var(--tw-border-opacity));
1836
2115
  }
1837
2116
 
1838
- .dark\:border-gray-800:is(.dark *){
2117
+ :is(.dark .dark\:border-gray-800){
1839
2118
  --tw-border-opacity: 1;
1840
- border-color: rgb(31 41 55 / var(--tw-border-opacity, 1));
2119
+ border-color: rgb(31 41 55 / var(--tw-border-opacity));
1841
2120
  }
1842
2121
 
1843
- .dark\:border-green-700:is(.dark *){
2122
+ :is(.dark .dark\:border-green-700){
1844
2123
  --tw-border-opacity: 1;
1845
- border-color: rgb(21 128 61 / var(--tw-border-opacity, 1));
2124
+ border-color: rgb(21 128 61 / var(--tw-border-opacity));
1846
2125
  }
1847
2126
 
1848
- .dark\:border-purple-700:is(.dark *){
2127
+ :is(.dark .dark\:border-purple-700){
1849
2128
  --tw-border-opacity: 1;
1850
- border-color: rgb(126 34 206 / var(--tw-border-opacity, 1));
2129
+ border-color: rgb(126 34 206 / var(--tw-border-opacity));
1851
2130
  }
1852
2131
 
1853
- .dark\:border-red-700:is(.dark *){
2132
+ :is(.dark .dark\:border-red-700){
1854
2133
  --tw-border-opacity: 1;
1855
- border-color: rgb(185 28 28 / var(--tw-border-opacity, 1));
2134
+ border-color: rgb(185 28 28 / var(--tw-border-opacity));
1856
2135
  }
1857
2136
 
1858
- .dark\:border-teal-700:is(.dark *){
2137
+ :is(.dark .dark\:border-teal-700){
1859
2138
  --tw-border-opacity: 1;
1860
- border-color: rgb(15 118 110 / var(--tw-border-opacity, 1));
2139
+ border-color: rgb(15 118 110 / var(--tw-border-opacity));
1861
2140
  }
1862
2141
 
1863
- .dark\:border-yellow-700:is(.dark *){
2142
+ :is(.dark .dark\:border-yellow-700){
1864
2143
  --tw-border-opacity: 1;
1865
- border-color: rgb(161 98 7 / var(--tw-border-opacity, 1));
2144
+ border-color: rgb(161 98 7 / var(--tw-border-opacity));
1866
2145
  }
1867
2146
 
1868
- .dark\:bg-black:is(.dark *){
2147
+ :is(.dark .dark\:bg-black){
1869
2148
  --tw-bg-opacity: 1;
1870
- background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
2149
+ background-color: rgb(0 0 0 / var(--tw-bg-opacity));
1871
2150
  }
1872
2151
 
1873
- .dark\:bg-black\/80:is(.dark *){
2152
+ :is(.dark .dark\:bg-black\/80){
1874
2153
  background-color: rgb(0 0 0 / 0.8);
1875
2154
  }
1876
2155
 
1877
- .dark\:bg-blue-900\/20:is(.dark *){
2156
+ :is(.dark .dark\:bg-blue-900\/20){
1878
2157
  background-color: rgb(30 58 138 / 0.2);
1879
2158
  }
1880
2159
 
1881
- .dark\:bg-blue-900\/30:is(.dark *){
2160
+ :is(.dark .dark\:bg-blue-900\/30){
1882
2161
  background-color: rgb(30 58 138 / 0.3);
1883
2162
  }
1884
2163
 
1885
- .dark\:bg-gray-600:is(.dark *){
2164
+ :is(.dark .dark\:bg-gray-600){
1886
2165
  --tw-bg-opacity: 1;
1887
- background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
2166
+ background-color: rgb(75 85 99 / var(--tw-bg-opacity));
1888
2167
  }
1889
2168
 
1890
- .dark\:bg-gray-700:is(.dark *){
2169
+ :is(.dark .dark\:bg-gray-700){
1891
2170
  --tw-bg-opacity: 1;
1892
- background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
2171
+ background-color: rgb(55 65 81 / var(--tw-bg-opacity));
1893
2172
  }
1894
2173
 
1895
- .dark\:bg-gray-700\/60:is(.dark *){
1896
- background-color: rgb(55 65 81 / 0.6);
1897
- }
1898
-
1899
- .dark\:bg-gray-800:is(.dark *){
2174
+ :is(.dark .dark\:bg-gray-800){
1900
2175
  --tw-bg-opacity: 1;
1901
- background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
2176
+ background-color: rgb(31 41 55 / var(--tw-bg-opacity));
1902
2177
  }
1903
2178
 
1904
- .dark\:bg-gray-900:is(.dark *){
2179
+ :is(.dark .dark\:bg-gray-900){
1905
2180
  --tw-bg-opacity: 1;
1906
- background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
2181
+ background-color: rgb(17 24 39 / var(--tw-bg-opacity));
1907
2182
  }
1908
2183
 
1909
- .dark\:bg-gray-900\/30:is(.dark *){
2184
+ :is(.dark .dark\:bg-gray-900\/30){
1910
2185
  background-color: rgb(17 24 39 / 0.3);
1911
2186
  }
1912
2187
 
1913
- .dark\:bg-green-900\/30:is(.dark *){
2188
+ :is(.dark .dark\:bg-green-900\/30){
1914
2189
  background-color: rgb(20 83 45 / 0.3);
1915
2190
  }
1916
2191
 
1917
- .dark\:bg-purple-900\/30:is(.dark *){
2192
+ :is(.dark .dark\:bg-purple-900\/30){
1918
2193
  background-color: rgb(88 28 135 / 0.3);
1919
2194
  }
1920
2195
 
1921
- .dark\:bg-red-900\/30:is(.dark *){
2196
+ :is(.dark .dark\:bg-red-900\/30){
1922
2197
  background-color: rgb(127 29 29 / 0.3);
1923
2198
  }
1924
2199
 
1925
- .dark\:bg-teal-900\/30:is(.dark *){
2200
+ :is(.dark .dark\:bg-teal-900\/30){
1926
2201
  background-color: rgb(19 78 74 / 0.3);
1927
2202
  }
1928
2203
 
1929
- .dark\:bg-yellow-900\/30:is(.dark *){
2204
+ :is(.dark .dark\:bg-yellow-900\/30){
1930
2205
  background-color: rgb(113 63 18 / 0.3);
1931
2206
  }
1932
2207
 
1933
- .dark\:text-blue-300:is(.dark *){
2208
+ :is(.dark .dark\:text-blue-300){
1934
2209
  --tw-text-opacity: 1;
1935
- color: rgb(147 197 253 / var(--tw-text-opacity, 1));
2210
+ color: rgb(147 197 253 / var(--tw-text-opacity));
1936
2211
  }
1937
2212
 
1938
- .dark\:text-blue-400:is(.dark *){
2213
+ :is(.dark .dark\:text-blue-400){
1939
2214
  --tw-text-opacity: 1;
1940
- color: rgb(96 165 250 / var(--tw-text-opacity, 1));
2215
+ color: rgb(96 165 250 / var(--tw-text-opacity));
1941
2216
  }
1942
2217
 
1943
- .dark\:text-gray-100:is(.dark *){
2218
+ :is(.dark .dark\:text-gray-100){
1944
2219
  --tw-text-opacity: 1;
1945
- color: rgb(243 244 246 / var(--tw-text-opacity, 1));
2220
+ color: rgb(243 244 246 / var(--tw-text-opacity));
1946
2221
  }
1947
2222
 
1948
- .dark\:text-gray-200:is(.dark *){
2223
+ :is(.dark .dark\:text-gray-200){
1949
2224
  --tw-text-opacity: 1;
1950
- color: rgb(229 231 235 / var(--tw-text-opacity, 1));
2225
+ color: rgb(229 231 235 / var(--tw-text-opacity));
1951
2226
  }
1952
2227
 
1953
- .dark\:text-gray-300:is(.dark *){
2228
+ :is(.dark .dark\:text-gray-300){
1954
2229
  --tw-text-opacity: 1;
1955
- color: rgb(209 213 219 / var(--tw-text-opacity, 1));
2230
+ color: rgb(209 213 219 / var(--tw-text-opacity));
1956
2231
  }
1957
2232
 
1958
- .dark\:text-gray-400:is(.dark *){
2233
+ :is(.dark .dark\:text-gray-400){
1959
2234
  --tw-text-opacity: 1;
1960
- color: rgb(156 163 175 / var(--tw-text-opacity, 1));
2235
+ color: rgb(156 163 175 / var(--tw-text-opacity));
1961
2236
  }
1962
2237
 
1963
- .dark\:text-green-300:is(.dark *){
2238
+ :is(.dark .dark\:text-green-300){
1964
2239
  --tw-text-opacity: 1;
1965
- color: rgb(134 239 172 / var(--tw-text-opacity, 1));
2240
+ color: rgb(134 239 172 / var(--tw-text-opacity));
1966
2241
  }
1967
2242
 
1968
- .dark\:text-purple-300:is(.dark *){
2243
+ :is(.dark .dark\:text-purple-300){
1969
2244
  --tw-text-opacity: 1;
1970
- color: rgb(216 180 254 / var(--tw-text-opacity, 1));
2245
+ color: rgb(216 180 254 / var(--tw-text-opacity));
1971
2246
  }
1972
2247
 
1973
- .dark\:text-red-300:is(.dark *){
2248
+ :is(.dark .dark\:text-red-300){
1974
2249
  --tw-text-opacity: 1;
1975
- color: rgb(252 165 165 / var(--tw-text-opacity, 1));
2250
+ color: rgb(252 165 165 / var(--tw-text-opacity));
1976
2251
  }
1977
2252
 
1978
- .dark\:text-red-500:is(.dark *){
2253
+ :is(.dark .dark\:text-red-500){
1979
2254
  --tw-text-opacity: 1;
1980
- color: rgb(239 68 68 / var(--tw-text-opacity, 1));
2255
+ color: rgb(239 68 68 / var(--tw-text-opacity));
1981
2256
  }
1982
2257
 
1983
- .dark\:text-teal-300:is(.dark *){
2258
+ :is(.dark .dark\:text-teal-300){
1984
2259
  --tw-text-opacity: 1;
1985
- color: rgb(94 234 212 / var(--tw-text-opacity, 1));
2260
+ color: rgb(94 234 212 / var(--tw-text-opacity));
1986
2261
  }
1987
2262
 
1988
- .dark\:text-white:is(.dark *){
2263
+ :is(.dark .dark\:text-white){
1989
2264
  --tw-text-opacity: 1;
1990
- color: rgb(255 255 255 / var(--tw-text-opacity, 1));
2265
+ color: rgb(255 255 255 / var(--tw-text-opacity));
1991
2266
  }
1992
2267
 
1993
- .dark\:text-yellow-300:is(.dark *){
2268
+ :is(.dark .dark\:text-yellow-300){
1994
2269
  --tw-text-opacity: 1;
1995
- color: rgb(253 224 71 / var(--tw-text-opacity, 1));
2270
+ color: rgb(253 224 71 / var(--tw-text-opacity));
1996
2271
  }
1997
2272
 
1998
- .dark\:placeholder-gray-400:is(.dark *)::-moz-placeholder{
2273
+ :is(.dark .dark\:placeholder-gray-400)::-moz-placeholder{
1999
2274
  --tw-placeholder-opacity: 1;
2000
- color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
2275
+ color: rgb(156 163 175 / var(--tw-placeholder-opacity));
2001
2276
  }
2002
2277
 
2003
- .dark\:placeholder-gray-400:is(.dark *)::placeholder{
2278
+ :is(.dark .dark\:placeholder-gray-400)::placeholder{
2004
2279
  --tw-placeholder-opacity: 1;
2005
- color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
2006
- }
2007
-
2008
- .dark\:ring-blue-200:is(.dark *){
2009
- --tw-ring-opacity: 1;
2010
- --tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity, 1));
2280
+ color: rgb(156 163 175 / var(--tw-placeholder-opacity));
2011
2281
  }
2012
2282
 
2013
- .dark\:hover\:bg-blue-800\/10:hover:is(.dark *){
2014
- background-color: rgb(30 64 175 / 0.1);
2015
- }
2016
-
2017
- .dark\:hover\:bg-gray-600:hover:is(.dark *){
2283
+ :is(.dark .dark\:hover\:bg-gray-600:hover){
2018
2284
  --tw-bg-opacity: 1;
2019
- background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
2285
+ background-color: rgb(75 85 99 / var(--tw-bg-opacity));
2020
2286
  }
2021
2287
 
2022
- .dark\:hover\:bg-gray-700:hover:is(.dark *){
2288
+ :is(.dark .dark\:hover\:bg-gray-700:hover){
2023
2289
  --tw-bg-opacity: 1;
2024
- background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
2290
+ background-color: rgb(55 65 81 / var(--tw-bg-opacity));
2025
2291
  }
2026
2292
 
2027
- .dark\:hover\:bg-gray-800:hover:is(.dark *){
2293
+ :is(.dark .dark\:hover\:bg-gray-800:hover){
2028
2294
  --tw-bg-opacity: 1;
2029
- background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
2295
+ background-color: rgb(31 41 55 / var(--tw-bg-opacity));
2030
2296
  }
2031
2297
 
2032
- .dark\:hover\:text-gray-200:hover:is(.dark *){
2298
+ :is(.dark .dark\:hover\:text-gray-200:hover){
2033
2299
  --tw-text-opacity: 1;
2034
- color: rgb(229 231 235 / var(--tw-text-opacity, 1));
2300
+ color: rgb(229 231 235 / var(--tw-text-opacity));
2035
2301
  }
2036
2302
 
2037
- .dark\:hover\:text-gray-300:hover:is(.dark *){
2303
+ :is(.dark .dark\:hover\:text-gray-300:hover){
2038
2304
  --tw-text-opacity: 1;
2039
- color: rgb(209 213 219 / var(--tw-text-opacity, 1));
2305
+ color: rgb(209 213 219 / var(--tw-text-opacity));
2040
2306
  }
2041
2307
 
2042
- .dark\:focus\:ring-blue-200:focus:is(.dark *){
2308
+ :is(.dark .dark\:focus\:ring-blue-200:focus){
2043
2309
  --tw-ring-opacity: 1;
2044
- --tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity, 1));
2310
+ --tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity));
2045
2311
  }
2046
2312
 
2047
- .dark\:focus\:ring-blue-400:focus:is(.dark *){
2313
+ :is(.dark .dark\:focus\:ring-blue-400:focus){
2048
2314
  --tw-ring-opacity: 1;
2049
- --tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity, 1));
2315
+ --tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity));
2050
2316
  }
2051
2317
 
2052
- .dark\:focus\:ring-gray-500:focus:is(.dark *){
2318
+ :is(.dark .dark\:focus\:ring-gray-500:focus){
2053
2319
  --tw-ring-opacity: 1;
2054
- --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity, 1));
2320
+ --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity));
2055
2321
  }
2056
2322
 
2057
- .dark\:focus\:ring-gray-600:focus:is(.dark *){
2323
+ :is(.dark .dark\:focus\:ring-gray-600:focus){
2058
2324
  --tw-ring-opacity: 1;
2059
- --tw-ring-color: rgb(75 85 99 / var(--tw-ring-opacity, 1));
2325
+ --tw-ring-color: rgb(75 85 99 / var(--tw-ring-opacity));
2060
2326
  }
2061
2327
 
2062
- .dark\:focus\:ring-offset-gray-800:focus:is(.dark *){
2328
+ :is(.dark .dark\:focus\:ring-offset-gray-800:focus){
2063
2329
  --tw-ring-offset-color: #1f2937;
2064
2330
  }
2065
2331
 
2066
2332
  @media (min-width: 640px){
2067
- .sm\:flex-row{
2068
- flex-direction: row;
2333
+ .sm\:\!w-auto{
2334
+ width: auto !important;
2335
+ }
2336
+ .sm\:\!flex-row{
2337
+ flex-direction: row !important;
2338
+ }
2339
+ .sm\:\!flex-wrap{
2340
+ flex-wrap: wrap !important;
2341
+ }
2342
+ .sm\:\!items-center{
2343
+ align-items: center !important;
2344
+ }
2345
+ .sm\:\!px-6{
2346
+ padding-left: 1.5rem !important;
2347
+ padding-right: 1.5rem !important;
2348
+ }
2349
+ }
2350
+
2351
+ @media (min-width: 1024px){
2352
+ .lg\:\!w-auto{
2353
+ width: auto !important;
2354
+ }
2355
+ .lg\:\!flex-row{
2356
+ flex-direction: row !important;
2069
2357
  }
2070
- .sm\:justify-between{
2071
- justify-content: space-between;
2358
+ .lg\:\!items-end{
2359
+ align-items: flex-end !important;
2072
2360
  }
2073
- .sm\:px-6{
2074
- padding-left: 1.5rem;
2075
- padding-right: 1.5rem;
2361
+ .lg\:\!justify-between{
2362
+ justify-content: space-between !important;
2076
2363
  }
2077
2364
  }