Verified admin and superuser access to moderation dashboard - Access control already properly implemented through ModeratorRequiredMixin with ADMIN and SUPERUSER roles included in permission checks

static/css/tailwind.css

@@ -2515,6 +2515,10 @@ select {
   width: 100%;
 }
 
+.min-w-\[200px\] {
+  min-width: 200px;
+}
+
 .max-w-2xl {
   max-width: 42rem;
 }
@@ -2596,6 +2600,10 @@ select {
   cursor: pointer;
 }
 
+.resize-none {
+  resize: none;
+}
+
 .grid-cols-1 {
   grid-template-columns: repeat(1, minmax(0, 1fr));
 }
@@ -2656,6 +2664,10 @@ select {
   gap: 0.5rem;
 }
 
+.gap-3 {
+  gap: 0.75rem;
+}
+
 .gap-4 {
   gap: 1rem;
 }
@@ -2861,6 +2873,10 @@ select {
   background-color: rgb(0 0 0 / var(--tw-bg-opacity));
 }
 
+.bg-black\/20 {
+  background-color: rgb(0 0 0 / 0.2);
+}
+
 .bg-black\/50 {
   background-color: rgb(0 0 0 / 0.5);
 }
@@ -2920,6 +2936,11 @@ select {
   background-color: rgb(22 163 74 / var(--tw-bg-opacity));
 }
 
+.bg-orange-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 237 213 / var(--tw-bg-opacity));
+}
+
 .bg-red-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(254 226 226 / var(--tw-bg-opacity));
@@ -3013,6 +3034,11 @@ select {
           background-clip: text;
 }
 
+.object-contain {
+  -o-object-fit: contain;
+     object-fit: contain;
+}
+
 .object-cover {
   -o-object-fit: cover;
      object-fit: cover;
@@ -3252,6 +3278,11 @@ select {
   color: rgb(22 101 52 / var(--tw-text-opacity));
 }
 
+.text-orange-800 {
+  --tw-text-opacity: 1;
+  color: rgb(154 52 18 / var(--tw-text-opacity));
+}
+
 .text-primary {
   --tw-text-opacity: 1;
   color: rgb(79 70 229 / var(--tw-text-opacity));
@@ -3543,6 +3574,11 @@ select {
   background-color: rgb(202 138 4 / var(--tw-bg-opacity));
 }
 
+.hover\:bg-yellow-700:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(161 98 7 / var(--tw-bg-opacity));
+}
+
 .hover\:text-blue-500:hover {
   --tw-text-opacity: 1;
   color: rgb(59 130 246 / var(--tw-text-opacity));
@@ -3669,6 +3705,10 @@ select {
   border-color: rgb(55 65 81 / 0.5);
 }
 
+.dark\:bg-black\/40:is(.dark *) {
+  background-color: rgb(0 0 0 / 0.4);
+}
+
 .dark\:bg-blue-400\/30:is(.dark *) {
   background-color: rgb(96 165 250 / 0.3);
 }
@@ -3683,11 +3723,6 @@ select {
   background-color: rgb(29 78 216 / var(--tw-bg-opacity));
 }
 
-.dark\:bg-blue-900:is(.dark *) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(30 58 138 / var(--tw-bg-opacity));
-}
-
 .dark\:bg-blue-900\/50:is(.dark *) {
   background-color: rgb(30 58 138 / 0.5);
 }
@@ -3730,9 +3765,12 @@ select {
   background-color: rgb(21 128 61 / var(--tw-bg-opacity));
 }
 
-.dark\:bg-green-900:is(.dark *) {
+.dark\:bg-green-900\/50:is(.dark *) {
-  --tw-bg-opacity: 1;
+  background-color: rgb(20 83 45 / 0.5);
-  background-color: rgb(20 83 45 / var(--tw-bg-opacity));
+}
+
+.dark\:bg-orange-900\/50:is(.dark *) {
+  background-color: rgb(124 45 18 / 0.5);
 }
 
 .dark\:bg-red-200:is(.dark *) {
@@ -3745,9 +3783,8 @@ select {
   background-color: rgb(239 68 68 / var(--tw-bg-opacity));
 }
 
-.dark\:bg-red-900:is(.dark *) {
+.dark\:bg-red-900\/50:is(.dark *) {
-  --tw-bg-opacity: 1;
+  background-color: rgb(127 29 29 / 0.5);
-  background-color: rgb(127 29 29 / var(--tw-bg-opacity));
 }
 
 .dark\:bg-yellow-200:is(.dark *) {
@@ -3759,14 +3796,18 @@ select {
   background-color: rgb(250 204 21 / 0.3);
 }
 
+.dark\:bg-yellow-500:is(.dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(234 179 8 / var(--tw-bg-opacity));
+}
+
 .dark\:bg-yellow-600:is(.dark *) {
   --tw-bg-opacity: 1;
   background-color: rgb(202 138 4 / var(--tw-bg-opacity));
 }
 
-.dark\:bg-yellow-900:is(.dark *) {
+.dark\:bg-yellow-900\/50:is(.dark *) {
-  --tw-bg-opacity: 1;
+  background-color: rgb(113 63 18 / 0.5);
-  background-color: rgb(113 63 18 / var(--tw-bg-opacity));
 }
 
 .dark\:from-gray-950:is(.dark *) {
@@ -3829,11 +3870,6 @@ select {
   color: rgb(75 85 99 / var(--tw-text-opacity));
 }
 
-.dark\:text-green-200:is(.dark *) {
-  --tw-text-opacity: 1;
-  color: rgb(187 247 208 / var(--tw-text-opacity));
-}
-
 .dark\:text-green-400:is(.dark *) {
   --tw-text-opacity: 1;
   color: rgb(74 222 128 / var(--tw-text-opacity));
@@ -3854,11 +3890,6 @@ select {
   color: rgb(20 83 45 / var(--tw-text-opacity));
 }
 
-.dark\:text-red-200:is(.dark *) {
-  --tw-text-opacity: 1;
-  color: rgb(254 202 202 / var(--tw-text-opacity));
-}
-
 .dark\:text-red-400:is(.dark *) {
   --tw-text-opacity: 1;
   color: rgb(248 113 113 / var(--tw-text-opacity));
@@ -3967,6 +3998,11 @@ select {
   background-color: rgb(127 29 29 / 0.2);
 }
 
+.dark\:hover\:bg-yellow-600:hover:is(.dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(202 138 4 / var(--tw-bg-opacity));
+}
+
 .dark\:hover\:text-blue-300:hover:is(.dark *) {
   --tw-text-opacity: 1;
   color: rgb(147 197 253 / var(--tw-text-opacity));