@glw907/cairn-cms 0.56.2 → 0.57.0

package/dist/components/cairn-admin.css

@@ -51,7 +51,17 @@
       --tw-drop-shadow-color: initial;
       --tw-drop-shadow-alpha: 100%;
       --tw-drop-shadow-size: initial;
+      --tw-backdrop-blur: initial;
+      --tw-backdrop-brightness: initial;
+      --tw-backdrop-contrast: initial;
+      --tw-backdrop-grayscale: initial;
+      --tw-backdrop-hue-rotate: initial;
+      --tw-backdrop-invert: initial;
+      --tw-backdrop-opacity: initial;
+      --tw-backdrop-saturate: initial;
+      --tw-backdrop-sepia: initial;
       --tw-duration: initial;
+      --tw-ease: initial;
       --tw-translate-x: 0;
       --tw-translate-y: 0;
       --tw-translate-z: 0;
@@ -68,6 +78,7 @@
     --container-xs: 20rem;
     --container-sm: 24rem;
     --container-md: 28rem;
+    --container-lg: 32rem;
     --container-xl: 36rem;
     --container-3xl: 48rem;
     --container-5xl: 64rem;
@@ -91,11 +102,16 @@
     --font-weight-bold: 700;
     --tracking-tight: -.025em;
     --tracking-wide: .025em;
+    --leading-tight: 1.25;
+    --leading-snug: 1.375;
     --leading-relaxed: 1.625;
     --radius-md: .375rem;
     --radius-lg: .5rem;
     --radius-xl: .75rem;
+    --radius-2xl: 1rem;
+    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
     --animate-spin: spin 1s linear infinite;
+    --aspect-video: 16 / 9;
     --default-transition-duration: .15s;
     --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
   }
@@ -2344,6 +2360,75 @@
     }
   }
 
+  @layer daisyui.l1.l2.l3 {
+    :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .timeline {
+      display: flex;
+      position: relative;
+    }
+
+    :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .timeline > li {
+      grid-template-rows: var(--timeline-row-start, minmax(0, 1fr)) auto var(--timeline-row-end, minmax(0, 1fr));
+      grid-template-columns: var(--timeline-col-start, minmax(0, 1fr)) auto var(--timeline-col-end, minmax(0, 1fr));
+      flex-shrink: 0;
+      align-items: center;
+      display: grid;
+      position: relative;
+    }
+
+    :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .timeline > li > hr {
+      border: none;
+      width: 100%;
+    }
+
+    :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .timeline > li > hr:first-child {
+      grid-row-start: 2;
+      grid-column-start: 1;
+    }
+
+    :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .timeline > li > hr:last-child {
+      grid-area: 2 / 3 / auto / none;
+    }
+
+    @media print {
+      :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .timeline > li > hr {
+        border: .1px solid var(--color-base-300);
+      }
+    }
+
+    :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .timeline :where(hr) {
+      background-color: var(--color-base-300);
+      height: .25rem;
+    }
+
+    :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .timeline:has(.timeline-middle hr):first-child {
+      border-start-start-radius: 0;
+      border-start-end-radius: var(--radius-selector);
+      border-end-end-radius: var(--radius-selector);
+      border-end-start-radius: 0;
+    }
+
+    :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .timeline:has(.timeline-middle hr):last-child {
+      border-start-start-radius: var(--radius-selector);
+      border-start-end-radius: 0;
+      border-end-end-radius: 0;
+      border-end-start-radius: var(--radius-selector);
+    }
+
+    :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .timeline:not(:has(.timeline-middle)) :first-child hr:last-child {
+      border-start-start-radius: var(--radius-selector);
+      border-start-end-radius: 0;
+      border-end-end-radius: 0;
+      border-end-start-radius: var(--radius-selector);
+    }
+
+    :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .timeline:not(:has(.timeline-middle)) :last-child hr:first-child {
+      border-start-start-radius: 0;
+      border-start-end-radius: var(--radius-selector);
+      border-end-end-radius: var(--radius-selector);
+      border-end-start-radius: 0;
+    }
+  }
+
   @layer daisyui.l1.l2.l3 {
     :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .swap {
       cursor: pointer;
@@ -2776,6 +2861,10 @@
     position: sticky;
   }
 
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .inset-x-0 {
+    inset-inline: calc(var(--spacing) * 0);
+  }
+
   @layer daisyui.l1.l2 {
     :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .dropdown-end {
       --anchor-h: span-left;
@@ -2815,6 +2904,10 @@
     top: calc(var(--spacing) * 0);
   }
 
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .top-2 {
+    top: calc(var(--spacing) * 2);
+  }
+
   :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .top-16 {
     top: calc(var(--spacing) * 16);
   }
@@ -2827,6 +2920,10 @@
     right: calc(var(--spacing) * 0);
   }
 
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .right-2 {
+    right: calc(var(--spacing) * 2);
+  }
+
   :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .right-\[1\.125rem\] {
     right: 1.125rem;
   }
@@ -3582,6 +3679,10 @@
     margin-left: calc(var(--spacing) * 3);
   }
 
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .ml-6 {
+    margin-left: calc(var(--spacing) * 6);
+  }
+
   :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .ml-auto {
     margin-left: auto;
   }
@@ -3650,6 +3751,46 @@
     }
   }
 
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .kbd {
+    box-shadow: none;
+  }
+
+  @layer daisyui.l1.l2.l3 {
+    :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .kbd {
+      border-radius: var(--radius-field);
+      background-color: var(--color-base-200);
+      vertical-align: middle;
+      border: var(--border) solid var(--color-base-content);
+      justify-content: center;
+      align-items: center;
+      padding-inline: .5em;
+      display: inline-flex;
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .kbd {
+        border: var(--border) solid color-mix(in srgb, var(--color-base-content) 20%, #0000);
+      }
+    }
+
+    :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .kbd {
+      border-bottom: calc(var(--border) + 1px) solid var(--color-base-content);
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .kbd {
+        border-bottom: calc(var(--border) + 1px) solid color-mix(in srgb, var(--color-base-content) 20%, #0000);
+      }
+    }
+
+    :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .kbd {
+      --size: calc(var(--size-selector, .25rem) * 6);
+      height: var(--size);
+      min-width: var(--size);
+      font-size: .875rem;
+    }
+  }
+
   @layer daisyui.l1.l2.l3 {
     :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .tabs {
       --tabs-height: auto;
@@ -3946,6 +4087,18 @@
     display: table;
   }
 
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .aspect-\[4\/3\] {
+    aspect-ratio: 4 / 3;
+  }
+
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .aspect-\[16\/10\] {
+    aspect-ratio: 16 / 10;
+  }
+
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .aspect-video {
+    aspect-ratio: var(--aspect-video);
+  }
+
   @layer daisyui.l1.l2 {
     :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .btn-square {
       width: var(--size);
@@ -3990,6 +4143,14 @@
     height: calc(var(--spacing) * 8);
   }
 
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .h-9 {
+    height: calc(var(--spacing) * 9);
+  }
+
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .h-10 {
+    height: calc(var(--spacing) * 10);
+  }
+
   :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .h-12 {
     height: calc(var(--spacing) * 12);
   }
@@ -3998,18 +4159,42 @@
     height: calc(var(--spacing) * 16);
   }
 
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .h-\[0\.6875rem\] {
+    height: .6875rem;
+  }
+
   :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .h-\[70vh\] {
     height: 70vh;
   }
 
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .h-full {
+    height: 100%;
+  }
+
   :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .h-px {
     height: 1px;
   }
 
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .max-h-44 {
+    max-height: calc(var(--spacing) * 44);
+  }
+
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .max-h-72 {
+    max-height: calc(var(--spacing) * 72);
+  }
+
   :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .max-h-\[60vh\] {
     max-height: 60vh;
   }
 
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .max-h-\[85vh\] {
+    max-height: 85vh;
+  }
+
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .max-h-full {
+    max-height: 100%;
+  }
+
   :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .min-h-16 {
     min-height: calc(var(--spacing) * 16);
   }
@@ -4022,6 +4207,10 @@
     min-height: 50vh;
   }
 
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .min-h-\[52vh\] {
+    min-height: 52vh;
+  }
+
   :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .min-h-\[56vh\] {
     min-height: 56vh;
   }
@@ -4040,6 +4229,12 @@
     }
   }
 
+  @layer daisyui.l1.l2 {
+    :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .loading-md {
+      width: calc(var(--size-selector, .25rem) * 6);
+    }
+  }
+
   @layer daisyui.l1.l2 {
     :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .loading-sm {
       width: calc(var(--size-selector, .25rem) * 5);
@@ -4092,14 +4287,38 @@
     width: calc(var(--spacing) * 9);
   }
 
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .w-10 {
+    width: calc(var(--spacing) * 10);
+  }
+
   :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .w-12 {
     width: calc(var(--spacing) * 12);
   }
 
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .w-14 {
+    width: calc(var(--spacing) * 14);
+  }
+
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .w-16 {
+    width: calc(var(--spacing) * 16);
+  }
+
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .w-24 {
+    width: calc(var(--spacing) * 24);
+  }
+
   :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .w-28 {
     width: calc(var(--spacing) * 28);
   }
 
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .w-32 {
+    width: calc(var(--spacing) * 32);
+  }
+
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .w-40 {
+    width: calc(var(--spacing) * 40);
+  }
+
   :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .w-44 {
     width: calc(var(--spacing) * 44);
   }
@@ -4120,14 +4339,30 @@
     width: calc(var(--spacing) * 80);
   }
 
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .w-\[0\.6875rem\] {
+    width: .6875rem;
+  }
+
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .w-\[3\.25rem\] {
+    width: 3.25rem;
+  }
+
   :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .w-\[19rem\] {
     width: 19rem;
   }
 
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .w-\[calc\(100\%-1\.5rem\)\] {
+    width: calc(100% - 1.5rem);
+  }
+
   :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .w-full {
     width: 100%;
   }
 
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .w-max {
+    width: max-content;
+  }
+
   :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .w-px {
     width: 1px;
   }
@@ -4148,6 +4383,10 @@
     max-width: 30%;
   }
 
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .max-w-\[40ch\] {
+    max-width: 40ch;
+  }
+
   :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .max-w-\[49rem\] {
     max-width: 49rem;
   }
@@ -4164,6 +4403,10 @@
     max-width: 100%;
   }
 
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .max-w-lg {
+    max-width: var(--container-lg);
+  }
+
   :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .max-w-md {
     max-width: var(--container-md);
   }
@@ -4208,6 +4451,14 @@
     flex-grow: 1;
   }
 
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .border-collapse {
+    border-collapse: collapse;
+  }
+
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .rotate-180 {
+    rotate: 180deg;
+  }
+
   :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .transform {
     transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
   }
@@ -4274,6 +4525,10 @@
     cursor: grab;
   }
 
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .cursor-not-allowed {
+    cursor: not-allowed;
+  }
+
   :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .cursor-pointer {
     cursor: pointer;
   }
@@ -4282,6 +4537,10 @@
     resize: both;
   }
 
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .list-none {
+    list-style-type: none;
+  }
+
   :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .appearance-none {
     appearance: none;
   }
@@ -4290,6 +4549,14 @@
     grid-template-columns: repeat(1, minmax(0, 1fr));
   }
 
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .grid-cols-\[auto_1fr\] {
+    grid-template-columns: auto 1fr;
+  }
+
   :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .flex-col {
     flex-direction: column;
   }
@@ -4370,12 +4637,20 @@
     gap: calc(var(--spacing) * 6);
   }
 
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .gap-px {
+    gap: 1px;
+  }
+
   :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) :where(.space-y-1 > :not(:last-child)) {
     --tw-space-y-reverse: 0;
     margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
     margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
   }
 
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .gap-x-3\.5 {
+    column-gap: calc(var(--spacing) * 3.5);
+  }
+
   :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .gap-x-8 {
     column-gap: calc(var(--spacing) * 8);
   }
@@ -4384,6 +4659,10 @@
     row-gap: calc(var(--spacing) * 1);
   }
 
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .gap-y-1\.5 {
+    row-gap: calc(var(--spacing) * 1.5);
+  }
+
   :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .self-start {
     align-self: flex-start;
   }
@@ -4446,6 +4725,10 @@
     border-radius: .25rem;
   }
 
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .rounded-\[0\.55rem\] {
+    border-radius: .55rem;
+  }
+
   :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .rounded-\[var\(--radius-field\)\] {
     border-radius: var(--radius-field);
   }
@@ -4476,6 +4759,11 @@
     border-radius: var(--radius-xl);
   }
 
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .rounded-t-2xl {
+    border-top-left-radius: var(--radius-2xl);
+    border-top-right-radius: var(--radius-2xl);
+  }
+
   :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .rounded-l-none {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
@@ -4540,6 +4828,33 @@
     }
   }
 
+  @layer daisyui.l1.l2 {
+    :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .badge-soft {
+      color: var(--badge-color, var(--color-base-content));
+      background-color: var(--badge-color, var(--color-base-content));
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .badge-soft {
+        background-color: color-mix(in oklab, var(--badge-color, var(--color-base-content)) 8%, var(--color-base-100));
+      }
+    }
+
+    :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .badge-soft {
+      border-color: var(--badge-color, var(--color-base-content));
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .badge-soft {
+        border-color: color-mix(in oklab, var(--badge-color, var(--color-base-content)) 10%, var(--color-base-100));
+      }
+    }
+
+    :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .badge-soft {
+      background-image: none;
+    }
+  }
+
   :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .border-\[color-mix\(in_oklab\,var\(--color-error\)_35\%\,var\(--cairn-card-border\)\)\] {
     border-color: var(--color-error);
   }
@@ -4560,10 +4875,24 @@
     }
   }
 
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .border-\[color-mix\(in_oklab\,var\(--color-primary\)_55\%\,transparent\)\] {
+    border-color: var(--color-primary);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .border-\[color-mix\(in_oklab\,var\(--color-primary\)_55\%\,transparent\)\] {
+      border-color: color-mix(in oklab,var(--color-primary) 55%,transparent);
+    }
+  }
+
   :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .border-\[var\(--cairn-card-border\)\] {
     border-color: var(--cairn-card-border);
   }
 
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .border-\[var\(--cairn-error-border\)\] {
+    border-color: var(--cairn-error-border);
+  }
+
   :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .border-base-300 {
     border-color: var(--color-base-300);
   }
@@ -4620,18 +4949,86 @@
     }
   }
 
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .bg-\[color-mix\(in_oklab\,var\(--color-primary\)_8\%\,transparent\)\] {
+    background-color: var(--color-primary);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .bg-\[color-mix\(in_oklab\,var\(--color-primary\)_8\%\,transparent\)\] {
+      background-color: color-mix(in oklab,var(--color-primary) 8%,transparent);
+    }
+  }
+
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .bg-\[color-mix\(in_oklab\,var\(--color-primary\)_10\%\,transparent\)\] {
+    background-color: var(--color-primary);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .bg-\[color-mix\(in_oklab\,var\(--color-primary\)_10\%\,transparent\)\] {
+      background-color: color-mix(in oklab,var(--color-primary) 10%,transparent);
+    }
+  }
+
   :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .bg-\[var\(--cairn-card-border\)\] {
     background-color: var(--cairn-card-border);
   }
 
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .bg-\[var\(--cairn-code-chip\)\] {
+    background-color: var(--cairn-code-chip);
+  }
+
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .bg-\[var\(--cairn-error-tint\)\] {
+    background-color: var(--cairn-error-tint);
+  }
+
   :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .bg-base-100 {
     background-color: var(--color-base-100);
   }
 
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .bg-base-100\/90 {
+    background-color: var(--color-base-100);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .bg-base-100\/90 {
+      background-color: color-mix(in oklab, var(--color-base-100) 90%, transparent);
+    }
+  }
+
   :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .bg-base-200 {
     background-color: var(--color-base-200);
   }
 
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .bg-base-200\/40 {
+    background-color: var(--color-base-200);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .bg-base-200\/40 {
+      background-color: color-mix(in oklab, var(--color-base-200) 40%, transparent);
+    }
+  }
+
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .bg-base-200\/50 {
+    background-color: var(--color-base-200);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .bg-base-200\/50 {
+      background-color: color-mix(in oklab, var(--color-base-200) 50%, transparent);
+    }
+  }
+
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .bg-base-200\/60 {
+    background-color: var(--color-base-200);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .bg-base-200\/60 {
+      background-color: color-mix(in oklab, var(--color-base-200) 60%, transparent);
+    }
+  }
+
   :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .bg-base-200\/70 {
     background-color: var(--color-base-200);
   }
@@ -4652,6 +5049,26 @@
     }
   }
 
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .bg-base-content\/\[0\.07\] {
+    background-color: var(--color-base-content);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .bg-base-content\/\[0\.07\] {
+      background-color: color-mix(in oklab, var(--color-base-content) 7.0%, transparent);
+    }
+  }
+
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .bg-base-content\/\[0\.08\] {
+    background-color: var(--color-base-content);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .bg-base-content\/\[0\.08\] {
+      background-color: color-mix(in oklab, var(--color-base-content) 8%, transparent);
+    }
+  }
+
   :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .bg-neutral {
     background-color: var(--color-neutral);
   }
@@ -4670,6 +5087,16 @@
     }
   }
 
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .bg-primary\/\[0\.06\] {
+    background-color: var(--color-primary);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .bg-primary\/\[0\.06\] {
+      background-color: color-mix(in oklab, var(--color-primary) 6%, transparent);
+    }
+  }
+
   :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .bg-success {
     background-color: var(--color-success);
   }
@@ -4688,6 +5115,14 @@
     }
   }
 
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .object-contain {
+    object-fit: contain;
+  }
+
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .object-cover {
+    object-fit: cover;
+  }
+
   @layer daisyui.l1.l2 {
     :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .checkbox-sm {
       --size: calc(var(--size-selector, .25rem) * 5);
@@ -4695,17 +5130,49 @@
     }
   }
 
-  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .p-0 {
-    padding: calc(var(--spacing) * 0);
-  }
+  @layer daisyui.l1.l2 {
+    :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .radio-sm {
+      padding: .1875rem;
+    }
 
-  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .p-1 {
-    padding: calc(var(--spacing) * 1);
+    :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .radio-sm[type="radio"] {
+      --size: calc(var(--size-selector, .25rem) * 5);
+    }
   }
 
-  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .p-2 {
-    padding: calc(var(--spacing) * 2);
-  }
+  @layer daisyui.l1.l2 {
+    :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .radio-xs {
+      padding: .125rem;
+    }
+
+    :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .radio-xs[type="radio"] {
+      --size: calc(var(--size-selector, .25rem) * 4);
+    }
+  }
+
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .p-0 {
+    padding: calc(var(--spacing) * 0);
+  }
+
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .p-0\.5 {
+    padding: calc(var(--spacing) * .5);
+  }
+
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .p-1 {
+    padding: calc(var(--spacing) * 1);
+  }
+
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .p-1\.5 {
+    padding: calc(var(--spacing) * 1.5);
+  }
+
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .p-2 {
+    padding: calc(var(--spacing) * 2);
+  }
+
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .p-2\.5 {
+    padding: calc(var(--spacing) * 2.5);
+  }
 
   :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .p-3 {
     padding: calc(var(--spacing) * 3);
@@ -4809,6 +5276,10 @@
     padding-inline: calc(var(--spacing) * 6);
   }
 
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .px-7 {
+    padding-inline: calc(var(--spacing) * 7);
+  }
+
   :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .py-0 {
     padding-block: calc(var(--spacing) * 0);
   }
@@ -4829,6 +5300,10 @@
     padding-block: calc(var(--spacing) * 2);
   }
 
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .py-2\.5 {
+    padding-block: calc(var(--spacing) * 2.5);
+  }
+
   :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .py-3 {
     padding-block: calc(var(--spacing) * 3);
   }
@@ -4853,6 +5328,10 @@
     padding-block: calc(var(--spacing) * 8);
   }
 
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .py-10 {
+    padding-block: calc(var(--spacing) * 10);
+  }
+
   :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .py-12 {
     padding-block: calc(var(--spacing) * 12);
   }
@@ -4873,14 +5352,30 @@
     padding-block: 1px;
   }
 
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .pt-1 {
+    padding-top: calc(var(--spacing) * 1);
+  }
+
   :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .pt-3 {
     padding-top: calc(var(--spacing) * 3);
   }
 
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .pt-3\.5 {
+    padding-top: calc(var(--spacing) * 3.5);
+  }
+
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .pt-4 {
+    padding-top: calc(var(--spacing) * 4);
+  }
+
   :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .pr-3 {
     padding-right: calc(var(--spacing) * 3);
   }
 
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .pb-0\.5 {
+    padding-bottom: calc(var(--spacing) * .5);
+  }
+
   :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .pb-1\.5 {
     padding-bottom: calc(var(--spacing) * 1.5);
   }
@@ -4893,6 +5388,10 @@
     padding-left: calc(var(--spacing) * 5);
   }
 
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .pl-\[3\.875rem\] {
+    padding-left: 3.875rem;
+  }
+
   :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .text-center {
     text-align: center;
   }
@@ -4909,6 +5408,10 @@
     font-family: var(--font-display);
   }
 
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .font-\[family-name\:var\(--font-editor\)\] {
+    font-family: var(--font-editor);
+  }
+
   :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .font-\[family-name\:var\(--font-editor\,ui-monospace\,monospace\)\] {
     font-family: var(--font-editor, ui-monospace,monospace);
   }
@@ -4959,6 +5462,10 @@
     }
   }
 
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .text-\[0\.6rem\] {
+    font-size: .6rem;
+  }
+
   :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .text-\[0\.7rem\] {
     font-size: .7rem;
   }
@@ -4971,6 +5478,10 @@
     font-size: .625rem;
   }
 
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .text-\[0\.875rem\] {
+    font-size: .875rem;
+  }
+
   :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .text-\[0\.6875rem\] {
     font-size: .6875rem;
   }
@@ -4979,6 +5490,10 @@
     font-size: .8125rem;
   }
 
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .text-\[0\.9375rem\] {
+    font-size: .9375rem;
+  }
+
   :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .text-\[1\.0625rem\] {
     font-size: 1.0625rem;
   }
@@ -4994,6 +5509,16 @@
     line-height: var(--leading-relaxed);
   }
 
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .leading-snug {
+    --tw-leading: var(--leading-snug);
+    line-height: var(--leading-snug);
+  }
+
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .leading-tight {
+    --tw-leading: var(--leading-tight);
+    line-height: var(--leading-tight);
+  }
+
   :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .font-bold {
     --tw-font-weight: var(--font-weight-bold);
     font-weight: var(--font-weight-bold);
@@ -5044,6 +5569,10 @@
     letter-spacing: var(--tracking-wide);
   }
 
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .break-words {
+    overflow-wrap: break-word;
+  }
+
   :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .break-all {
     word-break: break-all;
   }
@@ -5072,10 +5601,30 @@
     }
   }
 
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .text-\[var\(--cairn-error-ink\)\] {
+    color: var(--cairn-error-ink);
+  }
+
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .text-\[var\(--cairn-warning-ink\)\] {
+    color: var(--cairn-warning-ink);
+  }
+
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .text-\[var\(--color-accent\)\] {
+    color: var(--color-accent);
+  }
+
   :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .text-\[var\(--color-muted\)\] {
     color: var(--color-muted);
   }
 
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .text-\[var\(--color-positive-ink\)\] {
+    color: var(--color-positive-ink);
+  }
+
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .text-\[var\(--color-primary\)\] {
+    color: var(--color-primary);
+  }
+
   :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .text-\[var\(--color-subtle\)\] {
     color: var(--color-subtle);
   }
@@ -5168,7 +5717,7 @@
     }
   }
 
-  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .\[text-underline-offset\:2px\] {
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .\[text-underline-offset\:2px\], :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .underline-offset-2 {
     text-underline-offset: 2px;
   }
 
@@ -5196,6 +5745,10 @@
     opacity: .7;
   }
 
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .opacity-80 {
+    opacity: .8;
+  }
+
   :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .opacity-\[0\.62\] {
     opacity: .62;
   }
@@ -5220,6 +5773,21 @@
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .ring-2 {
+    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .ring-primary\/70 {
+    --tw-ring-color: var(--color-primary);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .ring-primary\/70 {
+      --tw-ring-color: color-mix(in oklab, var(--color-primary) 70%, transparent);
+    }
+  }
+
   :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .outline-hidden {
     --tw-outline-style: none;
     outline-style: none;
@@ -5271,6 +5839,10 @@
     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, );
   }
 
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .backdrop-filter {
+    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, );
+  }
+
   :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .transition {
     transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -5301,11 +5873,22 @@
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
 
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .transition-shadow {
+    transition-property: box-shadow;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+
   :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .duration-300 {
     --tw-duration: .3s;
     transition-duration: .3s;
   }
 
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .ease-in-out {
+    --tw-ease: var(--ease-in-out);
+    transition-timing-function: var(--ease-in-out);
+  }
+
   @layer daisyui.l1 {
     :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .btn-outline:not(.btn-active, :hover, :active:focus, :focus-visible, input:checked:not(.filter .btn), :disabled, [disabled], .btn-disabled) {
       --btn-shadow: "";
@@ -5326,6 +5909,70 @@
     }
   }
 
+  @layer daisyui.l1 {
+    :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .btn-soft:not(.btn-active, :hover, :active:focus, :focus-visible, input:checked:not(.filter .btn), :disabled, [disabled], .btn-disabled) {
+      --btn-shadow: "";
+      --btn-fg: var(--btn-color, var(--color-base-content));
+      --btn-bg: var(--btn-color, var(--color-base-content));
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .btn-soft:not(.btn-active, :hover, :active:focus, :focus-visible, input:checked:not(.filter .btn), :disabled, [disabled], .btn-disabled) {
+        --btn-bg: color-mix(in oklab,
+        var(--btn-color, var(--color-base-content)) 8%,
+        var(--color-base-100));
+      }
+    }
+
+    :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .btn-soft:not(.btn-active, :hover, :active:focus, :focus-visible, input:checked:not(.filter .btn), :disabled, [disabled], .btn-disabled) {
+      --btn-border: var(--btn-color, var(--color-base-content));
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .btn-soft:not(.btn-active, :hover, :active:focus, :focus-visible, input:checked:not(.filter .btn), :disabled, [disabled], .btn-disabled) {
+        --btn-border: color-mix(in oklab,
+        var(--btn-color, var(--color-base-content)) 10%,
+        var(--color-base-100));
+      }
+    }
+
+    :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .btn-soft:not(.btn-active, :hover, :active:focus, :focus-visible, input:checked:not(.filter .btn), :disabled, [disabled], .btn-disabled) {
+      --btn-noise: none;
+    }
+
+    @media (hover: none) {
+      :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .btn-soft:not(.btn-active, :active, :focus-visible, input:checked:not(.filter .btn)):hover {
+        --btn-shadow: "";
+        --btn-fg: var(--btn-color, var(--color-base-content));
+        --btn-bg: var(--btn-color, var(--color-base-content));
+      }
+
+      @supports (color: color-mix(in lab, red, red)) {
+        :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .btn-soft:not(.btn-active, :active, :focus-visible, input:checked:not(.filter .btn)):hover {
+          --btn-bg: color-mix(in oklab,
+          var(--btn-color, var(--color-base-content)) 8%,
+          var(--color-base-100));
+        }
+      }
+
+      :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .btn-soft:not(.btn-active, :active, :focus-visible, input:checked:not(.filter .btn)):hover {
+        --btn-border: var(--btn-color, var(--color-base-content));
+      }
+
+      @supports (color: color-mix(in lab, red, red)) {
+        :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .btn-soft:not(.btn-active, :active, :focus-visible, input:checked:not(.filter .btn)):hover {
+          --btn-border: color-mix(in oklab,
+          var(--btn-color, var(--color-base-content)) 10%,
+          var(--color-base-100));
+        }
+      }
+
+      :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .btn-soft:not(.btn-active, :active, :focus-visible, input:checked:not(.filter .btn)):hover {
+        --btn-noise: none;
+      }
+    }
+  }
+
   @layer daisyui.l1.l2 {
     :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .btn-sm {
       --fontsize: .75rem;
@@ -5384,6 +6031,11 @@
     }
   }
 
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .outline-none {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+
   :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .select-none {
     -webkit-user-select: none;
     user-select: none;
@@ -5403,6 +6055,54 @@
     margin-top: calc(var(--spacing) * 0);
   }
 
+  @media (hover: hover) {
+    :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .hover\:border-\[color-mix\(in_oklab\,var\(--color-primary\)_45\%\,transparent\)\]:hover {
+      border-color: var(--color-primary);
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .hover\:border-\[color-mix\(in_oklab\,var\(--color-primary\)_45\%\,transparent\)\]:hover {
+        border-color: color-mix(in oklab,var(--color-primary) 45%,transparent);
+      }
+    }
+  }
+
+  @media (hover: hover) {
+    :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .hover\:border-primary\/40:hover {
+      border-color: var(--color-primary);
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .hover\:border-primary\/40:hover {
+        border-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
+      }
+    }
+  }
+
+  @media (hover: hover) {
+    :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .hover\:bg-\[color-mix\(in_oklab\,var\(--color-primary\)_4\%\,transparent\)\]:hover {
+      background-color: var(--color-primary);
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .hover\:bg-\[color-mix\(in_oklab\,var\(--color-primary\)_4\%\,transparent\)\]:hover {
+        background-color: color-mix(in oklab,var(--color-primary) 4%,transparent);
+      }
+    }
+  }
+
+  @media (hover: hover) {
+    :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .hover\:bg-\[var\(--cairn-error-ink\)\]\/10:hover {
+      background-color: var(--cairn-error-ink);
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .hover\:bg-\[var\(--cairn-error-ink\)\]\/10:hover {
+        background-color: color-mix(in oklab, var(--cairn-error-ink) 10%, transparent);
+      }
+    }
+  }
+
   @media (hover: hover) {
     :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .hover\:bg-base-200:hover {
       background-color: var(--color-base-200);
@@ -5421,6 +6121,18 @@
     }
   }
 
+  @media (hover: hover) {
+    :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .hover\:bg-base-content\/\[0\.04\]:hover {
+      background-color: var(--color-base-content);
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .hover\:bg-base-content\/\[0\.04\]:hover {
+        background-color: color-mix(in oklab, var(--color-base-content) 4%, transparent);
+      }
+    }
+  }
+
   @media (hover: hover) {
     :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .hover\:bg-base-content\/\[0\.05\]:hover {
       background-color: var(--color-base-content);
@@ -5493,12 +6205,81 @@
     }
   }
 
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .focus-visible\:border-\[color-mix\(in_oklab\,var\(--color-primary\)_70\%\,transparent\)\]:focus-visible {
+    border-color: var(--color-primary);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .focus-visible\:border-\[color-mix\(in_oklab\,var\(--color-primary\)_70\%\,transparent\)\]:focus-visible {
+      border-color: color-mix(in oklab,var(--color-primary) 70%,transparent);
+    }
+  }
+
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .focus-visible\:ring-1:focus-visible {
+    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .focus-visible\:ring-2:focus-visible {
+    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .focus-visible\:ring-\[color-mix\(in_oklab\,var\(--color-primary\)_70\%\,transparent\)\]:focus-visible {
+    --tw-ring-color: var(--color-primary);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .focus-visible\:ring-\[color-mix\(in_oklab\,var\(--color-primary\)_70\%\,transparent\)\]:focus-visible {
+      --tw-ring-color: color-mix(in oklab,var(--color-primary) 70%,transparent);
+    }
+  }
+
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .focus-visible\:ring-primary\/70:focus-visible {
+    --tw-ring-color: var(--color-primary);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .focus-visible\:ring-primary\/70:focus-visible {
+      --tw-ring-color: color-mix(in oklab, var(--color-primary) 70%, transparent);
+    }
+  }
+
+  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .focus-visible\:outline-none:focus-visible {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+
   @media (prefers-reduced-motion: reduce) {
     :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .motion-reduce\:animate-none {
       animation: none;
     }
   }
 
+  @media (width >= 40rem) {
+    :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .sm\:inset-x-auto {
+      inset-inline: auto;
+    }
+  }
+
+  @media (width >= 40rem) {
+    :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .sm\:top-16 {
+      top: calc(var(--spacing) * 16);
+    }
+  }
+
+  @media (width >= 40rem) {
+    :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .sm\:right-0 {
+      right: calc(var(--spacing) * 0);
+    }
+  }
+
+  @media (width >= 40rem) {
+    :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .sm\:bottom-0 {
+      bottom: calc(var(--spacing) * 0);
+    }
+  }
+
   @media (width >= 40rem) {
     :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .sm\:mt-\[12vh\] {
       margin-top: 12vh;
@@ -5523,6 +6304,18 @@
     }
   }
 
+  @media (width >= 40rem) {
+    :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .sm\:max-h-none {
+      max-height: none;
+    }
+  }
+
+  @media (width >= 40rem) {
+    :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .sm\:w-\[22rem\] {
+      width: 22rem;
+    }
+  }
+
   @media (width >= 40rem) {
     :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .sm\:max-w-xs {
       max-width: var(--container-xs);
@@ -5541,6 +6334,12 @@
     }
   }
 
+  @media (width >= 40rem) {
+    :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .sm\:grid-cols-3 {
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+    }
+  }
+
   @media (width >= 40rem) {
     :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .sm\:grid-cols-\[1fr_1fr_auto_auto\] {
       grid-template-columns: 1fr 1fr auto auto;
@@ -5571,6 +6370,12 @@
     }
   }
 
+  @media (width >= 40rem) {
+    :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .sm\:items-start {
+      align-items: flex-start;
+    }
+  }
+
   @media (width >= 40rem) {
     :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .sm\:justify-between {
       justify-content: space-between;
@@ -5583,6 +6388,27 @@
     }
   }
 
+  @media (width >= 40rem) {
+    :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .sm\:rounded-t-none {
+      border-top-left-radius: 0;
+      border-top-right-radius: 0;
+    }
+  }
+
+  @media (width >= 40rem) {
+    :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .sm\:border-t-0 {
+      border-top-style: var(--tw-border-style);
+      border-top-width: 0;
+    }
+  }
+
+  @media (width >= 40rem) {
+    :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .sm\:border-l {
+      border-left-style: var(--tw-border-style);
+      border-left-width: 1px;
+    }
+  }
+
   @media (width >= 64rem) {
     @layer daisyui.l1.l2.l3 {
       :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .lg\:drawer-open > .drawer-toggle:checked ~ .drawer-side {
@@ -5677,6 +6503,12 @@
     }
   }
 
+  @media (width >= 64rem) {
+    :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .lg\:grid-cols-4 {
+      grid-template-columns: repeat(4, minmax(0, 1fr));
+    }
+  }
+
   @media (width >= 64rem) {
     :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .lg\:grid-cols-\[1fr_17rem\] {
       grid-template-columns: 1fr 17rem;
@@ -5791,8 +6623,13 @@
   --color-success-content: oklch(98% .012 150);
   --color-warning: oklch(75% .15 70);
   --color-warning-content: oklch(26% .05 70);
+  --cairn-warning-ink: oklch(50% .13 70);
+  --color-positive-ink: oklch(48% .12 150);
   --color-error: oklch(56% .2 25);
   --color-error-content: oklch(98% .012 25);
+  --cairn-error-ink: oklch(50% .19 25);
+  --cairn-error-tint: oklch(96% .03 25);
+  --cairn-error-border: oklch(85% .06 25);
   --color-muted: oklch(48% .01 75);
   --color-subtle: oklch(42% .01 75);
   --radius-selector: .5rem;
@@ -5846,8 +6683,13 @@
   --color-success-content: oklch(20% .04 150);
   --color-warning: oklch(80% .14 70);
   --color-warning-content: oklch(24% .05 70);
+  --cairn-warning-ink: oklch(80% .14 70);
+  --color-positive-ink: oklch(78% .12 150);
   --color-error: oklch(70% .18 25);
   --color-error-content: oklch(20% .04 25);
+  --cairn-error-ink: oklch(78% .15 25);
+  --cairn-error-tint: oklch(28% .06 25);
+  --cairn-error-border: oklch(40% .09 25);
   --color-muted: oklch(72% .01 75);
   --color-subtle: oklch(80% .008 75);
   --radius-selector: .5rem;
@@ -6240,11 +7082,61 @@
   inherits: false
 }
 
+@property --tw-backdrop-blur {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-backdrop-brightness {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-backdrop-contrast {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-backdrop-grayscale {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-backdrop-hue-rotate {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-backdrop-invert {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-backdrop-opacity {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-backdrop-saturate {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-backdrop-sepia {
+  syntax: "*";
+  inherits: false
+}
+
 @property --tw-duration {
   syntax: "*";
   inherits: false
 }
 
+@property --tw-ease {
+  syntax: "*";
+  inherits: false
+}
+
 @property --tw-translate-x {
   syntax: "*";
   inherits: false;