/* [project]/app/pretendard_a9ee290e.module.css [app-client] (css) */
@font-face {
  font-family: pretendard;
  src: url("../media/PretendardVariable-s.p.0ztvx5mb7lxp4.woff2") format("woff2");
  font-display: swap;
  font-weight: 100 900;
}

@font-face {
  font-family: pretendard Fallback;
  src: local(Arial);
  ascent-override: 93.76%;
  descent-override: 23.75%;
  line-gap-override: 0.0%;
  size-adjust: 101.55%;
}

.pretendard_a9ee290e-module__GG6kiG__className {
  font-family: pretendard, pretendard Fallback;
}

.pretendard_a9ee290e-module__GG6kiG__variable {
  --font-pretendard: "pretendard", "pretendard Fallback";
}

/* [project]/app/globals.css [app-client] (css) */
*, :before, :after, ::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #3b82f680;
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

*, :before, :after {
  box-sizing: border-box;
  border: 0 solid #e5e7eb;
}

:before, :after {
  --tw-content: "";
}

html, :host {
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
  font-feature-settings: normal;
  font-variation-settings: normal;
  -webkit-tap-highlight-color: transparent;
  font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  line-height: 1.5;
}

body {
  line-height: inherit;
  margin: 0;
}

hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
}

a {
  color: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
}

b, strong {
  font-weight: bolder;
}

code, kbd, samp, pre {
  font-feature-settings: normal;
  font-variation-settings: normal;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub, sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}

button, input, optgroup, select, textarea {
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-family: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}

button, select {
  text-transform: none;
}

button, input:where([type="button"]), input:where([type="reset"]), input:where([type="submit"]) {
  -webkit-appearance: button;
  background-color: #0000;
  background-image: none;
}

:-moz-focusring {
  outline: auto;
}

:-moz-ui-invalid {
  box-shadow: none;
}

progress {
  vertical-align: baseline;
}

::-webkit-inner-spin-button {
  height: auto;
}

::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

summary {
  display: list-item;
}

blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol, ul, menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

dialog {
  padding: 0;
}

textarea {
  resize: vertical;
}

input::-moz-placeholder {
  opacity: 1;
  color: #9ca3af;
}

textarea::-moz-placeholder {
  opacity: 1;
  color: #9ca3af;
}

input::placeholder, textarea::placeholder {
  opacity: 1;
  color: #9ca3af;
}

button, [role="button"] {
  cursor: pointer;
}

:disabled {
  cursor: default;
}

img, svg, video, canvas, audio, iframe, embed, object {
  vertical-align: middle;
  display: block;
}

img, video {
  max-width: 100%;
  height: auto;
}

[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}

.\!container {
  width: 100% !important;
}

.container {
  width: 100%;
}

@media (min-width: 640px) {
  .\!container {
    max-width: 640px !important;
  }

  .container {
    max-width: 640px;
  }
}

@media (min-width: 768px) {
  .\!container {
    max-width: 768px !important;
  }

  .container {
    max-width: 768px;
  }
}

@media (min-width: 1024px) {
  .\!container {
    max-width: 1024px !important;
  }

  .container {
    max-width: 1024px;
  }
}

@media (min-width: 1280px) {
  .\!container {
    max-width: 1280px !important;
  }

  .container {
    max-width: 1280px;
  }
}

@media (min-width: 1536px) {
  .\!container {
    max-width: 1536px !important;
  }

  .container {
    max-width: 1536px;
  }
}

.sr-only {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.pointer-events-none {
  pointer-events: none;
}

.pointer-events-auto {
  pointer-events: auto;
}

.visible {
  visibility: visible;
}

.static {
  position: static;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.sticky {
  position: sticky;
}

.inset-0 {
  inset: 0;
}

.inset-y-0 {
  top: 0;
  bottom: 0;
}

.inset-y-3 {
  top: .75rem;
  bottom: .75rem;
}

.bottom-0 {
  bottom: 0;
}

.bottom-1 {
  bottom: .25rem;
}

.bottom-full {
  bottom: 100%;
}

.left-0 {
  left: 0;
}

.left-1 {
  left: .25rem;
}

.left-2 {
  left: .5rem;
}

.left-20 {
  left: 5rem;
}

.left-3 {
  left: .75rem;
}

.left-60 {
  left: 15rem;
}

.right-0 {
  right: 0;
}

.right-1\.5 {
  right: .375rem;
}

.right-2 {
  right: .5rem;
}

.right-3 {
  right: .75rem;
}

.top-0 {
  top: 0;
}

.top-1 {
  top: .25rem;
}

.top-1\.5 {
  top: .375rem;
}

.top-1\/2 {
  top: 50%;
}

.top-2 {
  top: .5rem;
}

.top-3 {
  top: .75rem;
}

.top-\[31px\] {
  top: 31px;
}

.top-\[var\(--mobile-header-height\,0px\)\] {
  top: var(--mobile-header-height, 0px);
}

.top-full {
  top: 100%;
}

.isolate {
  isolation: isolate;
}

.z-0 {
  z-index: 0;
}

.z-10 {
  z-index: 10;
}

.z-20 {
  z-index: 20;
}

.z-30 {
  z-index: 30;
}

.z-40 {
  z-index: 40;
}

.z-50 {
  z-index: 50;
}

.z-\[100\] {
  z-index: 100;
}

.z-\[11000\] {
  z-index: 11000;
}

.z-\[110\] {
  z-index: 110;
}

.z-\[120\] {
  z-index: 120;
}

.z-\[1\] {
  z-index: 1;
}

.z-\[60\] {
  z-index: 60;
}

.z-\[70\] {
  z-index: 70;
}

.z-\[80\] {
  z-index: 80;
}

.z-\[90\] {
  z-index: 90;
}

.z-\[9999\] {
  z-index: 9999;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.col-span-2 {
  grid-column: span 2 / span 2;
}

.col-span-3 {
  grid-column: span 3 / span 3;
}

.col-span-6 {
  grid-column: span 6 / span 6;
}

.col-span-full {
  grid-column: 1 / -1;
}

.row-span-2 {
  grid-row: span 2 / span 2;
}

.float-right {
  float: right;
}

.m-3 {
  margin: .75rem;
}

.m-4 {
  margin: 1rem;
}

.-mx-3 {
  margin-left: -.75rem;
  margin-right: -.75rem;
}

.mx-3 {
  margin-left: .75rem;
  margin-right: .75rem;
}

.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.mb-1 {
  margin-bottom: .25rem;
}

.mb-1\.5 {
  margin-bottom: .375rem;
}

.mb-2 {
  margin-bottom: .5rem;
}

.mb-3 {
  margin-bottom: .75rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.ml-1 {
  margin-left: .25rem;
}

.ml-2 {
  margin-left: .5rem;
}

.ml-3 {
  margin-left: .75rem;
}

.ml-auto {
  margin-left: auto;
}

.mr-1 {
  margin-right: .25rem;
}

.mr-2 {
  margin-right: .5rem;
}

.mt-0 {
  margin-top: 0;
}

.mt-0\.5 {
  margin-top: .125rem;
}

.mt-1 {
  margin-top: .25rem;
}

.mt-1\.5 {
  margin-top: .375rem;
}

.mt-2 {
  margin-top: .5rem;
}

.mt-2\.5 {
  margin-top: .625rem;
}

.mt-3 {
  margin-top: .75rem;
}

.mt-4 {
  margin-top: 1rem;
}

.mt-5 {
  margin-top: 1.25rem;
}

.mt-6 {
  margin-top: 1.5rem;
}

.mt-auto {
  margin-top: auto;
}

.line-clamp-1 {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.line-clamp-2 {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.line-clamp-3 {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.line-clamp-6 {
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.inline {
  display: inline;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.\!table {
  display: table !important;
}

.table {
  display: table;
}

.grid {
  display: grid;
}

.hidden {
  display: none;
}

.aspect-square {
  aspect-ratio: 1;
}

.h-1 {
  height: .25rem;
}

.h-1\.5 {
  height: .375rem;
}

.h-10 {
  height: 2.5rem;
}

.h-12 {
  height: 3rem;
}

.h-16 {
  height: 4rem;
}

.h-2 {
  height: .5rem;
}

.h-2\.5 {
  height: .625rem;
}

.h-24 {
  height: 6rem;
}

.h-3 {
  height: .75rem;
}

.h-3\.5 {
  height: .875rem;
}

.h-4 {
  height: 1rem;
}

.h-48 {
  height: 12rem;
}

.h-5 {
  height: 1.25rem;
}

.h-6 {
  height: 1.5rem;
}

.h-7 {
  height: 1.75rem;
}

.h-8 {
  height: 2rem;
}

.h-9 {
  height: 2.25rem;
}

.h-\[100dvh\] {
  height: 100dvh;
}

.h-\[18px\] {
  height: 18px;
}

.h-\[22\.5rem\] {
  height: 22.5rem;
}

.h-\[94vh\] {
  height: 94vh;
}

.h-\[min\(92dvh\,calc\(100dvh-3rem\)\)\] {
  height: min(92dvh, 100dvh - 3rem);
}

.h-\[min\(92vh\,calc\(100vh-3rem\)\)\] {
  height: min(92vh, 100vh - 3rem);
}

.h-full {
  height: 100%;
}

.h-screen {
  height: 100vh;
}

.max-h-0 {
  max-height: 0;
}

.max-h-10 {
  max-height: 2.5rem;
}

.max-h-14 {
  max-height: 3.5rem;
}

.max-h-32 {
  max-height: 8rem;
}

.max-h-36 {
  max-height: 9rem;
}

.max-h-40 {
  max-height: 10rem;
}

.max-h-48 {
  max-height: 12rem;
}

.max-h-52 {
  max-height: 13rem;
}

.max-h-56 {
  max-height: 14rem;
}

.max-h-64 {
  max-height: 16rem;
}

.max-h-72 {
  max-height: 18rem;
}

.max-h-80 {
  max-height: 20rem;
}

.max-h-96 {
  max-height: 24rem;
}

.max-h-\[1200px\] {
  max-height: 1200px;
}

.max-h-\[3\.75rem\] {
  max-height: 3.75rem;
}

.max-h-\[34rem\] {
  max-height: 34rem;
}

.max-h-\[36rem\] {
  max-height: 36rem;
}

.max-h-\[420px\] {
  max-height: 420px;
}

.max-h-\[500px\] {
  max-height: 500px;
}

.max-h-\[520px\] {
  max-height: 520px;
}

.max-h-\[560px\] {
  max-height: 560px;
}

.max-h-\[60vh\] {
  max-height: 60vh;
}

.max-h-\[620px\] {
  max-height: 620px;
}

.max-h-\[70vh\] {
  max-height: 70vh;
}

.max-h-\[85vh\] {
  max-height: 85vh;
}

.max-h-\[86vh\] {
  max-height: 86vh;
}

.max-h-\[88dvh\] {
  max-height: 88dvh;
}

.max-h-\[88vh\] {
  max-height: 88vh;
}

.max-h-\[900px\] {
  max-height: 900px;
}

.max-h-\[90vh\] {
  max-height: 90vh;
}

.max-h-\[92vh\] {
  max-height: 92vh;
}

.max-h-\[94dvh\] {
  max-height: 94dvh;
}

.max-h-\[94vh\] {
  max-height: 94vh;
}

.max-h-\[calc\(100dvh-1rem\)\] {
  max-height: calc(100dvh - 1rem);
}

.max-h-\[calc\(100vh-2rem\)\] {
  max-height: calc(100vh - 2rem);
}

.max-h-\[min\(780px\,calc\(100vh-2rem\)\)\] {
  max-height: min(780px, 100vh - 2rem);
}

.max-h-\[min\(820px\,calc\(100vh-2rem\)\)\] {
  max-height: min(820px, 100vh - 2rem);
}

.max-h-\[min\(860px\,calc\(100vh-2rem\)\)\] {
  max-height: min(860px, 100vh - 2rem);
}

.max-h-\[min\(900px\,calc\(100vh-2rem\)\)\] {
  max-height: min(900px, 100vh - 2rem);
}

.max-h-\[min\(92vh\,calc\(100vh-3rem\)\)\] {
  max-height: min(92vh, 100vh - 3rem);
}

.min-h-0 {
  min-height: 0;
}

.min-h-10 {
  min-height: 2.5rem;
}

.min-h-11 {
  min-height: 2.75rem;
}

.min-h-12 {
  min-height: 3rem;
}

.min-h-16 {
  min-height: 4rem;
}

.min-h-20 {
  min-height: 5rem;
}

.min-h-24 {
  min-height: 6rem;
}

.min-h-28 {
  min-height: 7rem;
}

.min-h-32 {
  min-height: 8rem;
}

.min-h-36 {
  min-height: 9rem;
}

.min-h-40 {
  min-height: 10rem;
}

.min-h-48 {
  min-height: 12rem;
}

.min-h-7 {
  min-height: 1.75rem;
}

.min-h-8 {
  min-height: 2rem;
}

.min-h-9 {
  min-height: 2.25rem;
}

.min-h-\[132px\] {
  min-height: 132px;
}

.min-h-\[22\.5rem\] {
  min-height: 22.5rem;
}

.min-h-\[520px\] {
  min-height: 520px;
}

.min-h-full {
  min-height: 100%;
}

.min-h-screen {
  min-height: 100vh;
}

.w-1 {
  width: .25rem;
}

.w-1\.5 {
  width: .375rem;
}

.w-10 {
  width: 2.5rem;
}

.w-14 {
  width: 3.5rem;
}

.w-16 {
  width: 4rem;
}

.w-2\.5 {
  width: .625rem;
}

.w-20 {
  width: 5rem;
}

.w-24 {
  width: 6rem;
}

.w-28 {
  width: 7rem;
}

.w-3 {
  width: .75rem;
}

.w-3\.5 {
  width: .875rem;
}

.w-36 {
  width: 9rem;
}

.w-4 {
  width: 1rem;
}

.w-40 {
  width: 10rem;
}

.w-48 {
  width: 12rem;
}

.w-5 {
  width: 1.25rem;
}

.w-52 {
  width: 13rem;
}

.w-56 {
  width: 14rem;
}

.w-6 {
  width: 1.5rem;
}

.w-7 {
  width: 1.75rem;
}

.w-72 {
  width: 18rem;
}

.w-8 {
  width: 2rem;
}

.w-9 {
  width: 2.25rem;
}

.w-\[10\%\] {
  width: 10%;
}

.w-\[104px\] {
  width: 104px;
}

.w-\[11\%\] {
  width: 11%;
}

.w-\[116px\] {
  width: 116px;
}

.w-\[1184px\] {
  width: 1184px;
}

.w-\[12\%\] {
  width: 12%;
}

.w-\[13\%\] {
  width: 13%;
}

.w-\[14\%\] {
  width: 14%;
}

.w-\[15\%\] {
  width: 15%;
}

.w-\[15\.5\%\] {
  width: 15.5%;
}

.w-\[150px\] {
  width: 150px;
}

.w-\[16\%\] {
  width: 16%;
}

.w-\[18\%\] {
  width: 18%;
}

.w-\[180px\] {
  width: 180px;
}

.w-\[18px\] {
  width: 18px;
}

.w-\[19\%\] {
  width: 19%;
}

.w-\[25\%\] {
  width: 25%;
}

.w-\[262px\] {
  width: 262px;
}

.w-\[40\%\] {
  width: 40%;
}

.w-\[5\%\] {
  width: 5%;
}

.w-\[5\.5\%\] {
  width: 5.5%;
}

.w-\[56px\] {
  width: 56px;
}

.w-\[68px\] {
  width: 68px;
}

.w-\[7\%\] {
  width: 7%;
}

.w-\[76px\] {
  width: 76px;
}

.w-\[84px\] {
  width: 84px;
}

.w-\[96vw\] {
  width: 96vw;
}

.w-\[calc\(100\%-1rem\)\] {
  width: calc(100% - 1rem);
}

.w-auto {
  width: auto;
}

.w-fit {
  width: fit-content;
}

.w-full {
  width: 100%;
}

.w-screen {
  width: 100vw;
}

.min-w-0 {
  min-width: 0;
}

.min-w-28 {
  min-width: 7rem;
}

.min-w-40 {
  min-width: 10rem;
}

.min-w-44 {
  min-width: 11rem;
}

.min-w-48 {
  min-width: 12rem;
}

.min-w-56 {
  min-width: 14rem;
}

.min-w-64 {
  min-width: 16rem;
}

.min-w-72 {
  min-width: 18rem;
}

.min-w-\[1120px\] {
  min-width: 1120px;
}

.min-w-\[1180px\] {
  min-width: 1180px;
}

.min-w-\[1200px\] {
  min-width: 1200px;
}

.min-w-\[220px\] {
  min-width: 220px;
}

.min-w-\[44px\] {
  min-width: 44px;
}

.min-w-\[54px\] {
  min-width: 54px;
}

.min-w-\[560px\] {
  min-width: 560px;
}

.min-w-\[72px\] {
  min-width: 72px;
}

.min-w-\[760px\] {
  min-width: 760px;
}

.min-w-\[850px\] {
  min-width: 850px;
}

.min-w-\[860px\] {
  min-width: 860px;
}

.min-w-\[900px\] {
  min-width: 900px;
}

.min-w-\[920px\] {
  min-width: 920px;
}

.min-w-\[980px\] {
  min-width: 980px;
}

.min-w-full {
  min-width: 100%;
}

.min-w-max {
  min-width: max-content;
}

.max-w-2xl {
  max-width: 42rem;
}

.max-w-3xl {
  max-width: 48rem;
}

.max-w-48 {
  max-width: 12rem;
}

.max-w-4xl {
  max-width: 56rem;
}

.max-w-52 {
  max-width: 13rem;
}

.max-w-56 {
  max-width: 14rem;
}

.max-w-5xl {
  max-width: 64rem;
}

.max-w-64 {
  max-width: 16rem;
}

.max-w-6xl {
  max-width: 72rem;
}

.max-w-72 {
  max-width: 18rem;
}

.max-w-7xl {
  max-width: 80rem;
}

.max-w-80 {
  max-width: 20rem;
}

.max-w-96 {
  max-width: 24rem;
}

.max-w-\[10\.5rem\] {
  max-width: 10.5rem;
}

.max-w-\[120px\] {
  max-width: 120px;
}

.max-w-\[1440px\] {
  max-width: 1440px;
}

.max-w-\[160px\] {
  max-width: 160px;
}

.max-w-\[1760px\] {
  max-width: 1760px;
}

.max-w-\[180px\] {
  max-width: 180px;
}

.max-w-\[220px\] {
  max-width: 220px;
}

.max-w-\[260px\] {
  max-width: 260px;
}

.max-w-\[4\.75rem\] {
  max-width: 4.75rem;
}

.max-w-\[65\%\] {
  max-width: 65%;
}

.max-w-\[920px\] {
  max-width: 920px;
}

.max-w-\[calc\(100vw-3rem\)\] {
  max-width: calc(100vw - 3rem);
}

.max-w-\[min\(1440px\,calc\(100vw-1\.5rem\)\)\] {
  max-width: min(1440px, 100vw - 1.5rem);
}

.max-w-full {
  max-width: 100%;
}

.max-w-lg {
  max-width: 32rem;
}

.max-w-md {
  max-width: 28rem;
}

.max-w-none {
  max-width: none;
}

.max-w-sm {
  max-width: 24rem;
}

.max-w-xl {
  max-width: 36rem;
}

.max-w-xs {
  max-width: 20rem;
}

.flex-1 {
  flex: 1;
}

.flex-none {
  flex: none;
}

.shrink-0 {
  flex-shrink: 0;
}

.table-fixed {
  table-layout: fixed;
}

.-translate-y-1 {
  --tw-translate-y: -.25rem;
  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));
}

.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  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));
}

.-translate-y-full {
  --tw-translate-y: -100%;
  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));
}

.translate-y-0 {
  --tw-translate-y: 0px;
  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));
}

.rotate-180 {
  --tw-rotate: 180deg;
  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));
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

.animate-pulse {
  animation: 2s cubic-bezier(.4, 0, .6, 1) infinite pulse;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.animate-spin {
  animation: 1s linear infinite spin;
}

.cursor-help {
  cursor: help;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

.cursor-pointer {
  cursor: pointer;
}

.select-none {
  -webkit-user-select: none;
  user-select: none;
}

.resize-y {
  resize: vertical;
}

.resize {
  resize: both;
}

.scroll-mt-24 {
  scroll-margin-top: 6rem;
}

.list-disc {
  list-style-type: disc;
}

.list-none {
  list-style-type: none;
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.grid-cols-\[2\.75rem_minmax\(0\,1fr\)\] {
  grid-template-columns: 2.75rem minmax(0, 1fr);
}

.grid-cols-\[3rem_minmax\(0\,1fr\)\] {
  grid-template-columns: 3rem minmax(0, 1fr);
}

.grid-cols-\[48px_minmax\(0\,1fr\)_minmax\(64px\,max-content\)\] {
  grid-template-columns: 48px minmax(0, 1fr) minmax(64px, max-content);
}

.grid-cols-\[4rem_1fr\] {
  grid-template-columns: 4rem 1fr;
}

.grid-cols-\[5rem_minmax\(0\,1fr\)\] {
  grid-template-columns: 5rem minmax(0, 1fr);
}

.grid-cols-\[auto_minmax\(0\,1fr\)\] {
  grid-template-columns: auto minmax(0, 1fr);
}

.grid-cols-\[minmax\(0\,1fr\)_auto\] {
  grid-template-columns: minmax(0, 1fr) auto;
}

.grid-cols-\[repeat\(auto-fill\,minmax\(96px\,1fr\)\)\] {
  grid-template-columns: repeat(auto-fill, minmax(96px, 1fr));
}

.grid-cols-\[repeat\(auto-fit\,minmax\(150px\,1fr\)\)\] {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.grid-rows-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr));
}

.grid-rows-\[auto_minmax\(0\,1fr\)\] {
  grid-template-rows: auto minmax(0, 1fr);
}

.flex-col {
  flex-direction: column;
}

.flex-col-reverse {
  flex-direction: column-reverse;
}

.flex-wrap {
  flex-wrap: wrap;
}

.items-start {
  align-items: flex-start;
}

.items-end {
  align-items: flex-end;
}

.items-center {
  align-items: center;
}

.items-baseline {
  align-items: baseline;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.gap-0\.5 {
  gap: .125rem;
}

.gap-1 {
  gap: .25rem;
}

.gap-1\.5 {
  gap: .375rem;
}

.gap-2 {
  gap: .5rem;
}

.gap-2\.5 {
  gap: .625rem;
}

.gap-3 {
  gap: .75rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-5 {
  gap: 1.25rem;
}

.gap-6 {
  gap: 1.5rem;
}

.gap-\[5px\] {
  gap: 5px;
}

.gap-x-1 {
  -moz-column-gap: .25rem;
  column-gap: .25rem;
}

.gap-x-1\.5 {
  -moz-column-gap: .375rem;
  column-gap: .375rem;
}

.gap-x-2 {
  -moz-column-gap: .5rem;
  column-gap: .5rem;
}

.gap-x-3 {
  -moz-column-gap: .75rem;
  column-gap: .75rem;
}

.gap-x-4 {
  -moz-column-gap: 1rem;
  column-gap: 1rem;
}

.gap-y-0\.5 {
  row-gap: .125rem;
}

.gap-y-1 {
  row-gap: .25rem;
}

.gap-y-1\.5 {
  row-gap: .375rem;
}

.gap-y-2 {
  row-gap: .5rem;
}

.space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(.5rem * var(--tw-space-x-reverse));
  margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.125rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.125rem * var(--tw-space-y-reverse));
}

.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.25rem * var(--tw-space-y-reverse));
}

.space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.375rem * var(--tw-space-y-reverse));
}

.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.5rem * var(--tw-space-y-reverse));
}

.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.75rem * var(--tw-space-y-reverse));
}

.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

.space-y-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}

.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}

.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}

.divide-slate-100 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-divide-opacity, 1));
}

.divide-slate-100\/90 > :not([hidden]) ~ :not([hidden]) {
  border-color: #f1f5f9e6;
}

.divide-slate-200 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-divide-opacity, 1));
}

.self-start {
  align-self: flex-start;
}

.self-end {
  align-self: flex-end;
}

.self-center {
  align-self: center;
}

.justify-self-end {
  justify-self: end;
}

.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-visible {
  overflow: visible;
}

.overflow-x-auto {
  overflow-x: auto;
}

.overflow-y-auto {
  overflow-y: auto;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.overflow-y-hidden {
  overflow-y: hidden;
}

.overflow-y-visible {
  overflow-y: visible;
}

.overscroll-contain {
  overscroll-behavior: contain;
}

.truncate {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.whitespace-normal {
  white-space: normal;
}

.whitespace-nowrap {
  white-space: nowrap;
}

.whitespace-pre-line {
  white-space: pre-line;
}

.whitespace-pre-wrap {
  white-space: pre-wrap;
}

.break-words {
  overflow-wrap: break-word;
}

.break-all {
  word-break: break-all;
}

.break-keep {
  word-break: keep-all;
}

.rounded {
  border-radius: .25rem;
}

.rounded-2xl {
  border-radius: 1rem;
}

.rounded-full {
  border-radius: 9999px;
}

.rounded-lg {
  border-radius: .5rem;
}

.rounded-md {
  border-radius: .375rem;
}

.rounded-sm {
  border-radius: .125rem;
}

.rounded-xl {
  border-radius: .75rem;
}

.rounded-r-full {
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
}

.rounded-t-2xl {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}

.border {
  border-width: 1px;
}

.border-0 {
  border-width: 0;
}

.border-2 {
  border-width: 2px;
}

.border-y {
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.border-b {
  border-bottom-width: 1px;
}

.border-l {
  border-left-width: 1px;
}

.border-l-4 {
  border-left-width: 4px;
}

.border-r {
  border-right-width: 1px;
}

.border-t {
  border-top-width: 1px;
}

.border-t-0 {
  border-top-width: 0;
}

.border-dashed {
  border-style: dashed;
}

.border-amber-200 {
  --tw-border-opacity: 1;
  border-color: rgb(253 230 138 / var(--tw-border-opacity, 1));
}

.border-amber-300 {
  --tw-border-opacity: 1;
  border-color: rgb(252 211 77 / var(--tw-border-opacity, 1));
}

.border-emerald-100 {
  --tw-border-opacity: 1;
  border-color: rgb(209 250 229 / var(--tw-border-opacity, 1));
}

.border-emerald-200 {
  --tw-border-opacity: 1;
  border-color: rgb(167 243 208 / var(--tw-border-opacity, 1));
}

.border-emerald-300 {
  --tw-border-opacity: 1;
  border-color: rgb(110 231 183 / var(--tw-border-opacity, 1));
}

.border-emerald-400 {
  --tw-border-opacity: 1;
  border-color: rgb(52 211 153 / var(--tw-border-opacity, 1));
}

.border-fuchsia-500 {
  --tw-border-opacity: 1;
  border-color: rgb(217 70 239 / var(--tw-border-opacity, 1));
}

.border-indigo-100 {
  --tw-border-opacity: 1;
  border-color: rgb(224 231 255 / var(--tw-border-opacity, 1));
}

.border-indigo-200 {
  --tw-border-opacity: 1;
  border-color: rgb(199 210 254 / var(--tw-border-opacity, 1));
}

.border-indigo-300 {
  --tw-border-opacity: 1;
  border-color: rgb(165 180 252 / var(--tw-border-opacity, 1));
}

.border-indigo-400 {
  --tw-border-opacity: 1;
  border-color: rgb(129 140 248 / var(--tw-border-opacity, 1));
}

.border-rose-100 {
  --tw-border-opacity: 1;
  border-color: rgb(255 228 230 / var(--tw-border-opacity, 1));
}

.border-rose-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 205 211 / var(--tw-border-opacity, 1));
}

.border-rose-300 {
  --tw-border-opacity: 1;
  border-color: rgb(253 164 175 / var(--tw-border-opacity, 1));
}

.border-rose-400 {
  --tw-border-opacity: 1;
  border-color: rgb(251 113 133 / var(--tw-border-opacity, 1));
}

.border-sky-100 {
  --tw-border-opacity: 1;
  border-color: rgb(224 242 254 / var(--tw-border-opacity, 1));
}

.border-sky-200 {
  --tw-border-opacity: 1;
  border-color: rgb(186 230 253 / var(--tw-border-opacity, 1));
}

.border-sky-300 {
  --tw-border-opacity: 1;
  border-color: rgb(125 211 252 / var(--tw-border-opacity, 1));
}

.border-sky-400 {
  --tw-border-opacity: 1;
  border-color: rgb(56 189 248 / var(--tw-border-opacity, 1));
}

.border-sky-500 {
  --tw-border-opacity: 1;
  border-color: rgb(14 165 233 / var(--tw-border-opacity, 1));
}

.border-sky-600 {
  --tw-border-opacity: 1;
  border-color: rgb(2 132 199 / var(--tw-border-opacity, 1));
}

.border-slate-100 {
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity, 1));
}

.border-slate-100\/90 {
  border-color: #f1f5f9e6;
}

.border-slate-200 {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}

.border-slate-300 {
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
}

.border-slate-400 {
  --tw-border-opacity: 1;
  border-color: rgb(148 163 184 / var(--tw-border-opacity, 1));
}

.border-slate-900 {
  --tw-border-opacity: 1;
  border-color: rgb(15 23 42 / var(--tw-border-opacity, 1));
}

.border-slate-950 {
  --tw-border-opacity: 1;
  border-color: rgb(2 6 23 / var(--tw-border-opacity, 1));
}

.border-violet-100 {
  --tw-border-opacity: 1;
  border-color: rgb(237 233 254 / var(--tw-border-opacity, 1));
}

.border-violet-200 {
  --tw-border-opacity: 1;
  border-color: rgb(221 214 254 / var(--tw-border-opacity, 1));
}

.border-violet-300 {
  --tw-border-opacity: 1;
  border-color: rgb(196 181 253 / var(--tw-border-opacity, 1));
}

.border-white {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}

.border-white\/70 {
  border-color: #ffffffb3;
}

.border-white\/80 {
  border-color: #fffc;
}

.border-l-sky-500 {
  --tw-border-opacity: 1;
  border-left-color: rgb(14 165 233 / var(--tw-border-opacity, 1));
}

.bg-\[\#f8f9ff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(248 249 255 / var(--tw-bg-opacity, 1));
}

.bg-amber-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
}

.bg-amber-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(253 230 138 / var(--tw-bg-opacity, 1));
}

.bg-amber-200\/90 {
  background-color: #fde68ae6;
}

.bg-amber-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(252 211 77 / var(--tw-bg-opacity, 1));
}

.bg-amber-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
}

.bg-amber-50\/70 {
  background-color: #fffbebb3;
}

.bg-amber-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(120 53 15 / var(--tw-bg-opacity, 1));
}

.bg-blue-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
}

.bg-emerald-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
}

.bg-emerald-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
}

.bg-emerald-50\/50 {
  background-color: #ecfdf580;
}

.bg-emerald-50\/60 {
  background-color: #ecfdf599;
}

.bg-emerald-50\/70 {
  background-color: #ecfdf5b3;
}

.bg-emerald-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
}

.bg-emerald-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1));
}

.bg-emerald-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(4 120 87 / var(--tw-bg-opacity, 1));
}

.bg-emerald-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(6 95 70 / var(--tw-bg-opacity, 1));
}

.bg-fuchsia-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 232 255 / var(--tw-bg-opacity, 1));
}

.bg-indigo-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(224 231 255 / var(--tw-bg-opacity, 1));
}

.bg-indigo-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / var(--tw-bg-opacity, 1));
}

.bg-indigo-50\/40 {
  background-color: #eef2ff66;
}

.bg-indigo-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(67 56 202 / var(--tw-bg-opacity, 1));
}

.bg-rose-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 228 230 / var(--tw-bg-opacity, 1));
}

.bg-rose-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 205 211 / var(--tw-bg-opacity, 1));
}

.bg-rose-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
}

.bg-rose-50\/40 {
  background-color: #fff1f266;
}

.bg-rose-50\/60 {
  background-color: #fff1f299;
}

.bg-rose-50\/70 {
  background-color: #fff1f2b3;
}

.bg-rose-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(244 63 94 / var(--tw-bg-opacity, 1));
}

.bg-rose-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(190 18 60 / var(--tw-bg-opacity, 1));
}

.bg-sky-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(224 242 254 / var(--tw-bg-opacity, 1));
}

.bg-sky-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(186 230 253 / var(--tw-bg-opacity, 1));
}

.bg-sky-200\/90 {
  background-color: #bae6fde6;
}

.bg-sky-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(125 211 252 / var(--tw-bg-opacity, 1));
}

.bg-sky-300\/20 {
  background-color: #7dd3fc33;
}

.bg-sky-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 249 255 / var(--tw-bg-opacity, 1));
}

.bg-sky-50\/30 {
  background-color: #f0f9ff4d;
}

.bg-sky-50\/60 {
  background-color: #f0f9ff99;
}

.bg-sky-50\/70 {
  background-color: #f0f9ffb3;
}

.bg-sky-50\/80 {
  background-color: #f0f9ffcc;
}

.bg-sky-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(2 132 199 / var(--tw-bg-opacity, 1));
}

.bg-sky-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(3 105 161 / var(--tw-bg-opacity, 1));
}

.bg-slate-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}

.bg-slate-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
}

.bg-slate-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}

.bg-slate-50\/60 {
  background-color: #f8fafc99;
}

.bg-slate-50\/70 {
  background-color: #f8fafcb3;
}

.bg-slate-50\/80 {
  background-color: #f8fafccc;
}

.bg-slate-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(100 116 139 / var(--tw-bg-opacity, 1));
}

.bg-slate-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
}

.bg-slate-950 {
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity, 1));
}

.bg-slate-950\/20 {
  background-color: #02061733;
}

.bg-slate-950\/30 {
  background-color: #0206174d;
}

.bg-slate-950\/40 {
  background-color: #02061766;
}

.bg-slate-950\/45 {
  background-color: #02061773;
}

.bg-slate-950\/50 {
  background-color: #02061780;
}

.bg-slate-950\/55 {
  background-color: #0206178c;
}

.bg-transparent {
  background-color: #0000;
}

.bg-violet-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(237 233 254 / var(--tw-bg-opacity, 1));
}

.bg-violet-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(221 214 254 / var(--tw-bg-opacity, 1));
}

.bg-violet-200\/90 {
  background-color: #ddd6fee6;
}

.bg-violet-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(196 181 253 / var(--tw-bg-opacity, 1));
}

.bg-violet-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 243 255 / var(--tw-bg-opacity, 1));
}

.bg-violet-50\/70 {
  background-color: #f5f3ffb3;
}

.bg-violet-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(109 40 217 / var(--tw-bg-opacity, 1));
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.bg-white\/15 {
  background-color: #ffffff26;
}

.bg-white\/60 {
  background-color: #fff9;
}

.bg-white\/65 {
  background-color: #ffffffa6;
}

.bg-white\/70 {
  background-color: #ffffffb3;
}

.bg-white\/75 {
  background-color: #ffffffbf;
}

.bg-white\/90 {
  background-color: #ffffffe6;
}

.bg-white\/95 {
  background-color: #fffffff2;
}

.object-contain {
  -o-object-fit: contain;
  object-fit: contain;
}

.object-bottom {
  -o-object-position: bottom;
  object-position: bottom;
}

.object-center {
  -o-object-position: center;
  object-position: center;
}

.p-0 {
  padding: 0;
}

.p-0\.5 {
  padding: .125rem;
}

.p-1 {
  padding: .25rem;
}

.p-1\.5 {
  padding: .375rem;
}

.p-2 {
  padding: .5rem;
}

.p-2\.5 {
  padding: .625rem;
}

.p-3 {
  padding: .75rem;
}

.p-3\.5 {
  padding: .875rem;
}

.p-4 {
  padding: 1rem;
}

.p-5 {
  padding: 1.25rem;
}

.p-6 {
  padding: 1.5rem;
}

.p-8 {
  padding: 2rem;
}

.px-0 {
  padding-left: 0;
  padding-right: 0;
}

.px-0\.5 {
  padding-left: .125rem;
  padding-right: .125rem;
}

.px-1 {
  padding-left: .25rem;
  padding-right: .25rem;
}

.px-1\.5 {
  padding-left: .375rem;
  padding-right: .375rem;
}

.px-2 {
  padding-left: .5rem;
  padding-right: .5rem;
}

.px-2\.5 {
  padding-left: .625rem;
  padding-right: .625rem;
}

.px-3 {
  padding-left: .75rem;
  padding-right: .75rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.py-0\.5 {
  padding-top: .125rem;
  padding-bottom: .125rem;
}

.py-1 {
  padding-top: .25rem;
  padding-bottom: .25rem;
}

.py-1\.5 {
  padding-top: .375rem;
  padding-bottom: .375rem;
}

.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.py-2 {
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.py-2\.5 {
  padding-top: .625rem;
  padding-bottom: .625rem;
}

.py-3 {
  padding-top: .75rem;
  padding-bottom: .75rem;
}

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.pb-1 {
  padding-bottom: .25rem;
}

.pb-1\.5 {
  padding-bottom: .375rem;
}

.pb-2 {
  padding-bottom: .5rem;
}

.pb-3 {
  padding-bottom: .75rem;
}

.pb-6 {
  padding-bottom: 1.5rem;
}

.pb-8 {
  padding-bottom: 2rem;
}

.pl-1 {
  padding-left: .25rem;
}

.pl-2 {
  padding-left: .5rem;
}

.pl-3 {
  padding-left: .75rem;
}

.pl-4 {
  padding-left: 1rem;
}

.pl-5 {
  padding-left: 1.25rem;
}

.pl-6 {
  padding-left: 1.5rem;
}

.pl-7 {
  padding-left: 1.75rem;
}

.pl-8 {
  padding-left: 2rem;
}

.pl-9 {
  padding-left: 2.25rem;
}

.pr-1 {
  padding-right: .25rem;
}

.pr-12 {
  padding-right: 3rem;
}

.pr-2 {
  padding-right: .5rem;
}

.pr-20 {
  padding-right: 5rem;
}

.pr-3 {
  padding-right: .75rem;
}

.pr-32 {
  padding-right: 8rem;
}

.pr-48 {
  padding-right: 12rem;
}

.pt-0 {
  padding-top: 0;
}

.pt-1 {
  padding-top: .25rem;
}

.pt-1\.5 {
  padding-top: .375rem;
}

.pt-2 {
  padding-top: .5rem;
}

.pt-3 {
  padding-top: .75rem;
}

.pt-4 {
  padding-top: 1rem;
}

.pt-6 {
  padding-top: 1.5rem;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.align-top {
  vertical-align: top;
}

.align-middle {
  vertical-align: middle;
}

.font-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
}

.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}

.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.text-\[10px\] {
  font-size: 10px;
}

.text-\[11px\] {
  font-size: 11px;
}

.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.text-sm {
  font-size: .875rem;
  line-height: 1.25rem;
}

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.text-xs {
  font-size: .75rem;
  line-height: 1rem;
}

.font-bold {
  font-weight: 700;
}

.font-extrabold {
  font-weight: 800;
}

.font-medium {
  font-weight: 500;
}

.font-normal {
  font-weight: 400;
}

.font-semibold {
  font-weight: 600;
}

.uppercase {
  text-transform: uppercase;
}

.ordinal {
  --tw-ordinal: ordinal;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.tabular-nums {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.leading-4 {
  line-height: 1rem;
}

.leading-5 {
  line-height: 1.25rem;
}

.leading-6 {
  line-height: 1.5rem;
}

.leading-7 {
  line-height: 1.75rem;
}

.tracking-\[0\.08em\] {
  letter-spacing: .08em;
}

.tracking-\[0\.16em\] {
  letter-spacing: .16em;
}

.tracking-normal {
  letter-spacing: 0;
}

.tracking-tight {
  letter-spacing: -.025em;
}

.tracking-wide {
  letter-spacing: .025em;
}

.tracking-wider {
  letter-spacing: .05em;
}

.text-\[var\(--ca-primary\)\] {
  color: var(--ca-primary);
}

.text-\[var\(--ca-text-muted\)\] {
  color: var(--ca-text-muted);
}

.text-\[var\(--ca-violet\)\] {
  color: var(--ca-violet);
}

.text-amber-500 {
  --tw-text-opacity: 1;
  color: rgb(245 158 11 / var(--tw-text-opacity, 1));
}

.text-amber-600 {
  --tw-text-opacity: 1;
  color: rgb(217 119 6 / var(--tw-text-opacity, 1));
}

.text-amber-700 {
  --tw-text-opacity: 1;
  color: rgb(180 83 9 / var(--tw-text-opacity, 1));
}

.text-amber-800 {
  --tw-text-opacity: 1;
  color: rgb(146 64 14 / var(--tw-text-opacity, 1));
}

.text-amber-900 {
  --tw-text-opacity: 1;
  color: rgb(120 53 15 / var(--tw-text-opacity, 1));
}

.text-amber-950 {
  --tw-text-opacity: 1;
  color: rgb(69 26 3 / var(--tw-text-opacity, 1));
}

.text-blue-800 {
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity, 1));
}

.text-emerald-600 {
  --tw-text-opacity: 1;
  color: rgb(5 150 105 / var(--tw-text-opacity, 1));
}

.text-emerald-700 {
  --tw-text-opacity: 1;
  color: rgb(4 120 87 / var(--tw-text-opacity, 1));
}

.text-emerald-800 {
  --tw-text-opacity: 1;
  color: rgb(6 95 70 / var(--tw-text-opacity, 1));
}

.text-emerald-900 {
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity, 1));
}

.text-emerald-950 {
  --tw-text-opacity: 1;
  color: rgb(2 44 34 / var(--tw-text-opacity, 1));
}

.text-indigo-700 {
  --tw-text-opacity: 1;
  color: rgb(67 56 202 / var(--tw-text-opacity, 1));
}

.text-indigo-800 {
  --tw-text-opacity: 1;
  color: rgb(55 48 163 / var(--tw-text-opacity, 1));
}

.text-indigo-950 {
  --tw-text-opacity: 1;
  color: rgb(30 27 75 / var(--tw-text-opacity, 1));
}

.text-inherit {
  color: inherit;
}

.text-pink-700 {
  --tw-text-opacity: 1;
  color: rgb(190 24 93 / var(--tw-text-opacity, 1));
}

.text-rose-500 {
  --tw-text-opacity: 1;
  color: rgb(244 63 94 / var(--tw-text-opacity, 1));
}

.text-rose-600 {
  --tw-text-opacity: 1;
  color: rgb(225 29 72 / var(--tw-text-opacity, 1));
}

.text-rose-700 {
  --tw-text-opacity: 1;
  color: rgb(190 18 60 / var(--tw-text-opacity, 1));
}

.text-rose-800 {
  --tw-text-opacity: 1;
  color: rgb(159 18 57 / var(--tw-text-opacity, 1));
}

.text-rose-900 {
  --tw-text-opacity: 1;
  color: rgb(136 19 55 / var(--tw-text-opacity, 1));
}

.text-sky-50 {
  --tw-text-opacity: 1;
  color: rgb(240 249 255 / var(--tw-text-opacity, 1));
}

.text-sky-600 {
  --tw-text-opacity: 1;
  color: rgb(2 132 199 / var(--tw-text-opacity, 1));
}

.text-sky-700 {
  --tw-text-opacity: 1;
  color: rgb(3 105 161 / var(--tw-text-opacity, 1));
}

.text-sky-800 {
  --tw-text-opacity: 1;
  color: rgb(7 89 133 / var(--tw-text-opacity, 1));
}

.text-sky-900 {
  --tw-text-opacity: 1;
  color: rgb(12 74 110 / var(--tw-text-opacity, 1));
}

.text-sky-950 {
  --tw-text-opacity: 1;
  color: rgb(8 47 73 / var(--tw-text-opacity, 1));
}

.text-slate-100 {
  --tw-text-opacity: 1;
  color: rgb(241 245 249 / var(--tw-text-opacity, 1));
}

.text-slate-300 {
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}

.text-slate-400 {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}

.text-slate-500 {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}

.text-slate-600 {
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}

.text-slate-700 {
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}

.text-slate-800 {
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity, 1));
}

.text-slate-900 {
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}

.text-slate-950 {
  --tw-text-opacity: 1;
  color: rgb(2 6 23 / var(--tw-text-opacity, 1));
}

.text-violet-700 {
  --tw-text-opacity: 1;
  color: rgb(109 40 217 / var(--tw-text-opacity, 1));
}

.text-violet-800 {
  --tw-text-opacity: 1;
  color: rgb(91 33 182 / var(--tw-text-opacity, 1));
}

.text-violet-900 {
  --tw-text-opacity: 1;
  color: rgb(76 29 149 / var(--tw-text-opacity, 1));
}

.text-violet-950 {
  --tw-text-opacity: 1;
  color: rgb(46 16 101 / var(--tw-text-opacity, 1));
}

.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.text-white\/80 {
  color: #fffc;
}

.text-white\/90 {
  color: #ffffffe6;
}

.text-white\/95 {
  color: #fffffff2;
}

.underline {
  text-decoration-line: underline;
}

.line-through {
  text-decoration-line: line-through;
}

.underline-offset-2 {
  text-underline-offset: 2px;
}

.opacity-0 {
  opacity: 0;
}

.opacity-100 {
  opacity: 1;
}

.opacity-50 {
  opacity: .5;
}

.opacity-60 {
  opacity: .6;
}

.opacity-70 {
  opacity: .7;
}

.opacity-80 {
  opacity: .8;
}

.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px #00000040;
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_-8px_24px_rgba\(15\,23\,42\,0\.08\)\] {
  --tw-shadow: 0 -8px 24px #0f172a14;
  --tw-shadow-colored: 0 -8px 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_10px_30px_rgba\(15\,23\,42\,0\.06\)\] {
  --tw-shadow: 0 10px 30px #0f172a0f;
  --tw-shadow-colored: 0 10px 30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_20px_55px_-32px_rgba\(15\,23\,42\,0\.58\)\] {
  --tw-shadow: 0 20px 55px -32px #0f172a94;
  --tw-shadow-colored: 0 20px 55px -32px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_4px_14px_rgba\(15\,23\,42\,0\.035\)\] {
  --tw-shadow: 0 4px 14px #0f172a09;
  --tw-shadow-colored: 0 4px 14px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[1px_0_0_0_rgba\(226\,232\,240\,1\)\] {
  --tw-shadow: 1px 0 0 0 #e2e8f0;
  --tw-shadow-colored: 1px 0 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[inset_0_0_0_1px_rgba\(226\,232\,240\,0\.55\)\] {
  --tw-shadow: inset 0 0 0 1px #e2e8f08c;
  --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[inset_0_0_0_1px_rgba\(226\,232\,240\,0\.65\)\] {
  --tw-shadow: inset 0 0 0 1px #e2e8f0a6;
  --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-inner {
  --tw-shadow: inset 0 2px 4px 0 #0000000d;
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-lg {
  --tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-md {
  --tw-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-none {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-sm {
  --tw-shadow: 0 1px 2px 0 #0000000d;
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-xl {
  --tw-shadow: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-slate-950\/5 {
  --tw-shadow-color: #0206170d;
  --tw-shadow: var(--tw-shadow-colored);
}

.outline-none {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.outline {
  outline-style: solid;
}

.ring-1 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-2 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-amber-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(252 211 77 / var(--tw-ring-opacity, 1));
}

.ring-fuchsia-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(217 70 239 / var(--tw-ring-opacity, 1));
}

.ring-indigo-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(199 210 254 / var(--tw-ring-opacity, 1));
}

.ring-rose-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(254 205 211 / var(--tw-ring-opacity, 1));
}

.ring-rose-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(253 164 175 / var(--tw-ring-opacity, 1));
}

.ring-sky-100 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(224 242 254 / var(--tw-ring-opacity, 1));
}

.ring-sky-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(186 230 253 / var(--tw-ring-opacity, 1));
}

.ring-slate-950\/10 {
  --tw-ring-color: #0206171a;
}

.blur {
  --tw-blur: blur(8px);
  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);
}

.drop-shadow {
  --tw-drop-shadow: drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);
  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);
}

.drop-shadow-\[0_18px_22px_rgba\(15\,23\,42\,0\.22\)\] {
  --tw-drop-shadow: drop-shadow(0 18px 22px #0f172a38);
  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);
}

.drop-shadow-sm {
  --tw-drop-shadow: drop-shadow(0 1px 1px #0000000d);
  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);
}

.\!filter {
  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) !important;
}

.filter {
  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);
}

.backdrop-blur {
  --tw-backdrop-blur: blur(8px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  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);
}

.backdrop-blur-sm {
  --tw-backdrop-blur: blur(4px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  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);
}

.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-\[padding\] {
  transition-property: padding;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-\[width\] {
  transition-property: width;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-all {
  transition-property: all;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-opacity {
  transition-property: opacity;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-shadow {
  transition-property: box-shadow;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.duration-200 {
  transition-duration: .2s;
}

.duration-500 {
  transition-duration: .5s;
}

.ease-out {
  transition-timing-function: cubic-bezier(0, 0, .2, 1);
}

.\[overflow-wrap\:anywhere\] {
  overflow-wrap: anywhere;
}

.\[word-break\:keep-all\] {
  word-break: keep-all;
}

:root {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  --ca-bg: #f4f7fc;
  --ca-surface: #fff;
  --ca-surface-soft: #f8fbff;
  --ca-surface-muted: #edf4ff;
  --ca-surface-active: #e7f0ff;
  --ca-text: #0b1c30;
  --ca-text-muted: #5b6675;
  --ca-text-subtle: #737b88;
  --ca-border: #c5cfdd;
  --ca-border-soft: #dce4ef;
  --ca-primary: #00223f;
  --ca-primary-hover: #003862;
  --ca-primary-soft: #d1e4ff;
  --ca-secondary: #006689;
  --ca-success: #047857;
  --ca-success-soft: #e8f7ef;
  --ca-warning: #9a6700;
  --ca-warning-soft: #fff5d6;
  --ca-highlight-yellow: #eab308;
  --ca-violet: #6d28d9;
  --ca-violet-soft: #f5f0ff;
  --ca-danger: #ba1a1a;
  --ca-danger-soft: #fff0ee;
  --ca-shadow-sm: 0 1px 2px #0b1c300d;
  --ca-shadow-md: 0 10px 26px #0b1c3017;
  --ca-radius-sm: .5rem;
  --ca-radius-md: .75rem;
  --ca-radius-lg: 1rem;
  --ca-modal-backdrop: #0f172a57;
}

:root[data-color-theme="dark"] {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --ca-bg: #10141b;
  --ca-surface: #171c24;
  --ca-surface-soft: #1d2430;
  --ca-surface-muted: #222b37;
  --ca-surface-active: #243143;
  --ca-text: #edf3fa;
  --ca-text-muted: #b5c0ce;
  --ca-text-subtle: #8f9aaa;
  --ca-border: #3a4656;
  --ca-border-soft: #2b3543;
  --ca-primary: #75b7ff;
  --ca-primary-hover: #9bcaff;
  --ca-primary-soft: #17324c;
  --ca-secondary: #70d7f4;
  --ca-success: #5ee0a5;
  --ca-success-soft: #133627;
  --ca-warning: #f4c96f;
  --ca-warning-soft: #3b2d11;
  --ca-highlight-yellow: #f4c96f;
  --ca-danger: #ff9a9a;
  --ca-danger-soft: #3d1f22;
  --ca-info: #7dd3fc;
  --ca-info-soft: #102f43;
  --ca-violet: #c4b5fd;
  --ca-violet-soft: #2b2244;
  --ca-overlay: #020617a3;
  --ca-modal-backdrop: #02061775;
  --ca-shadow-sm: 0 1px 2px #00000038;
  --ca-shadow-md: 0 16px 34px #00000052;
}

html {
  min-height: 100%;
  overflow-x: hidden;
}

body {
  background: var(--ca-bg);
  color: var(--ca-text);
  min-height: 100%;
  font-family: var(--font-pretendard), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  margin: 0;
  line-height: 1.5;
  overflow-x: hidden;
}

@media (min-width: 1024px) {
  :is(html:has(.counsel-shell), body:has(.counsel-shell)) {
    height: 100%;
    overflow: hidden;
  }
}

.counsel-shell {
  background: var(--ca-bg);
  color: var(--ca-text);
}

.counsel-sidebar {
  border-color: var(--ca-border-soft);
  background: var(--ca-surface);
}

.counsel-sidebar-responsive {
  z-index: 40;
  width: 13.5rem;
  transition: width .18s, margin-right .18s, transform .18s, box-shadow .18s;
}

.counsel-sidebar-responsive.is-collapsed {
  width: 3.5rem;
}

.counsel-sidebar-responsive.is-collapsed .counsel-sidebar-label, .counsel-sidebar-backdrop {
  display: none;
}

.counsel-header {
  border-color: var(--ca-border-soft);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: #fffffff0;
}

.counsel-header-art {
  z-index: 0;
  opacity: .54;
  width: 100%;
  transition: opacity .18s;
  top: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to right, #0000 0%, #0000001f 12%, #00000059 26%, #000000b3 42%, #000 58% 100%);
  mask-image: linear-gradient(to right, #0000 0%, #0000001f 12%, #00000059 26%, #000000b3 42%, #000 58% 100%);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.counsel-header-art-image {
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
  height: auto;
  top: 90%;
  right: 0;
  transform: translateY(-50%);
}

.system-status-popover {
  border-color: var(--ca-border);
  background: var(--ca-surface);
  color: var(--ca-text);
  opacity: 0;
  visibility: hidden;
  transition: opacity .14s, transform .14s, visibility .14s;
  transform: translateY(-.25rem);
}

.system-status-popover:before {
  border-top: 1px solid var(--ca-border);
  border-left: 1px solid var(--ca-border);
  background: var(--ca-surface);
  content: "";
  width: .5rem;
  height: .5rem;
  position: absolute;
  bottom: 100%;
  right: .75rem;
  transform: translateY(50%)rotate(45deg);
}

.system-status-popover[data-open="true"] {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.admin-header-env-badge {
  box-shadow: var(--ca-shadow-sm);
}

.counsel-page {
  background: var(--ca-bg);
}

.admin-content-scroll > .counsel-page {
  min-height: calc(100vh - 4rem);
}

.app-footer {
  --app-footer-bg: #303030;
  --app-footer-text: #f5f5f5;
  --app-footer-muted: #aeb3ba;
  --app-footer-border: #ffffff24;
  --app-footer-highlight: #f2d200;
  background: var(--app-footer-bg);
  width: 100%;
  color: var(--app-footer-text);
}

.app-footer__inner {
  width: min(100% - 2rem, 80rem);
  margin-inline: auto;
  padding: 2.25rem 0 1.75rem;
}

.app-footer__body {
  gap: .7rem;
  display: grid;
}

.app-footer__identity {
  align-items: center;
  gap: 1.5rem;
  display: flex;
}

.app-footer__logo {
  flex-shrink: 0;
  width: auto;
  height: 3.5rem;
}

.app-footer__contact {
  max-width: 52rem;
  color: var(--app-footer-text);
  gap: .35rem;
  font-size: .9rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.65;
  display: grid;
}

.app-footer__contact-links {
  flex-wrap: wrap;
  align-items: center;
  gap: .15rem .6rem;
  display: flex;
}

.app-footer__contact a, .app-footer__policy-link, .app-footer__services-button, .app-footer__service-links a {
  border-radius: .25rem;
  text-decoration: none;
  transition: color .16s, background-color .16s;
}

.app-footer__contact a:hover, .app-footer__contact a:focus-visible {
  color: #fff;
  text-underline-offset: .2em;
  text-decoration: underline;
}

.app-footer__disclaimer {
  color: var(--app-footer-muted);
  gap: .1rem;
  font-size: .78rem;
  line-height: 1.45;
  display: grid;
}

.app-footer__disclaimer p {
  white-space: nowrap;
}

.app-footer__navigation {
  border-top: 1px solid var(--app-footer-border);
  margin-top: 1.25rem;
  padding-top: .75rem;
}

.app-footer__policy-links {
  flex-wrap: wrap;
  align-items: center;
  gap: .25rem 1.1rem;
  display: flex;
}

.app-footer__policy-link, .app-footer__services-button {
  min-height: 2.25rem;
  color: var(--app-footer-muted);
  font: inherit;
  background: none;
  border: 0;
  align-items: center;
  font-size: .875rem;
  font-weight: 700;
  display: inline-flex;
}

.app-footer__policy-link--emphasized {
  color: var(--app-footer-highlight);
}

.app-footer__policy-link:hover, .app-footer__services-button:hover, .app-footer__policy-link:focus-visible, .app-footer__services-button:focus-visible {
  color: #fff;
}

.app-footer__policy-link--emphasized:hover, .app-footer__policy-link--emphasized:focus-visible {
  color: #fff06a;
}

.app-footer__contact a:focus-visible, .app-footer__policy-link:focus-visible, .app-footer__services-button:focus-visible, .app-footer__service-links a:focus-visible {
  outline-offset: 3px;
  outline: 2px solid #fff;
}

.app-footer__service-group {
  flex-wrap: wrap;
  align-items: center;
  gap: .35rem .7rem;
  min-width: 0;
  display: inline-flex;
}

.app-footer__services-button {
  cursor: pointer;
  gap: .4rem;
}

.app-footer__services-button[aria-expanded="true"] {
  color: #fff;
}

.app-footer__chevron {
  flex-shrink: 0;
}

.app-footer__service-panel {
  align-items: center;
  min-width: 0;
  display: flex;
}

.app-footer__service-links {
  flex-wrap: wrap;
  align-items: center;
  gap: .25rem .85rem;
  min-width: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.app-footer__service-links a {
  min-height: 2.25rem;
  color: var(--app-footer-muted);
  align-items: center;
  gap: .25rem;
  padding: .2rem .15rem;
  font-size: .85rem;
  display: inline-flex;
}

.app-footer__service-links a:hover, .app-footer__service-links a:focus-visible {
  color: #fff;
  background: #ffffff14;
}

.app-footer__service-links a:focus-visible {
  outline-offset: -2px;
}

@media (max-width: 767px) {
  .app-footer__inner {
    padding-block: 1.75rem 1.5rem;
  }

  .app-footer__logo {
    width: auto;
    height: 2.625rem;
  }

  .app-footer__identity {
    flex-direction: column;
    align-items: flex-start;
    gap: .85rem;
  }

  .app-footer__policy-links {
    gap: .15rem .9rem;
  }

  .app-footer__policy-link, .app-footer__services-button, .app-footer__service-links a {
    min-height: 2.75rem;
  }

  .app-footer__service-group {
    width: 100%;
  }

  .app-footer__disclaimer p {
    white-space: normal;
  }
}

@media (max-width: 420px) {
  .app-footer__inner {
    width: min(100% - 1.5rem, 80rem);
  }

  .app-footer__contact, .app-footer__disclaimer {
    overflow-wrap: anywhere;
  }
}

@media (prefers-reduced-motion: reduce) {
  .app-footer__contact a, .app-footer__policy-link, .app-footer__services-button, .app-footer__service-links a {
    transition: none;
  }
}

.counsel-card {
  border: 1px solid var(--ca-border-soft);
  border-radius: var(--ca-radius-md);
  background: var(--ca-surface);
  box-shadow: var(--ca-shadow-sm);
}

.counsel-nav-item {
  color: var(--ca-text-muted);
}

.counsel-nav-item:hover {
  background: var(--ca-surface-muted);
  color: var(--ca-text);
}

.counsel-nav-item-active {
  background: var(--ca-surface-active);
  color: var(--ca-primary);
  font-weight: 700;
  position: relative;
}

.counsel-nav-item-active:before {
  background: var(--ca-primary);
  content: "";
  border-radius: 999px;
  width: 3px;
  position: absolute;
  top: .35rem;
  bottom: .35rem;
  left: 0;
}

.counsel-status-chip {
  border: 1px solid var(--ca-border-soft);
  background: var(--ca-surface-soft);
  color: var(--ca-text-muted);
  box-shadow: none;
  text-decoration: none;
}

.counsel-status-chip[href] {
  cursor: pointer;
}

.counsel-status-chip[href]:focus-visible {
  outline: 2px solid var(--ca-secondary);
  outline-offset: 2px;
}

.counsel-status-chip[data-tone="success"], .counsel-status-chip[data-tone="danger"] {
  color: #ffd900;
  background: #333;
  border-color: #0000;
}

.counsel-status-chip[data-tone="dev"] {
  color: #fff;
  background: #0078ad;
  border-color: #0000;
}

.counsel-status-chip[data-tone="dev"]:hover {
  background: #006b9c;
}

.counsel-status-chip[data-tone="live"]:hover {
  background: #ffd400;
}

.counsel-theme-toggle {
  border: 1px solid var(--ca-border-soft);
  background: var(--ca-surface);
  box-shadow: var(--ca-shadow-sm);
}

.counsel-theme-toggle-button {
  color: var(--ca-text-subtle);
  transition: background .15s, color .15s, box-shadow .15s;
}

.counsel-theme-toggle-button:hover {
  color: var(--ca-text);
}

.counsel-theme-toggle-button[data-selected="true"] {
  background: var(--ca-surface-muted);
  color: var(--ca-text);
  box-shadow: var(--ca-shadow-sm);
}

:root[data-color-theme="dark"] .counsel-header {
  background: #171c24f0;
}

:root[data-color-theme="dark"] .counsel-header-art {
  opacity: .5;
  filter: brightness(.78) saturate(.88);
}

:root[data-color-theme="dark"] .counsel-status-chip[data-tone="success"], :root[data-color-theme="dark"] .counsel-status-chip[data-tone="danger"] {
  color: #f8df65;
  background: #252c36;
}

:root[data-color-theme="dark"] .counsel-status-chip[data-tone="dev"] {
  color: #fff;
  background: #1e6f91;
}

:root[data-color-theme="dark"] .admin-compact :where(.bg-white) {
  background-color: var(--ca-surface);
}

:root[data-color-theme="dark"] .admin-compact :where(.bg-white\/70, .bg-white\/95) {
  background-color: #171c24f0;
}

:root[data-color-theme="dark"] .admin-compact :where(.bg-slate-50, .bg-slate-50\/60, .bg-slate-50\/70, .bg-slate-50\/80, [class~="bg-[#f8f9ff]"]) {
  background-color: var(--ca-surface-soft);
}

:root[data-color-theme="dark"] .admin-compact :where(.bg-slate-100) {
  background-color: var(--ca-surface-muted);
}

:root[data-color-theme="dark"] .admin-compact :where(.bg-slate-200, .bg-slate-300, .bg-slate-400) {
  background-color: #485466;
}

:root[data-color-theme="dark"] .admin-compact :where(.bg-slate-900, .bg-slate-950) {
  background-color: var(--ca-primary);
  color: #08111d;
}

:root[data-color-theme="dark"] .admin-compact :where(.bg-slate-900:hover, .bg-slate-950:hover) {
  background-color: var(--ca-primary-hover);
}

:root[data-color-theme="dark"] .admin-compact :where(.bg-slate-900:disabled, .bg-slate-950:disabled, .disabled\:bg-slate-400:disabled) {
  color: #cbd5e1;
  background-color: #485466;
}

:root[data-color-theme="dark"] .admin-compact :where(.bg-sky-50, .bg-sky-50\/40, .bg-sky-50\/60, .bg-sky-50\/70, .bg-sky-50\/80) {
  background-color: var(--ca-info-soft);
}

:root[data-color-theme="dark"] .admin-compact :where(.bg-emerald-50, .bg-emerald-50\/40) {
  background-color: var(--ca-success-soft);
}

:root[data-color-theme="dark"] .admin-compact :where(.bg-amber-50) {
  background-color: var(--ca-warning-soft);
}

:root[data-color-theme="dark"] .admin-compact :where(.bg-rose-50) {
  background-color: var(--ca-danger-soft);
}

:root[data-color-theme="dark"] .admin-compact :where(.bg-indigo-50, .bg-violet-50) {
  background-color: var(--ca-violet-soft);
}

:root[data-color-theme="dark"] .admin-compact :where(.bg-sky-600, .bg-emerald-700, .bg-rose-700) {
  color: #fff;
}

:root[data-color-theme="dark"] .admin-compact :where(.bg-slate-950\/20, .bg-slate-950\/30, .bg-slate-950\/40, .bg-slate-950\/45) {
  background-color: var(--ca-overlay);
}

:root[data-color-theme="dark"] .admin-compact :where(.hover\:bg-slate-50:hover, .hover\:bg-slate-100:hover) {
  background-color: var(--ca-surface-muted);
}

:root[data-color-theme="dark"] .admin-compact :where(.hover\:bg-sky-50:hover, .hover\:bg-sky-50\/70:hover) {
  background-color: #17384d;
}

:root[data-color-theme="dark"] .admin-compact :where(.hover\:bg-emerald-50:hover) {
  background-color: #174532;
}

:root[data-color-theme="dark"] .admin-compact :where(.hover\:bg-rose-50:hover) {
  background-color: #4a2529;
}

:root[data-color-theme="dark"] .admin-compact :where(.border-slate-100, .border-slate-200, .border-slate-300, .border-slate-400, .border-slate-500, .divide-slate-100 > :not([hidden]) ~ :not([hidden]), .divide-slate-200 > :not([hidden]) ~ :not([hidden])) {
  border-color: var(--ca-border-soft);
}

:root[data-color-theme="dark"] .admin-compact :where(.border-slate-900, .border-slate-950) {
  border-color: var(--ca-primary);
}

:root[data-color-theme="dark"] .admin-compact :where(.border-sky-100, .border-sky-200, .border-sky-300, .border-sky-400, .border-sky-500) {
  border-color: #246b91;
}

:root[data-color-theme="dark"] .admin-compact :where(.border-emerald-100, .border-emerald-200, .border-emerald-300) {
  border-color: #2f7f5b;
}

:root[data-color-theme="dark"] .admin-compact :where(.border-amber-100, .border-amber-200, .border-amber-300) {
  border-color: #8a6922;
}

:root[data-color-theme="dark"] .admin-compact :where(.border-rose-100, .border-rose-200, .border-rose-300) {
  border-color: #8f3d47;
}

.account-modal-backdrop {
  background: var(--ca-modal-backdrop);
  -webkit-backdrop-filter: blur(3px);
}

:root[data-color-theme="dark"] .account-management .account-role-badge[data-tone="primary"], :root[data-color-theme="dark"] .account-management .account-current-badge {
  background: var(--ca-info-soft);
  color: var(--ca-info);
}

:root[data-color-theme="dark"] .account-management .account-role-badge[data-tone="audit"] {
  background: var(--ca-violet-soft);
  color: var(--ca-violet);
}

:root[data-color-theme="dark"] .account-management .account-status-badge[data-active="true"] {
  background: var(--ca-success-soft);
  color: var(--ca-success);
}

:root[data-color-theme="dark"] .account-management .account-status-badge[data-active="false"] {
  background: var(--ca-surface-muted);
  color: var(--ca-text-muted);
}

:root[data-color-theme="dark"] .admin-compact :where(.border-indigo-100, .border-indigo-200, .border-indigo-300, .border-violet-100, .border-violet-200, .border-violet-300) {
  border-color: color-mix(in srgb, var(--ca-violet) 48%, var(--ca-border));
}

:root[data-color-theme="dark"] .admin-compact :where(.text-slate-950, .text-slate-900, .text-slate-800) {
  color: var(--ca-text);
}

:root[data-color-theme="dark"] .admin-compact :where(.text-slate-700, .text-slate-600) {
  color: var(--ca-text-muted);
}

:root[data-color-theme="dark"] .admin-compact :where(.text-slate-500, .text-slate-400) {
  color: var(--ca-text-subtle);
}

:root[data-color-theme="dark"] .admin-compact :where(.text-sky-700, .text-sky-800, .text-sky-900) {
  color: var(--ca-info);
}

:root[data-color-theme="dark"] .admin-compact :where(.text-emerald-700, .text-emerald-800, .text-emerald-900) {
  color: var(--ca-success);
}

:root[data-color-theme="dark"] .admin-compact :where(.text-amber-600, .text-amber-700, .text-amber-800, .text-amber-900) {
  color: var(--ca-warning);
}

:root[data-color-theme="dark"] .admin-compact :where(.text-rose-500, .text-rose-600, .text-rose-700, .text-rose-800, .text-rose-900) {
  color: var(--ca-danger);
}

:root[data-color-theme="dark"] .admin-compact :where(.text-indigo-700, .text-indigo-800, .text-indigo-900, .text-indigo-950, .text-violet-700, .text-violet-800, .text-violet-900, .text-violet-950) {
  color: var(--ca-violet);
}

:root[data-color-theme="dark"] .admin-compact :where(.text-white, .text-slate-50, .text-slate-100) {
  color: #f8fafc;
}

:root[data-color-theme="dark"] .admin-compact :where(.bg-slate-900.text-white, .bg-slate-950.text-white) {
  color: #08111d;
}

:root[data-color-theme="dark"] .admin-compact :where(.text-sky-50) {
  color: #e0f2fe;
}

:root[data-color-theme="dark"] .admin-compact :where(.shadow-sm, .shadow-md, .shadow-xl) {
  box-shadow: var(--ca-shadow-sm);
}

:root[data-color-theme="dark"] .admin-compact :where([class*="shadow-[1px_0_0_0"]) {
  box-shadow: 1px 0 0 0 var(--ca-border-soft);
}

:root[data-color-theme="dark"] .admin-compact :where([class*="shadow-[0_-8px_24px"]) {
  box-shadow: 0 -8px 24px #0000004d;
}

:root[data-color-theme="dark"] .admin-compact :where(input[type="checkbox"], input[type="radio"]) {
  background-color: var(--ca-surface);
  border-color: var(--ca-border);
  color: var(--ca-primary);
}

:root[data-color-theme="dark"] .admin-compact :where() {
  color: var(--ca-text-subtle);
}

:root[data-color-theme="dark"] .admin-compact :where(.ring-slate-300, .ring-slate-400, .ring-sky-100, .ring-sky-500) {
  --tw-ring-color: #7dd3fc57;
}

:root[data-color-theme="dark"] .admin-compact :where(.recharts-cartesian-axis-tick-value, .recharts-legend-item-text, .recharts-text) {
  fill: var(--ca-text-muted);
  color: var(--ca-text-muted);
}

:root[data-color-theme="dark"] .admin-compact :where(.recharts-cartesian-grid line) {
  stroke: var(--ca-border-soft);
}

.counsel-status-chip[data-tone="live"] {
  color: #111;
  background: #ffd400;
  border-color: #ffd400;
}

@media (min-width: 768px) and (max-width: 1279px) {
  .counsel-header-art {
    opacity: .86;
    width: 100%;
  }

  :root[data-color-theme="dark"] .counsel-header-art {
    opacity: .58;
  }

  .counsel-header-art-image {
    right: 0;
  }

  .counsel-sidebar-responsive {
    width: 3.5rem;
  }

  .counsel-sidebar-responsive .counsel-sidebar-label {
    display: none;
  }

  .counsel-sidebar-responsive:is(:hover, :focus-within), .counsel-sidebar-responsive.is-rail-expanded {
    width: 13.5rem;
    box-shadow: var(--ca-shadow-md);
    margin-right: -10rem;
  }

  .counsel-sidebar-responsive:is(:hover, :focus-within) .counsel-sidebar-label, .counsel-sidebar-responsive.is-rail-expanded .counsel-sidebar-label {
    display: block;
  }

  .counsel-sidebar-responsive:is(:hover, :focus-within) .counsel-nav-item, .counsel-sidebar-responsive.is-rail-expanded .counsel-nav-item {
    justify-content: flex-start;
    padding-left: .5rem;
    padding-right: .5rem;
  }
}

@media (min-width: 1024px) {
  .counsel-header-art {
    opacity: .94;
    width: 100%;
  }

  :root[data-color-theme="dark"] .counsel-header-art {
    opacity: .66;
  }

  .counsel-header-art-image {
    right: 0;
  }
}

@media (min-width: 1440px) {
  .counsel-header-art {
    opacity: .98;
    width: min(92%, 99rem);
  }

  :root[data-color-theme="dark"] .counsel-header-art {
    opacity: .72;
  }

  .counsel-header-art-image {
    right: 0;
  }
}

@media (max-width: 767px) {
  .counsel-header-art {
    opacity: .5;
    width: 100%;
  }

  :root[data-color-theme="dark"] .counsel-header-art {
    opacity: .54;
  }

  .counsel-sidebar-responsive {
    z-index: 60;
    width: min(13.5rem, 100vw - 3rem);
    box-shadow: var(--ca-shadow-md);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    transform: translateX(-105%);
  }

  .counsel-sidebar-responsive.is-collapsed {
    width: min(13.5rem, 100vw - 3rem);
  }

  .counsel-sidebar-responsive.is-mobile-open {
    transform: translateX(0);
  }

  .counsel-sidebar-responsive .counsel-sidebar-label, .counsel-sidebar-responsive.is-collapsed .counsel-sidebar-label {
    display: block;
  }

  .counsel-sidebar-responsive .counsel-nav-item {
    justify-content: flex-start;
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .counsel-sidebar-backdrop {
    z-index: 50;
    pointer-events: none;
    opacity: 0;
    background: #0f172a00;
    transition: opacity .18s, background .18s;
    display: block;
    position: fixed;
    inset: 0;
  }

  .counsel-sidebar-backdrop.is-open {
    pointer-events: auto;
    opacity: 1;
    background: #0f172a6b;
  }
}

.admin-compact, .admin-compact :where(.text-sm) {
  font-size: 13px;
  line-height: 1.45;
}

.admin-compact :where(.text-xs) {
  font-size: 12px;
  line-height: 1.35;
}

.admin-compact :where(.text-lg, .text-xl) {
  line-height: 1.25;
}

.admin-compact :where(h1) {
  letter-spacing: 0;
}

.admin-compact :where(section.rounded-lg, div.rounded-lg, fieldset.rounded-lg) {
  border-color: var(--ca-border-soft);
}

.admin-compact :where(section.rounded-lg.border, div.rounded-lg.border, fieldset.rounded-lg.border) {
  box-shadow: var(--ca-shadow-sm);
}

.admin-compact :where(button, a) {
  letter-spacing: 0;
}

.admin-compact :where(button[class*="bg-slate-950"], a[class*="bg-slate-950"]) {
  background-color: var(--ca-primary);
  color: #fff;
  box-shadow: var(--ca-shadow-sm);
}

.admin-compact :where(button[class*="bg-slate-950"]:hover, a[class*="bg-slate-950"]:hover) {
  background-color: var(--ca-primary-hover);
}

.admin-compact :where(button[class*="border-slate-300"], a[class*="border-slate-300"]) {
  border-color: var(--ca-border);
}

.admin-compact :where(button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible) {
  outline-offset: 2px;
  outline: 2px solid #00668952;
}

.admin-compact :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), select, textarea) {
  border-color: var(--ca-border);
  background-color: var(--ca-surface);
  color: var(--ca-text);
}

.admin-compact :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):focus, select:focus, textarea:focus) {
  border-color: var(--ca-secondary);
  box-shadow: 0 0 0 3px #0066891f;
}

.admin-compact :where(input:disabled, select:disabled, textarea:disabled, button:disabled) {
  cursor: not-allowed;
}

.admin-compact :where(input:not([type="checkbox"]):not([type="radio"]):disabled, select:disabled, textarea:disabled) {
  color: var(--ca-text-subtle);
  background-color: #eef3f8;
}

.admin-compact :where(table) {
  border-color: var(--ca-border-soft);
  color: var(--ca-text);
}

.admin-compact :where(thead) {
  background-color: var(--ca-surface-soft);
  color: var(--ca-text-muted);
}

.admin-compact :where(th) {
  letter-spacing: 0;
  font-size: 12px;
  font-weight: 700;
}

.admin-compact :where(tbody tr) {
  border-color: var(--ca-border-soft);
}

.admin-compact :where(tbody tr:hover) {
  background-color: var(--ca-surface-muted);
  color: var(--ca-text);
}

.admin-compact :where([role="dialog"]) {
  border-color: var(--ca-border);
  border-radius: var(--ca-radius-lg);
  background-color: var(--ca-surface);
  box-shadow: var(--ca-shadow-md);
}

.admin-compact :where(.bg-emerald-50) {
  background-color: var(--ca-success-soft);
}

.admin-compact :where(.text-emerald-700) {
  color: var(--ca-success);
}

.admin-compact :where(.bg-amber-50) {
  background-color: var(--ca-warning-soft);
}

.admin-compact :where(.text-amber-700, .text-amber-800) {
  color: var(--ca-warning);
}

.admin-compact :where(.bg-rose-50) {
  background-color: var(--ca-danger-soft);
}

.admin-compact :where(.text-rose-700, .text-rose-800, .text-rose-900) {
  color: var(--ca-danger);
}

.admin-compact :where(.leading-6) {
  line-height: 1.45;
}

.admin-compact :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), select) {
  height: 2.125rem;
  font-size: 13px;
  line-height: 1.25rem;
}

.admin-compact :where(textarea) {
  font-size: 13px;
  line-height: 1.45;
}

.admin-compact :where(button[class*="h-10"], a[class*="h-10"], label[class*="h-10"]) {
  height: 2.25rem;
}

.admin-compact :where(button[class*="h-9"], a[class*="h-9"], label[class*="h-9"]) {
  height: 2.125rem;
}

.admin-compact :where(button, a, label) {
  font-size: 13px;
}

.admin-compact :where(section.rounded-lg, div.rounded-lg, fieldset.rounded-lg) {
  border-radius: var(--ca-radius-md);
}

.admin-compact :where(.p-5) {
  padding: 1rem;
}

.admin-compact :where(.p-4) {
  padding: .875rem;
}

.admin-compact :where(.p-3) {
  padding: .625rem;
}

.admin-compact :where(.px-5) {
  padding-left: 1rem;
  padding-right: 1rem;
}

.admin-compact :where(.px-4) {
  padding-left: .875rem;
  padding-right: .875rem;
}

.admin-compact :where(.px-3) {
  padding-left: .625rem;
  padding-right: .625rem;
}

.admin-compact :where(.py-4) {
  padding-top: .875rem;
  padding-bottom: .875rem;
}

.admin-compact :where(.py-3) {
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.admin-compact :where(.py-2) {
  padding-top: .375rem;
  padding-bottom: .375rem;
}

.admin-compact :where(.gap-5) {
  gap: 1rem;
}

.admin-compact :where(.gap-4) {
  gap: .875rem;
}

.admin-compact :where(.gap-3) {
  gap: .625rem;
}

.admin-compact :where(.mt-5) {
  margin-top: 1rem;
}

.admin-compact :where(.mt-4) {
  margin-top: .75rem;
}

.admin-compact :where(.mt-3) {
  margin-top: .625rem;
}

.admin-compact :where(.mb-4) {
  margin-bottom: .75rem;
}

.admin-compact :where(.mb-3) {
  margin-bottom: .625rem;
}

.admin-compact table {
  font-size: 12.5px;
  line-height: 1.35;
}

.admin-compact table :where(th, td) {
  padding: .45rem .625rem;
}

.admin-compact :where(.rounded-full) {
  line-height: 1.25;
}

.splash-main-ready {
  visibility: hidden;
  pointer-events: none;
}

.splash-screen {
  z-index: 9999;
  color: #111827;
  background: radial-gradient(circle at 50% 43%, #ffffffe0, #fff3 24%, #0000 44%), linear-gradient(112deg, #dcecff 0%, #edf0ff 45%, #fff1f3 100%);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100dvh;
  padding: 2rem;
  animation: .42s ease-out both splash-fade-in;
  display: flex;
  position: fixed;
  inset: 0;
  overflow: hidden;
}

.splash-screen:before, .splash-screen:after {
  content: "";
  filter: blur(2px);
  opacity: .42;
  border-radius: 999px;
  position: absolute;
}

.splash-screen:before {
  background: radial-gradient(circle, #87a4ff33, #0000 68%);
  width: 28rem;
  height: 28rem;
  top: 16%;
  left: 12%;
}

.splash-screen:after {
  background: radial-gradient(circle, #ffc4ce38, #0000 68%);
  width: 30rem;
  height: 30rem;
  bottom: 12%;
  right: 10%;
}

.splash-screen-static {
  position: relative;
}

.splash-mark {
  width: 13rem;
  height: 13rem;
  margin-bottom: 1.75rem;
  animation: 4s ease-in-out infinite splash-float;
  position: relative;
}

.splash-analytics-card {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: linear-gradient(135deg, #ffffffbd, #ffffff47), linear-gradient(145deg, #6c7eff33, #d946ef33);
  border: 1px solid #ffffff9e;
  border-radius: 1.45rem;
  width: 7.7rem;
  height: 6rem;
  animation: .72s ease-out .12s both splash-mark-enter;
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: hidden;
  transform: translate(-50%, -50%);
  box-shadow: 0 1.25rem 3rem #7e57ff38, inset 0 0 0 1px #ffffff5c;
}

.splash-analytics-card:before {
  content: "";
  background: #64748b2e;
  height: 1px;
  position: absolute;
  bottom: 1.15rem;
  left: 1rem;
  right: 1rem;
  box-shadow: 0 -1.5rem #64748b1a, 0 -3rem #64748b14;
}

.splash-chart-bars {
  justify-content: space-between;
  align-items: flex-end;
  height: 3.8rem;
  display: flex;
  position: absolute;
  bottom: 1.15rem;
  left: 1.25rem;
  right: 1.25rem;
}

.splash-bar {
  transform-origin: bottom;
  background: linear-gradient(#7c8cff, #a855f7 68%, #d946ef);
  border-radius: 999px 999px .25rem .25rem;
  width: .72rem;
  animation: .72s ease-out both splash-bar-rise;
  box-shadow: 0 .55rem 1.25rem #8b5cf633;
}

.splash-bar-a {
  height: 38%;
  animation-delay: .22s;
}

.splash-bar-b {
  height: 68%;
  animation-delay: .3s;
}

.splash-bar-c {
  height: 52%;
  animation-delay: .38s;
}

.splash-bar-d {
  height: 86%;
  animation-delay: .46s;
}

.splash-trend-line {
  filter: drop-shadow(0 .45rem .9rem #8b5cf62e);
  border-top: .28rem solid #6366f1b8;
  border-right: .28rem solid #c026d3b8;
  border-radius: .9rem 1.1rem .2rem 0;
  width: 4.9rem;
  height: 2.35rem;
  animation: .76s ease-out .42s both splash-line-draw;
  position: absolute;
  top: 1.72rem;
  left: 1.45rem;
  transform: skew(-18deg)rotate(-4deg);
}

.splash-node {
  background: #8b5cf6;
  border: .16rem solid #ffffffe6;
  border-radius: 999px;
  width: .7rem;
  height: .7rem;
  animation: .56s ease-out both splash-node-pop;
  position: absolute;
  box-shadow: 0 .45rem 1rem #7c3aed38;
}

.splash-node-a {
  animation-delay: .52s;
  top: 1.35rem;
  left: 1.35rem;
}

.splash-node-b {
  background: #6478ff;
  animation-delay: .64s;
  top: .95rem;
  left: 3.65rem;
}

.splash-node-c {
  background: #d946ef;
  animation-delay: .76s;
  top: 2.65rem;
  right: 1.1rem;
}

.splash-mark:before, .splash-mark:after {
  content: "";
  background: #ffffffbd;
  border-radius: 999px;
  width: 5.2rem;
  height: 1.6rem;
  position: absolute;
  box-shadow: 0 .9rem 2.4rem #4865a01f;
}

.splash-mark:before {
  top: 1rem;
  right: .7rem;
  transform: rotate(60deg);
}

.splash-mark:after {
  bottom: 1.25rem;
  left: .5rem;
  transform: rotate(60deg);
}

.splash-shadow {
  filter: blur(9px);
  background: #4f46e529;
  border-radius: 999px;
  width: 6.5rem;
  height: .65rem;
  position: absolute;
  bottom: .95rem;
  left: 50%;
  transform: translateX(-50%);
}

.splash-title-wrap {
  z-index: 1;
  text-align: center;
  position: relative;
}

.splash-title {
  text-transform: uppercase;
  letter-spacing: 0;
  margin: 0;
}

.splash-title-first {
  background: linear-gradient(92deg, #6777f2 0%, #8b5cf6 46%, #c036e8 100%);
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: clamp(2.1rem, 5vw, 3.2rem);
  font-weight: 850;
  line-height: .98;
  animation: .62s ease-out .26s both splash-title-enter;
}

.splash-title-second {
  color: #111827;
  margin-top: .55rem;
  font-size: clamp(1.25rem, 3.1vw, 2rem);
  font-weight: 300;
  line-height: 1;
  animation: .62s ease-out .46s both splash-title-enter;
}

.splash-progress-wrap {
  z-index: 1;
  width: min(25rem, 100vw - 3rem);
  margin-top: 2.6rem;
  animation: .62s ease-out .68s both splash-title-enter;
  position: relative;
}

.splash-progress-track {
  background: #ffffffb3;
  border-radius: 999px;
  height: .5rem;
  overflow: hidden;
  box-shadow: inset 0 0 0 1px #818cf81f, 0 1rem 2.6rem #4f46e51f;
}

.splash-progress-fill {
  border-radius: inherit;
  background: linear-gradient(90deg, #6478ff, #8b5cf6 55%, #d946ef);
  height: 100%;
  transition: width .42s cubic-bezier(.22, 1, .36, 1);
  box-shadow: 0 0 1.8rem #8b5cf652;
}

.splash-progress-indeterminate {
  width: 42%;
  animation: 1.4s ease-in-out infinite splash-progress-slide;
}

.splash-progress-meta {
  color: #475569;
  justify-content: space-between;
  gap: 1rem;
  margin-top: .7rem;
  font-size: .8rem;
  font-weight: 500;
  display: flex;
}

.splash-error-panel {
  z-index: 1;
  text-align: left;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  background: #ffffffad;
  border: 1px solid #f43f5e2e;
  border-radius: .9rem;
  width: min(26rem, 100vw - 3rem);
  margin-top: 1.25rem;
  padding: 1rem;
  position: relative;
  box-shadow: 0 1rem 2.5rem #64748b24;
}

.splash-error-title {
  color: #9f1239;
  margin: 0;
  font-size: .9rem;
  font-weight: 700;
}

.splash-error-message {
  color: #475569;
  margin: .35rem 0 0;
  font-size: .82rem;
  line-height: 1.45;
}

.splash-error-actions {
  flex-wrap: wrap;
  gap: .5rem;
  margin-top: .85rem;
  display: flex;
}

.splash-retry-button, .splash-enter-button {
  border-radius: .55rem;
  justify-content: center;
  align-items: center;
  gap: .45rem;
  height: 2.25rem;
  padding: 0 .8rem;
  font-size: .82rem;
  font-weight: 650;
  display: inline-flex;
}

.splash-retry-button {
  color: #fff;
  background: #111827;
}

.splash-enter-button {
  color: #334155;
  background: #ffffffc7;
  border: 1px solid #64748b47;
}

@keyframes splash-fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes splash-title-enter {
  from {
    opacity: 0;
    transform: translateY(12px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes splash-mark-enter {
  from {
    opacity: 0;
    transform: translate(-50%, -44%)scale(.96);
  }

  to {
    opacity: 1;
    transform: translate(-50%, -50%)scale(1);
  }
}

@keyframes splash-bar-rise {
  from {
    opacity: 0;
    transform: scaleY(.2);
  }

  to {
    opacity: 1;
    transform: scaleY(1);
  }
}

@keyframes splash-line-draw {
  from {
    opacity: 0;
    clip-path: inset(0 100% 0 0);
  }

  to {
    opacity: 1;
    clip-path: inset(0);
  }
}

@keyframes splash-node-pop {
  from {
    opacity: 0;
    transform: scale(.3);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes splash-float {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-8px);
  }
}

@keyframes splash-progress-slide {
  0% {
    transform: translateX(-115%);
  }

  55% {
    transform: translateX(120%);
  }

  100% {
    transform: translateX(120%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .splash-screen, .splash-mark, .splash-analytics-card, .splash-bar, .splash-trend-line, .splash-node, .splash-title-first, .splash-title-second, .splash-progress-wrap, .splash-progress-indeterminate {
    animation: none;
  }

  .splash-progress-fill {
    transition: none;
  }
}

.ai-run-floating-status {
  z-index: 60;
  align-items: flex-end;
  gap: .75rem;
  max-width: calc(100vw - 3rem);
  display: flex;
  position: fixed;
  bottom: 1.5rem;
  right: 1.5rem;
}

.ai-run-status-bubble {
  border: 1px solid var(--ca-border-soft);
  background: color-mix(in srgb, var(--ca-surface) 96%, transparent);
  width: min(21rem, 100vw - 11rem);
  min-height: 7.5rem;
  color: var(--ca-text);
  text-align: left;
  box-shadow: var(--ca-shadow-md);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border-radius: .5rem;
  flex-direction: column;
  justify-content: center;
  gap: .55rem;
  padding: 1rem 1.1rem;
  transition: border-color .16s, transform .16s;
  display: flex;
  position: relative;
}

.ai-run-status-bubble:hover {
  border-color: var(--ca-primary);
  transform: translateY(-2px);
}

.ai-run-status-bubble:focus-visible, .ai-run-status-dismiss:focus-visible, .ai-run-status-index:focus-visible {
  outline: 2px solid var(--ca-primary);
  outline-offset: 2px;
}

.ai-run-status-heading, .ai-run-progress-row, .ai-run-counts, .ai-run-model {
  align-items: center;
  display: flex;
}

.ai-run-status-heading {
  gap: .45rem;
  min-width: 0;
  font-size: .84rem;
  line-height: 1.35;
}

.ai-run-status-heading svg {
  width: 1rem;
  height: 1rem;
  color: var(--ca-success);
  flex: none;
}

.ai-run-live-dot {
  background: var(--ca-success);
  width: .5rem;
  height: .5rem;
  box-shadow: 0 0 0 .25rem var(--ca-success-soft);
  border-radius: 999px;
  flex: none;
}

.ai-run-progress-row {
  color: var(--ca-text-muted);
  font-variant-numeric: tabular-nums;
  gap: .65rem;
  font-size: .74rem;
}

.ai-run-progress-track {
  background: var(--ca-surface-muted);
  border-radius: 999px;
  flex: 1;
  height: .38rem;
  overflow: hidden;
}

.ai-run-progress-fill {
  border-radius: inherit;
  background: var(--ca-secondary);
  height: 100%;
  transition: width .36s;
  display: block;
}

.ai-run-counts {
  color: var(--ca-text-muted);
  font-variant-numeric: tabular-nums;
  flex-wrap: wrap;
  gap: .2rem;
  font-size: .75rem;
}

.ai-run-failed-count {
  color: var(--ca-danger);
  font-weight: 700;
}

.ai-run-model {
  border: 1px solid var(--ca-border-soft);
  background: var(--ca-surface-soft);
  width: fit-content;
  color: var(--ca-text-subtle);
  border-radius: 999px;
  padding: .12rem .45rem;
  font-size: .68rem;
}

.ai-run-status-dismiss {
  z-index: 3;
  border: 1px solid var(--ca-border-soft);
  background: var(--ca-surface);
  width: 1.75rem;
  height: 1.75rem;
  color: var(--ca-text-muted);
  box-shadow: var(--ca-shadow-sm);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  position: absolute;
  top: -.6rem;
  right: -.6rem;
}

.ai-run-status-dismiss:hover {
  color: var(--ca-danger);
}

.ai-run-status-dismiss svg {
  width: .9rem;
  height: .9rem;
}

.ai-run-status-index {
  z-index: 60;
  border: 1px solid var(--ca-border-soft);
  background: color-mix(in srgb, var(--ca-surface) 96%, transparent);
  width: 4.25rem;
  height: 2.75rem;
  color: var(--ca-primary);
  box-shadow: var(--ca-shadow-md);
  font-variant-numeric: tabular-nums;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border-right: 0;
  border-radius: .5rem 0 0 .5rem;
  justify-content: center;
  align-items: center;
  gap: .35rem;
  font-size: .72rem;
  font-weight: 750;
  transition: width .16s, background-color .16s;
  display: inline-flex;
  position: fixed;
  bottom: 1.5rem;
  right: 0;
}

.ai-run-status-index:hover {
  background: var(--ca-surface-active);
  width: 4.75rem;
}

.ai-run-status-index svg {
  width: 1rem;
  height: 1rem;
}

.ai-mascot-wrap {
  flex: none;
  width: 8.25rem;
  height: 9.25rem;
  animation: 3.2s ease-in-out infinite ai-mascot-idle;
  position: relative;
  overflow: hidden;
}

.ai-mascot-layers, .ai-mascot-gaze, .ai-mascot-layer, .ai-binary-rain {
  position: absolute;
  inset: 0;
}

.ai-mascot-layers {
  z-index: 2;
}

.ai-mascot-arm {
  z-index: 1;
  transform-origin: 31.7% 42.9%;
  animation: 6.8s ease-in-out infinite ai-mascot-arm-idle;
}

.ai-mascot-body {
  z-index: 2;
}

.ai-mascot-gaze {
  z-index: 3;
  animation: 8.5s ease-in-out infinite ai-mascot-gaze;
}

.ai-mascot-layer {
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.ai-mascot-eyes-open {
  animation: 4.5s step-end infinite ai-eyes-open-blink;
}

.ai-mascot-eyes-closed {
  animation: 4.5s step-end infinite ai-eyes-closed-blink;
}

.ai-mascot-fallback {
  z-index: 2;
  border: 1px solid var(--ca-border-soft);
  background: var(--ca-surface);
  width: 5.25rem;
  height: 5.25rem;
  color: var(--ca-primary);
  box-shadow: var(--ca-shadow-md);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  bottom: .6rem;
  left: 50%;
  transform: translateX(-50%);
}

.ai-mascot-fallback svg {
  width: 2.4rem;
  height: 2.4rem;
}

.ai-binary-rain {
  pointer-events: none;
  overflow: hidden;
}

.ai-binary-rain-back, .ai-binary-rain-front {
  z-index: 1;
}

.ai-binary-drop {
  white-space: pre;
  text-align: center;
  opacity: 0;
  text-shadow: 0 1px 2px color-mix(in srgb, var(--ca-surface) 55%, transparent);
  font-weight: 800;
  line-height: 1.05;
  animation: linear infinite ai-binary-fall;
  position: absolute;
  top: -7rem;
}

.ai-binary-rain-front .ai-binary-drop {
  opacity: 0;
  filter: drop-shadow(0 1px 1px color-mix(in srgb, var(--ca-surface) 60%, transparent));
}

.ai-binary-blue {
  color: #0284c7;
}

.ai-binary-yellow {
  color: #d6a900;
}

.ai-binary-ink {
  color: var(--ca-text);
}

@keyframes ai-mascot-idle {
  0%, 100% {
    transform: translateY(0)rotate(-.25deg);
  }

  50% {
    transform: translateY(-.12rem)rotate(.25deg);
  }
}

@keyframes ai-mascot-arm-idle {
  0%, 100% {
    transform: rotate(-3deg);
  }

  50% {
    transform: rotate(6deg);
  }
}

@keyframes ai-mascot-gaze {
  0%, 12%, 100% {
    transform: translate(0);
  }

  20%, 32% {
    transform: translate(-1.8px, .4px);
  }

  39%, 48% {
    transform: translate(.8px, -1.2px);
  }

  57%, 70% {
    transform: translate(2px, .5px);
  }

  78%, 88% {
    transform: translate(-.5px, 1.1px);
  }
}

@keyframes ai-eyes-open-blink {
  0%, 92%, 97%, 100% {
    opacity: 1;
  }

  93%, 96% {
    opacity: 0;
  }
}

@keyframes ai-eyes-closed-blink {
  0%, 92%, 97%, 100% {
    opacity: 0;
  }

  93%, 96% {
    opacity: 1;
  }
}

@keyframes ai-binary-fall {
  0% {
    opacity: 0;
    transform: translateY(-7rem);
  }

  10% {
    opacity: .72;
  }

  88% {
    opacity: .62;
  }

  100% {
    opacity: 0;
    transform: translateY(18rem);
  }
}

.ollama-glass-shine {
  filter: blur(5px);
  background: linear-gradient(90deg, #0000 0%, #ffffff0a 12%, #ffffff38 31%, #ffffffad 50%, #ffffff3d 69%, #ffffff0d 88%, #0000 100%);
  width: 62%;
  animation: 2.4s cubic-bezier(.22, .62, .28, 1) both ollama-glass-shine;
  left: -72%;
  transform: skewX(-14deg);
}

@keyframes ollama-glass-shine {
  from {
    left: -72%;
  }

  to {
    left: 118%;
  }
}

.ollama-status-panel {
  background-color: #27476d;
  background-image: linear-gradient(90deg, #0f1f37e6 0%, #162d4cc7 48%, #1a314d52 100%), url("/statics/images/bg_ollama_status.webp");
  background-position: center, center;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #ffffff80;
}

.ollama-status-panel[data-connected="true"] {
  background-image: linear-gradient(90deg, #0d2a40e0 0%, #144150b3 48%, #2452523d 100%), url("/statics/images/bg_ollama_status.webp");
}

.ollama-status-panel:after {
  pointer-events: none;
  border-radius: inherit;
  content: "";
  position: absolute;
  inset: 0;
  box-shadow: inset 0 0 0 1px #ffffff2e;
}

.ollama-status-tile {
  aspect-ratio: 1;
  width: var(--ollama-status-tile-size);
  background: #fff;
  border: 0;
  border-radius: .9rem;
  justify-content: center;
  align-items: center;
  min-width: 0;
  padding: .3rem;
  display: flex;
  box-shadow: 0 .75rem 1.5rem -1.15rem #0f172ab8;
}

.ollama-status-summary-tile {
  color: #0f2746;
  text-align: center;
  flex-direction: column;
  gap: .08rem;
}

.ollama-ecosystem-tile {
  flex-direction: column;
  gap: .2rem;
}

.ollama-ecosystem-tile > span {
  color: #31445e;
  font-size: .48rem;
  font-weight: 700;
  line-height: 1;
}

.ollama-status-summary-tile strong {
  overflow-wrap: anywhere;
  font-size: .5rem;
  font-weight: 750;
  line-height: 1.1;
}

.ollama-status-summary-tile > span:last-child {
  color: #52657d;
  font-size: .43rem;
  font-weight: 650;
  line-height: 1.2;
}

.ollama-ecosystem-icon-dark {
  display: none;
}

.ollama-status-tile-grid {
  --ollama-status-tile-size: 3.25rem;
  grid-template-columns: repeat(6, var(--ollama-status-tile-size));
  gap: .4rem;
  width: max-content;
  max-width: 100%;
  display: grid;
}

.ollama-status-tile img {
  max-width: 70%;
  max-height: 46%;
}

.ollama-status-tile-icon {
  width: 1.15rem;
  height: 1.15rem;
}

.ollama-status-tile .text-slate-700 {
  color: #334155;
}

.ollama-status-refresh {
  color: #fff;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background: #0f2746bd;
  border: 1px solid #ffffff80;
  box-shadow: 0 .55rem 1rem -.85rem #0f172abf;
}

.ollama-status-refresh:hover:not(:disabled) {
  background: #0f2746e6;
}

:root[data-color-theme="dark"] .ollama-status-panel {
  background-image: linear-gradient(90deg, #060f1ef0 0%, #0b1c32d1 50%, #0f1f336b 100%), url("/statics/images/bg_ollama_status.webp");
  border-color: #94a3b861;
}

:root[data-color-theme="dark"] .ollama-status-tile {
  background: #fff;
}

:root[data-color-theme="dark"] .ollama-status-summary-tile {
  color: #0f2746;
}

:root[data-color-theme="dark"] .ollama-ecosystem-tile > span {
  color: #31445e;
}

:root[data-color-theme="dark"] .ollama-status-summary-tile > span:last-child {
  color: #52657d;
}

:root[data-color-theme="dark"] .ollama-ecosystem-icon-light {
  display: block;
}

:root[data-color-theme="dark"] .ollama-ecosystem-icon-dark {
  display: none;
}

@media (max-width: 1279px) {
  .ollama-status-tile-grid {
    --ollama-status-tile-size: 2.75rem;
  }

  .ollama-ecosystem-label, .ollama-status-value, .ollama-status-caption {
    display: none;
  }

  .ollama-status-tile img {
    max-width: 64%;
    max-height: 58%;
  }

  .ollama-status-tile-icon {
    width: 1.25rem;
    height: 1.25rem;
  }
}

@media (max-width: 639px) {
  .ollama-status-tile-grid {
    --ollama-status-tile-size: clamp(2.25rem, 12vw, 2.75rem);
    grid-template-columns: repeat(3, var(--ollama-status-tile-size));
    gap: .4rem;
  }

  .ollama-status-tile {
    border-radius: .65rem;
    padding: .25rem;
  }
}

.dashboard-card {
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  background: #ffffffdb;
  border: 0;
  box-shadow: 0 14px 34px -26px #1e293b6b;
}

.admin-soft-gradient-background {
  padding-bottom: calc(1.5rem + env(safe-area-inset-bottom));
  background-color: #0000;
  background-image: radial-gradient(circle at 12% 14%, #bfdbfe57, #0000 29%), radial-gradient(circle at 88% 16%, #ddd6fe52, #0000 31%), radial-gradient(circle at 52% 88%, #fee2e23d, #0000 35%), linear-gradient(135deg, #f8fafc 0%, #eef6ff 46%, #f7f3ff 100%);
  background-position: 0 0, 0 0, 0 0, 0 0;
  background-repeat: repeat, repeat, repeat, repeat;
  background-size: 140% 140%;
  background-attachment: scroll, scroll, scroll, scroll;
  background-origin: padding-box, padding-box, padding-box, padding-box;
  background-clip: border-box, border-box, border-box, border-box;
  animation: 30s ease-in-out infinite dashboard-gradient-drift;
}

.dashboard-info-card {
  background: #ffffffe0;
}

.dashboard-metric-card:before {
  content: "";
  background: #93c5fd;
  border-radius: 0 0 999px 999px;
  width: 2rem;
  height: 3px;
  position: absolute;
  top: 0;
  left: 1rem;
}

.dashboard-metric-card[data-tone="success"]:before {
  background: #6ee7b7;
}

.dashboard-metric-card[data-tone="warning"]:before {
  background: #fdba74;
}

.dashboard-kpi-value {
  letter-spacing: -.035em;
  word-break: keep-all;
  font-size: clamp(1.25rem, 1rem + 1vw, 1.875rem);
  line-height: 1;
}

:root[data-color-theme="dark"] .admin-soft-gradient-background {
  background: radial-gradient(circle at 12% 14%, #3b82f62e, #0000 30%), radial-gradient(circle at 88% 16%, #8b5cf62e, #0000 32%), radial-gradient(circle at 52% 88%, #be506e1a, #0000 36%), linear-gradient(135deg, #10141b 0%, #111a29 48%, #181426 100%);
}

.admin-soft-gradient-background :where(section, article, header)[class*="bg-white"][class*="border"], .admin-soft-gradient-background :where(div)[class*="bg-white"][class*="border"][class*="shadow"] {
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  background-color: #ffffffdb;
  border-color: #0000;
  box-shadow: 0 14px 34px -26px #1e293b6b;
}

.admin-soft-gradient-background :where(section, article, header)[class*="rounded-lg"][class*="bg-white"], .admin-soft-gradient-background :where(div)[class*="rounded-lg"][class*="bg-white"][class*="shadow"] {
  border-radius: 1rem;
}

:root[data-color-theme="dark"] .admin-soft-gradient-background :where(section, article, header)[class*="bg-white"][class*="border"], :root[data-color-theme="dark"] .admin-soft-gradient-background :where(div)[class*="bg-white"][class*="border"][class*="shadow"] {
  background-color: #171c24db;
  border-color: #0000;
  box-shadow: 0 18px 38px -28px #000000e0;
}

.admin-soft-gradient-background span.rounded-full[class*="text-xs"] {
  border: 1px solid #94a3b857;
  box-shadow: 0 3px 10px -8px;
}

.admin-soft-gradient-background span.rounded-full.text-emerald-700, .admin-soft-gradient-background span.rounded-full.text-emerald-800, .admin-soft-gradient-background span.rounded-full.text-emerald-900 {
  border-color: #34d39961;
}

.admin-soft-gradient-background span.rounded-full.text-sky-700, .admin-soft-gradient-background span.rounded-full.text-sky-800, .admin-soft-gradient-background span.rounded-full.text-sky-900 {
  border-color: #38bdf861;
}

.admin-soft-gradient-background span.rounded-full.text-amber-600, .admin-soft-gradient-background span.rounded-full.text-amber-700, .admin-soft-gradient-background span.rounded-full.text-amber-800 {
  border-color: #fb923c61;
}

.admin-soft-gradient-background span.rounded-full.text-rose-600, .admin-soft-gradient-background span.rounded-full.text-rose-700, .admin-soft-gradient-background span.rounded-full.text-rose-800 {
  border-color: #fb718561;
}

:root[data-color-theme="dark"] .admin-soft-gradient-background span.rounded-full[class*="text-xs"] {
  border-color: #94a3b84d;
}

:root[data-color-theme="dark"] .admin-soft-gradient-background span.rounded-full.text-emerald-700, :root[data-color-theme="dark"] .admin-soft-gradient-background span.rounded-full.text-emerald-800, :root[data-color-theme="dark"] .admin-soft-gradient-background span.rounded-full.text-emerald-900 {
  border-color: #34d39957;
}

:root[data-color-theme="dark"] .admin-soft-gradient-background span.rounded-full.text-sky-700, :root[data-color-theme="dark"] .admin-soft-gradient-background span.rounded-full.text-sky-800, :root[data-color-theme="dark"] .admin-soft-gradient-background span.rounded-full.text-sky-900 {
  border-color: #38bdf857;
}

:root[data-color-theme="dark"] .admin-soft-gradient-background span.rounded-full.text-amber-600, :root[data-color-theme="dark"] .admin-soft-gradient-background span.rounded-full.text-amber-700, :root[data-color-theme="dark"] .admin-soft-gradient-background span.rounded-full.text-amber-800 {
  border-color: #fb923c57;
}

:root[data-color-theme="dark"] .admin-soft-gradient-background span.rounded-full.text-rose-600, :root[data-color-theme="dark"] .admin-soft-gradient-background span.rounded-full.text-rose-700, :root[data-color-theme="dark"] .admin-soft-gradient-background span.rounded-full.text-rose-800 {
  border-color: #fb718557;
}

.admin-segmented-tabs {
  grid-template-columns: repeat(var(--segment-count), minmax(0, 1fr));
}

.public-preview-dashboard {
  padding-bottom: calc(2rem + env(safe-area-inset-bottom));
}

.public-preview-scope-control {
  border: 1px solid var(--ca-border);
  background: var(--ca-surface-soft);
  border-radius: .5rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  min-width: 15rem;
  padding: .25rem;
  display: inline-grid;
  position: relative;
  overflow: hidden;
}

.public-preview-scope-indicator {
  background: var(--ca-text);
  width: calc(33.3333% - .166667rem);
  box-shadow: var(--ca-shadow-sm);
  border-radius: .375rem;
  transition: transform .2s;
  position: absolute;
  top: .25rem;
  bottom: .25rem;
  left: .25rem;
  transform: translateX(0);
}

.public-preview-scope-control[data-scope="all"] .public-preview-scope-indicator {
  transform: translateX(100%);
}

.public-preview-scope-control[data-scope="batch"] .public-preview-scope-indicator {
  transform: translateX(200%);
}

.public-preview-scope-button {
  z-index: 1;
  min-width: 0;
  color: var(--ca-text-muted);
  white-space: nowrap;
  border-radius: .375rem;
  padding: .5rem 1rem;
  font-size: .875rem;
  font-weight: 500;
  transition: color .16s;
  position: relative;
}

.public-preview-scope-button[aria-pressed="true"] {
  color: var(--ca-surface);
}

.public-preview-scope-button:disabled {
  opacity: .4;
}

@media (prefers-reduced-motion: reduce) {
  .public-preview-scope-indicator, .public-preview-scope-button {
    transition: none;
  }
}

.public-dashboard-page {
  --public-dashboard-page-bg: #f7f9fc;
  --public-dashboard-bg-offset: clamp(-15rem, calc(3rem - 15vw), -9rem);
  --public-dashboard-bg-end: calc(52vw + var(--public-dashboard-bg-offset));
  --public-dashboard-bg-fade-start: calc(var(--public-dashboard-bg-end) - 6rem);
  --public-dashboard-bg-fade-light: calc(var(--public-dashboard-bg-end) - 4rem);
  --public-dashboard-bg-fade-medium: calc(var(--public-dashboard-bg-end) - 2rem);
  --public-dashboard-bg-fade-solid: calc(var(--public-dashboard-bg-end) - .75rem);
  background-color: var(--public-dashboard-page-bg);
  background-image: linear-gradient(to bottom,
      transparent 0,
      transparent var(--public-dashboard-bg-fade-start),
      #f7f9fc2e var(--public-dashboard-bg-fade-light),
      #f7f9fca6 var(--public-dashboard-bg-fade-medium),
      var(--public-dashboard-page-bg) var(--public-dashboard-bg-fade-solid),
      var(--public-dashboard-page-bg) var(--public-dashboard-bg-end)),
    url("/statics/images/bg_public_dashboard_wide.webp?v=09aff4cf");
  background-repeat: no-repeat, no-repeat;
  background-position: center top, center var(--public-dashboard-bg-offset);
  color: var(--ca-text);
  background-size: 100% 100%, 100%;
  background-attachment: scroll, scroll;
}

.public-dashboard-page.public-preview-background {
  --public-dashboard-bg-offset: 0rem;
  --public-dashboard-bg-end: calc(58.24vw - 8.65rem);
  --public-dashboard-bg-fade-start: calc(var(--public-dashboard-bg-end) - 3rem);
  --public-dashboard-bg-fade-light: calc(var(--public-dashboard-bg-end) - 2rem);
  --public-dashboard-bg-fade-medium: calc(var(--public-dashboard-bg-end) - 1rem);
  --public-dashboard-bg-fade-solid: calc(var(--public-dashboard-bg-end) - .25rem);
  background-position: top, top;
  background-size: 100% 100%, 112%;
}

@media (min-width: 1280px) {
  .public-dashboard-page.public-preview-background {
    --public-dashboard-bg-fade-start: calc(var(--public-dashboard-bg-end) - 5rem);
    --public-dashboard-bg-fade-light: calc(var(--public-dashboard-bg-end) - 3.5rem);
    --public-dashboard-bg-fade-medium: calc(var(--public-dashboard-bg-end) - 2rem);
    --public-dashboard-bg-fade-solid: calc(var(--public-dashboard-bg-end) - 1rem);
  }

  .counsel-shell:has( > .counsel-sidebar.is-collapsed) .public-dashboard-page.public-preview-background {
    --public-dashboard-bg-end: calc(58.24vw - 2.54rem);
  }
}

.public-dashboard-hero {
  padding: 2rem 0;
}

.auth-page, .audit-standalone {
  background: radial-gradient(circle at 14% 12%, color-mix(in srgb, var(--ca-primary-soft) 78%, transparent) 0, transparent 32rem),
    linear-gradient(145deg, var(--ca-bg), var(--ca-surface-muted));
  min-height: 100vh;
  color: var(--ca-text);
}

.auth-page {
  place-items: center;
  padding: 4.5rem 1rem 2rem;
  display: grid;
}

.auth-theme-control {
  z-index: 2;
  position: fixed;
  top: 1rem;
  right: 1rem;
}

.auth-login-scene {
  --login-layer2-x: 0px;
  --login-layer2-y: 0px;
  --login-layer3-x: 0px;
  --login-layer3-y: 0px;
  --login-layer4-x: 0px;
  --login-layer4-y: 0px;
  --login-layer5-x: 0px;
  --login-layer5-y: 0px;
  --login-character-space: clamp(5.25rem, 10vw, 6.75rem);
  isolation: isolate;
  background: #cde8ff;
  padding-block: clamp(5.5rem, 9vh, 7.5rem) 2rem;
  position: relative;
  overflow: hidden;
}

.auth-login-layer, .auth-login-shade {
  pointer-events: none;
  position: absolute;
  inset: -2rem;
}

.auth-login-layer {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.auth-login-layer-2 {
  z-index: -5;
  transform: translate3d(var(--login-layer2-x), var(--login-layer2-y), 0);
  background-image: url("/statics/images/login_bg_layer2.webp");
}

.auth-login-layer-3 {
  z-index: -4;
  transform: translate3d(var(--login-layer3-x), var(--login-layer3-y), 0);
  background-image: url("/statics/images/login_bg_newlayer3.webp");
  background-position: bottom;
  background-size: 100%;
}

.auth-login-layer-4 {
  z-index: -3;
  transform: translate3d(var(--login-layer4-x), var(--login-layer4-y), 0);
  background-image: url("/statics/images/login_bg_newlayer4.webp");
  background-position: bottom;
  background-size: 100%;
}

.auth-login-layer-5 {
  z-index: -2;
  transform: translate3d(var(--login-layer5-x), var(--login-layer5-y), 0);
  background-image: url("/statics/images/login_bg_newlayer5.webp");
  background-position: bottom;
  background-size: 100%;
}

.auth-login-shade {
  z-index: -1;
  background: radial-gradient(circle at 50% 46%, #fff3, #0000 34rem), linear-gradient(#0719370d, #07193733);
}

.auth-login-scene .auth-theme-control {
  z-index: 3;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background: #ffffffb8;
  border-radius: 999px;
  box-shadow: 0 .5rem 1.6rem #0f294c29;
}

.auth-login-card-wrap {
  z-index: 1;
  width: min(100%, 28rem);
  padding-top: var(--login-character-space);
  position: relative;
}

.auth-login-card-wrap .auth-card {
  background: color-mix(in srgb, var(--ca-surface) 88%, transparent);
  -webkit-backdrop-filter: blur(18px) saturate(1.08);
  backdrop-filter: blur(18px) saturate(1.08);
  border-color: #ffffffbf;
  width: 100%;
  box-shadow: 0 1.5rem 4rem #0f294c4d;
}

.auth-login-characters {
  z-index: 2;
  width: min(92%, 18rem);
  height: var(--login-character-space);
  filter: drop-shadow(0 .9rem .8rem #153a633d);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.auth-login-characters img {
  -o-object-fit: contain;
  object-fit: contain;
}

:root[data-color-theme="dark"] .auth-login-shade {
  background: radial-gradient(circle at 50% 44%, #13345c2e, #0000 31rem), linear-gradient(#030c1a3d, #030c1a94);
}

:root[data-color-theme="dark"] .auth-login-scene .auth-theme-control {
  background: #0a192db8;
}

@media (hover: hover) and (pointer: fine) {
  .auth-login-layer {
    will-change: transform;
  }
}

@media (max-width: 639px) {
  .auth-login-scene {
    --login-character-space: 4.25rem;
    padding: 4.75rem .8rem 1rem;
  }

  .auth-login-card-wrap {
    padding-top: var(--login-character-space);
  }

  .auth-login-characters {
    width: min(86%, 18rem);
  }

  .auth-login-layer-2, .auth-login-layer-3, .auth-login-layer-4, .auth-login-layer-5 {
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .auth-login-layer-2, .auth-login-layer-3, .auth-login-layer-4, .auth-login-layer-5 {
    transform: none;
  }
}

.auth-card {
  border: 1px solid var(--ca-border);
  background: color-mix(in srgb, var(--ca-surface) 96%, transparent);
  width: min(100%, 28rem);
  box-shadow: var(--ca-shadow-md);
  border-radius: 1rem;
  padding: 2rem;
}

.auth-brand-mark {
  background: var(--ca-primary);
  width: 3rem;
  height: 3rem;
  color: var(--ca-surface);
  box-shadow: var(--ca-shadow-sm);
  border-radius: .75rem;
  place-items: center;
  display: grid;
}

.auth-eyebrow, .audit-page-heading > div > p {
  color: var(--ca-secondary);
  letter-spacing: .12em;
  margin: 1.4rem 0 .3rem;
  font-size: .72rem;
  font-weight: 800;
}

.auth-card h1 {
  letter-spacing: -.025em;
  margin: 0;
  font-size: 1.75rem;
  line-height: 1.25;
}

.auth-description {
  color: var(--ca-text-muted);
  margin: .65rem 0 1.4rem;
  font-size: .9rem;
  line-height: 1.65;
}

.auth-form {
  gap: 1rem;
  margin-top: 1.15rem;
  display: grid;
}

.auth-form > div, .audit-filter-grid label {
  gap: .4rem;
  display: grid;
}

.auth-form label, .audit-filter-grid label {
  color: var(--ca-text);
  font-size: .78rem;
  font-weight: 700;
}

.auth-form input, .audit-filter-grid input, .audit-filter-grid select {
  border: 1px solid var(--ca-border);
  background: var(--ca-surface);
  width: 100%;
  min-width: 0;
  color: var(--ca-text);
  font: inherit;
  border-radius: .5rem;
  outline: none;
}

.auth-form input {
  height: 2.75rem;
  padding: 0 .8rem;
}

.auth-form input:focus, .audit-filter-grid input:focus, .audit-filter-grid select:focus {
  border-color: var(--ca-secondary);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--ca-secondary) 18%, transparent);
}

.auth-primary-button, .audit-primary-link {
  background: var(--ca-primary);
  min-height: 2.75rem;
  color: var(--ca-surface);
  border: 0;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  font-size: .9rem;
  font-weight: 750;
  text-decoration: none;
  transition: background .16s, opacity .16s;
  display: inline-flex;
}

.auth-primary-button:hover, .audit-primary-link:hover {
  background: var(--ca-primary-hover);
}

.auth-primary-button:disabled {
  cursor: wait;
  opacity: .62;
}

.auth-error, .auth-success {
  border-radius: .6rem;
  margin-top: 1rem;
  padding: .8rem;
  font-size: .82rem;
  line-height: 1.5;
}

.auth-error {
  border: 1px solid color-mix(in srgb, var(--ca-danger) 35%, transparent);
  background: var(--ca-danger-soft);
  color: var(--ca-danger);
}

.auth-success {
  border: 1px solid color-mix(in srgb, var(--ca-success) 35%, transparent);
  background: var(--ca-success-soft);
  color: var(--ca-success);
}

.auth-request-copy {
  border: 1px solid;
  border-radius: .35rem;
  padding: .2rem .45rem;
  font-weight: 700;
}

.auth-security-note, .auth-field-help {
  color: var(--ca-text-subtle);
  font-size: .72rem;
}

.auth-security-note {
  border-top: 1px solid var(--ca-border-soft);
  text-align: center;
  margin: 1.5rem 0 0;
  padding-top: 1rem;
}

.auth-field-help {
  margin: 0;
}

.auth-loading {
  color: var(--ca-text-muted);
  font-weight: 650;
}

.audit-shell {
  background: var(--ca-bg);
  height: 100vh;
  min-height: 0;
  color: var(--ca-text);
  display: flex;
  overflow: hidden;
}

.audit-sidebar {
  z-index: 50;
  border-right: 1px solid var(--ca-border-soft);
  background: var(--ca-surface);
  flex-direction: column;
  flex: 0 0 16.25rem;
  width: 16.25rem;
  height: 100vh;
  display: flex;
}

.audit-sidebar-brand {
  border-bottom: 1px solid var(--ca-border-soft);
  min-height: 4.5rem;
  color: var(--ca-primary);
  align-items: center;
  gap: .75rem;
  padding: 0 1rem;
  display: flex;
}

.audit-sidebar-brand > span {
  display: grid;
}

.audit-sidebar-brand strong {
  font-size: .9rem;
}

.audit-sidebar-brand small, .audit-sidebar-footer small {
  color: var(--ca-text-subtle);
  font-size: .7rem;
}

.audit-sidebar nav {
  flex: 1;
  min-height: 0;
  padding: 1rem .65rem;
  overflow-y: auto;
}

.audit-nav-heading {
  color: var(--ca-text-subtle);
  letter-spacing: .08em;
  text-transform: uppercase;
  margin: 0 .5rem .55rem;
  font-size: .68rem;
  font-weight: 800;
}

.audit-sidebar nav button, .audit-sidebar-footer a {
  width: 100%;
  min-height: 2.5rem;
  color: var(--ca-text-muted);
  text-align: left;
  background: none;
  border: 0;
  border-left: 3px solid #0000;
  border-radius: 0 .5rem .5rem 0;
  align-items: center;
  gap: .65rem;
  padding: 0 .75rem;
  font-size: .82rem;
  font-weight: 650;
  text-decoration: none;
  display: flex;
}

.audit-sidebar nav button:hover, .audit-sidebar-footer a:hover {
  background: var(--ca-surface-soft);
  color: var(--ca-text);
}

.audit-sidebar nav button.is-active {
  border-left-color: var(--ca-secondary);
  background: var(--ca-primary-soft);
  color: var(--ca-primary);
}

.audit-sidebar-footer {
  border-top: 1px solid var(--ca-border-soft);
  gap: .7rem;
  padding: .75rem;
  display: grid;
}

.audit-sidebar-footer p {
  background: var(--ca-surface-soft);
  border-radius: .5rem;
  gap: .15rem;
  margin: 0;
  padding: .65rem .75rem;
  font-size: .78rem;
  font-weight: 700;
  display: grid;
}

.audit-main {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  min-height: 0;
  display: flex;
}

.audit-logout-button, .audit-mobile-close {
  border: 1px solid var(--ca-border);
  background: var(--ca-surface);
  min-height: 2.25rem;
  color: var(--ca-text);
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  gap: .4rem;
  font-size: .76rem;
  font-weight: 700;
  display: inline-flex;
}

.audit-logout-button {
  padding: 0 .7rem;
}

.audit-mobile-close {
  width: 2.25rem;
  display: none;
}

.audit-content {
  flex: 1;
  min-height: 0;
  padding: 1.5rem;
  overflow: auto;
}

.audit-page-heading {
  justify-content: space-between;
  align-items: end;
  gap: 1rem;
  display: flex;
}

.audit-page-heading > div > p {
  margin-top: 0;
}

.audit-page-heading h2 {
  letter-spacing: -.025em;
  margin: 0;
  font-size: 1.65rem;
}

.audit-page-heading > div > span {
  color: var(--ca-text-muted);
  margin-top: .35rem;
  font-size: .82rem;
  display: block;
}

.audit-readonly-badge, .audit-result-badge, .audit-severity-badge, .audit-integrity-badge {
  white-space: nowrap;
  border-radius: 999px;
  align-items: center;
  gap: .35rem;
  font-size: .7rem;
  font-weight: 800;
  display: inline-flex;
}

.audit-readonly-badge {
  border: 1px solid var(--ca-border);
  background: var(--ca-surface);
  color: var(--ca-text-muted);
  padding: .35rem .65rem;
}

.audit-tabs {
  border-bottom: 1px solid var(--ca-border);
  gap: .25rem;
  margin-top: 1.35rem;
  display: flex;
  overflow-x: auto;
}

.audit-tabs button {
  min-height: 2.65rem;
  color: var(--ca-text-muted);
  background: none;
  border: 0;
  border-bottom: 3px solid #0000;
  flex: none;
  align-items: center;
  gap: .45rem;
  padding: 0 .8rem;
  font-size: .8rem;
  font-weight: 750;
  display: inline-flex;
}

.audit-tabs button[aria-selected="true"] {
  border-bottom-color: var(--ca-secondary);
  color: var(--ca-secondary);
}

.audit-tabs button:focus-visible, .audit-sidebar button:focus-visible, .audit-logout-button:focus-visible, .audit-pagination button:focus-visible, .audit-expand-button:focus-visible {
  outline: 2px solid var(--ca-secondary);
  outline-offset: 2px;
}

.audit-panel-stack {
  gap: 1rem;
  padding-top: 1rem;
  display: grid;
}

.audit-filter-card, .audit-table-card {
  border: 1px solid var(--ca-border-soft);
  background: var(--ca-surface);
  box-shadow: var(--ca-shadow-sm);
  border-radius: .75rem;
}

.audit-filter-card {
  padding: .85rem;
}

.audit-filter-grid {
  grid-template-columns: repeat(6, minmax(8.5rem, 1fr));
  gap: .7rem;
  display: grid;
}

.audit-filter-grid input, .audit-filter-grid select {
  height: 2.35rem;
  padding: 0 .65rem;
  font-size: .78rem;
}

.audit-loading-row, .audit-result-count {
  min-height: 1.5rem;
  color: var(--ca-text-muted);
  align-items: center;
  gap: .4rem;
  margin: 0;
  font-size: .76rem;
  font-weight: 650;
  display: flex;
}

.audit-denied-inline {
  border: 1px solid color-mix(in srgb, var(--ca-danger) 35%, var(--ca-border-soft));
  background: var(--ca-danger-soft);
  color: var(--ca-danger);
  border-radius: .75rem;
  align-items: flex-start;
  gap: .65rem;
  padding: .9rem 1rem;
  display: flex;
}

.audit-denied-inline svg {
  flex: none;
  margin-top: .1rem;
}

.audit-denied-inline strong {
  font-size: .82rem;
  display: block;
}

.audit-denied-inline p {
  margin: .2rem 0 0;
  font-size: .72rem;
  line-height: 1.5;
}

.audit-table-scroll {
  border: 1px solid var(--ca-border-soft);
  background: var(--ca-surface);
  width: 100%;
  min-width: 0;
  box-shadow: var(--ca-shadow-sm);
  border-radius: .75rem;
  overflow-x: auto;
}

.audit-table-scroll.is-nested {
  border: 0;
  border-top: 1px solid var(--ca-border-soft);
  box-shadow: none;
  border-radius: 0 0 .75rem .75rem;
}

.audit-table-scroll table {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
  min-width: 0;
  font-size: .75rem;
}

.audit-table-scroll th {
  z-index: 1;
  background: var(--ca-surface-soft);
  color: var(--ca-text-muted);
  text-align: left;
  white-space: nowrap;
  padding: .75rem;
  font-size: .68rem;
  font-weight: 800;
  position: sticky;
  top: 0;
}

.audit-table-scroll td {
  border-top: 1px solid var(--ca-border-soft);
  min-width: 0;
  max-width: 18rem;
  color: var(--ca-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: .72rem .75rem;
  overflow: hidden;
}

.audit-events-table th:first-child {
  width: 14%;
}

.audit-events-table th:nth-child(2) {
  width: 9%;
}

.audit-events-table th:nth-child(3) {
  width: 15%;
}

.audit-events-table th:nth-child(4) {
  width: 8%;
}

.audit-events-table th:nth-child(5) {
  width: 10%;
}

.audit-events-table th:nth-child(6) {
  width: 9%;
}

.audit-events-table th:nth-child(7) {
  width: 17%;
}

.audit-events-table th:nth-child(8) {
  width: 10%;
}

.audit-events-table th:nth-child(9) {
  width: 8%;
}

.audit-security-table th:first-child {
  width: 13%;
}

.audit-security-table th:nth-child(2) {
  width: 8%;
}

.audit-security-table th:nth-child(3), .audit-security-table th:nth-child(4) {
  width: 14%;
}

.audit-security-table th:nth-child(5) {
  width: 8%;
}

.audit-security-table th:nth-child(6) {
  width: 12%;
}

.audit-security-table th:nth-child(7) {
  width: 7%;
}

.audit-security-table th:nth-child(8) {
  width: 9%;
}

.audit-security-table th:nth-child(9) {
  width: 10%;
}

.audit-security-table th:nth-child(10) {
  width: 5%;
}

.audit-errors-table th:first-child, .audit-errors-table th:nth-child(2), .audit-errors-table th:nth-child(3) {
  width: 13%;
}

.audit-errors-table th:nth-child(4) {
  width: 11%;
}

.audit-errors-table th:nth-child(5) {
  width: 14%;
}

.audit-errors-table th:nth-child(6) {
  width: 7%;
}

.audit-errors-table th:nth-child(7), .audit-errors-table th:nth-child(8) {
  width: 12%;
}

.audit-errors-table th:nth-child(9) {
  width: 5%;
}

.audit-code-label {
  overflow-wrap: anywhere;
  text-overflow: ellipsis;
  word-break: keep-all;
  min-width: 0;
  display: block;
  overflow: hidden;
}

.audit-date-time {
  gap: .3rem;
  min-width: 0;
  display: inline-flex;
}

.audit-request-id, .audit-hash-cell {
  font-family: var(--font-geist-mono), ui-monospace, SFMono-Regular, Consolas, monospace;
  word-break: break-all;
}

.audit-table-scroll tbody > tr:not(.audit-detail-row):hover td {
  background: var(--ca-surface-soft);
}

.audit-request-id {
  text-overflow: ellipsis;
  max-width: 12rem;
  display: block;
  overflow: hidden;
}

.audit-expand-button {
  border: 1px solid var(--ca-border);
  background: var(--ca-surface);
  color: var(--ca-text-muted);
  border-radius: .35rem;
  align-items: center;
  gap: .2rem;
  padding: .25rem .45rem;
  font-size: .68rem;
  font-weight: 750;
  display: inline-flex;
}

.audit-detail-row td {
  background: var(--ca-surface-soft);
  white-space: normal;
  max-width: none;
  padding: 0;
}

.audit-detail-content {
  gap: 1rem;
  padding: 1rem;
  display: grid;
}

.audit-detail-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .7rem;
  margin: 0;
  display: grid;
}

.audit-detail-grid div, .audit-metadata dl div {
  border: 1px solid var(--ca-border-soft);
  background: var(--ca-surface);
  border-radius: .5rem;
  min-width: 0;
  padding: .6rem;
}

.audit-detail-grid dt, .audit-metadata dt {
  color: var(--ca-text-subtle);
  font-size: .65rem;
  font-weight: 800;
}

.audit-detail-grid dd, .audit-metadata dd {
  overflow-wrap: anywhere;
  color: var(--ca-text);
  margin: .25rem 0 0;
  font-size: .74rem;
}

.audit-metadata h4, .audit-error-detail h4 {
  margin: 0 0 .5rem;
  font-size: .75rem;
}

.audit-metadata dl {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .5rem;
  margin: 0;
  display: grid;
}

.audit-error-detail {
  gap: .5rem;
  display: grid;
}

.audit-error-detail p, .audit-error-detail pre {
  border: 1px solid var(--ca-border-soft);
  background: var(--ca-surface);
  color: var(--ca-text-muted);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  border-radius: .5rem;
  margin: 0;
  padding: .75rem;
  font-size: .72rem;
}

.audit-error-detail pre {
  max-height: 18rem;
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
  overflow: auto;
}

.audit-result-badge, .audit-severity-badge, .audit-integrity-badge {
  padding: .25rem .5rem;
}

.audit-result-badge {
  background: var(--ca-surface-muted);
  color: var(--ca-text-muted);
}

.audit-result-badge[data-result="success"] {
  background: var(--ca-success-soft);
  color: var(--ca-success);
}

.audit-result-badge[data-result="failure"], .audit-result-badge[data-result="denied"], .audit-result-badge[data-result="blocked"] {
  background: var(--ca-danger-soft);
  color: var(--ca-danger);
}

.audit-severity-badge[data-severity="info"] {
  background: var(--ca-primary-soft);
  color: var(--ca-secondary);
}

.audit-severity-badge[data-severity="warning"] {
  background: var(--ca-warning-soft);
  color: var(--ca-warning);
}

.audit-severity-badge[data-severity="high"], .audit-severity-badge[data-severity="critical"] {
  background: var(--ca-danger-soft);
  color: var(--ca-danger);
}

.audit-severity-badge[data-severity="critical"] {
  border: 1px solid;
}

.audit-integrity-badge[data-status="valid"] {
  background: var(--ca-success-soft);
  color: var(--ca-success);
}

.audit-integrity-badge[data-status="valid_unanchored"] {
  background: var(--ca-warning-soft);
  color: var(--ca-warning);
}

.audit-integrity-badge[data-status="invalid"] {
  background: var(--ca-danger-soft);
  color: var(--ca-danger);
}

.audit-pagination {
  justify-content: flex-end;
  gap: .5rem;
  display: flex;
}

.audit-pagination button {
  border: 1px solid var(--ca-border);
  background: var(--ca-surface);
  min-height: 2.2rem;
  color: var(--ca-text);
  border-radius: .45rem;
  align-items: center;
  gap: .3rem;
  padding: 0 .65rem;
  font-size: .75rem;
  font-weight: 700;
  display: inline-flex;
}

.audit-pagination button:disabled {
  cursor: not-allowed;
  opacity: .45;
}

.audit-health-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: .7rem;
  display: grid;
}

.audit-health-grid article {
  border: 1px solid var(--ca-border-soft);
  border-top: 3px solid var(--ca-border);
  background: var(--ca-surface);
  min-width: 0;
  box-shadow: var(--ca-shadow-sm);
  border-radius: .65rem;
  padding: .8rem;
}

.audit-health-grid article[data-health="ok"] {
  border-top-color: var(--ca-success);
}

.audit-health-grid article[data-health="warning"] {
  border-top-color: var(--ca-danger);
}

.audit-health-grid p, .audit-health-grid strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  display: block;
  overflow: hidden;
}

.audit-health-grid p {
  color: var(--ca-text-subtle);
  font-size: .68rem;
  font-weight: 700;
}

.audit-health-grid strong {
  margin-top: .4rem;
  font-size: .84rem;
}

.audit-table-title {
  padding: .85rem 1rem;
}

.audit-table-title:has(.audit-backup-actions) {
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  display: flex;
}

.audit-backup-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: .45rem;
  display: flex;
}

.audit-monitoring-shell {
  gap: 1rem;
  display: grid;
}

.audit-monitoring-toolbar, .audit-report-title {
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  display: flex;
}

.audit-monitoring-switch {
  border: 1px solid var(--ca-border);
  background: var(--ca-surface-soft);
  border-radius: .65rem;
  grid-template-columns: repeat(3, minmax(5rem, 1fr));
  padding: .2rem;
  display: inline-grid;
}

.audit-monitoring-switch button, .audit-finding-actions button, .audit-report-controls button, .audit-report-list button {
  min-height: 2.1rem;
  color: var(--ca-text-muted);
  background: none;
  border: 1px solid #0000;
  border-radius: .45rem;
  padding: 0 .7rem;
  font-size: .72rem;
  font-weight: 800;
}

.audit-monitoring-switch button.is-active {
  background: var(--ca-secondary);
  color: #fff;
  box-shadow: var(--ca-shadow-sm);
}

.audit-monitoring-switch button:focus-visible, .audit-finding-actions button:focus-visible, .audit-report-controls button:focus-visible, .audit-report-list button:focus-visible, .audit-finding-review summary:focus-visible {
  outline: 2px solid var(--ca-secondary);
  outline-offset: 2px;
}

.audit-critical-indicator {
  border: 1px solid var(--ca-border);
  background: var(--ca-surface);
  color: var(--ca-text-muted);
  border-radius: 999px;
  align-items: center;
  gap: .35rem;
  padding: .4rem .7rem;
  font-size: .72rem;
  font-weight: 800;
  display: inline-flex;
}

.audit-critical-indicator svg {
  width: .9rem;
  height: .9rem;
}

.audit-critical-indicator[data-active="true"] {
  border-color: color-mix(in srgb, var(--ca-danger) 45%, var(--ca-border));
  background: var(--ca-danger-soft);
  color: var(--ca-danger);
}

.audit-loading, .audit-error, .audit-success, .audit-empty {
  color: var(--ca-text-muted);
  border-radius: .6rem;
  margin: 0;
  padding: .75rem .9rem;
  font-size: .76rem;
}

.audit-error {
  background: var(--ca-danger-soft);
  color: var(--ca-danger);
}

.audit-success {
  background: var(--ca-success-soft);
  color: var(--ca-success);
}

.audit-monitoring-kpis {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .75rem;
  display: grid;
}

.audit-monitoring-kpi {
  border: 1px solid var(--ca-border-soft);
  background: var(--ca-surface);
  min-width: 0;
  box-shadow: var(--ca-shadow-sm);
  border-radius: .75rem;
  align-items: center;
  gap: .75rem;
  padding: .9rem;
  display: flex;
}

.audit-monitoring-kpi > svg {
  width: 1.2rem;
  height: 1.2rem;
  color: var(--ca-secondary);
  flex: none;
}

.audit-monitoring-kpi span, .audit-monitoring-kpi strong, .audit-monitoring-kpi small {
  display: block;
}

.audit-monitoring-kpi span, .audit-monitoring-kpi small {
  color: var(--ca-text-subtle);
  font-size: .67rem;
}

.audit-monitoring-kpi strong {
  color: var(--ca-text);
  margin: .15rem 0;
  font-size: 1rem;
}

.audit-monitoring-grid {
  grid-template-columns: minmax(0, 1.3fr) minmax(16rem, .7fr);
  gap: .75rem;
  display: grid;
}

.audit-mini-chart {
  align-items: end;
  gap: .25rem;
  min-height: 11rem;
  padding: 1rem;
  display: flex;
}

.audit-mini-chart-item {
  flex: 1;
  grid-template-rows: 1fr auto;
  align-items: end;
  gap: .3rem;
  min-width: 0;
  height: 8.5rem;
  display: grid;
}

.audit-mini-chart-item span {
  background: var(--ca-secondary);
  border-radius: .25rem .25rem 0 0;
  min-height: .25rem;
  display: block;
}

.audit-mini-chart-item small {
  color: var(--ca-text-subtle);
  text-align: center;
  white-space: nowrap;
  font-size: .55rem;
  overflow: hidden;
}

.audit-monitoring-status-list {
  gap: 0;
  margin: 0;
  padding: 0 1rem 1rem;
  display: grid;
}

.audit-monitoring-status-list div {
  border-top: 1px solid var(--ca-border-soft);
  justify-content: space-between;
  gap: .8rem;
  padding: .6rem 0;
  display: flex;
}

.audit-monitoring-status-list dt, .audit-monitoring-status-list dd {
  margin: 0;
  font-size: .72rem;
}

.audit-monitoring-status-list dt {
  color: var(--ca-text-subtle);
}

.audit-monitoring-status-list dd {
  color: var(--ca-text);
  text-align: right;
  font-weight: 750;
}

.audit-monitoring-filter-grid {
  grid-template-columns: repeat(4, minmax(9rem, 1fr));
}

.audit-finding-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75rem;
  display: grid;
}

.audit-finding-card {
  border: 1px solid var(--ca-border-soft);
  border-left: 3px solid var(--ca-border);
  background: var(--ca-surface);
  min-width: 0;
  box-shadow: var(--ca-shadow-sm);
  border-radius: .75rem;
  overflow: hidden;
}

.audit-finding-card[data-severity="critical"] {
  border-left-color: var(--ca-danger);
}

.audit-finding-card[data-severity="high"] {
  border-left-color: var(--ca-warning);
}

.audit-finding-card[data-severity="warning"] {
  border-left-color: var(--ca-secondary);
}

.audit-finding-card > header, .audit-finding-card > h3, .audit-finding-card > dl {
  margin: 0;
  padding-left: .9rem;
  padding-right: .9rem;
}

.audit-finding-card > header {
  justify-content: space-between;
  align-items: center;
  gap: .7rem;
  padding-top: .85rem;
  display: flex;
}

.audit-finding-card > header > div {
  flex-wrap: wrap;
  gap: .35rem;
  display: flex;
}

.audit-finding-card time {
  color: var(--ca-text-subtle);
  font-size: .65rem;
}

.audit-finding-card > h3 {
  color: var(--ca-text);
  margin-top: .65rem;
  font-size: .9rem;
}

.audit-finding-card > dl {
  gap: .45rem;
  padding-top: .65rem;
  padding-bottom: .85rem;
  display: grid;
}

.audit-finding-card > dl div {
  grid-template-columns: 4rem minmax(0, 1fr);
  gap: .5rem;
  display: grid;
}

.audit-finding-card dt, .audit-finding-card dd {
  min-width: 0;
  margin: 0;
  font-size: .69rem;
}

.audit-finding-card dt {
  color: var(--ca-text-subtle);
  font-weight: 750;
}

.audit-finding-card dd {
  overflow-wrap: anywhere;
  color: var(--ca-text);
}

.audit-status-badge {
  background: var(--ca-surface-muted);
  color: var(--ca-text-muted);
  white-space: nowrap;
  border-radius: 999px;
  align-items: center;
  padding: .25rem .5rem;
  font-size: .68rem;
  font-weight: 800;
  display: inline-flex;
}

.audit-status-badge[data-status="open"] {
  background: var(--ca-danger-soft);
  color: var(--ca-danger);
}

.audit-status-badge[data-status="reviewing"] {
  background: var(--ca-warning-soft);
  color: var(--ca-warning);
}

.audit-status-badge[data-status="resolved"] {
  background: var(--ca-success-soft);
  color: var(--ca-success);
}

.audit-finding-review {
  border-top: 1px solid var(--ca-border-soft);
  background: var(--ca-surface-soft);
}

.audit-finding-review summary {
  cursor: pointer;
  color: var(--ca-text-muted);
  padding: .7rem .9rem;
  font-size: .72rem;
  font-weight: 800;
}

.audit-finding-review-fields {
  grid-template-columns: minmax(9rem, .7fr) minmax(0, 1.3fr);
  gap: .6rem;
  padding: 0 .9rem .7rem;
  display: grid;
}

.audit-finding-review-fields label, .audit-report-controls label {
  color: var(--ca-text-subtle);
  gap: .25rem;
  font-size: .66rem;
  font-weight: 750;
  display: grid;
}

.audit-finding-review-fields select, .audit-finding-review-fields textarea, .audit-report-controls select {
  border: 1px solid var(--ca-border);
  background: var(--ca-surface);
  color: var(--ca-text);
  font: inherit;
  border-radius: .4rem;
}

.audit-finding-review-fields select, .audit-report-controls select {
  min-height: 2.2rem;
  padding: 0 .55rem;
}

.audit-finding-review-fields textarea {
  resize: vertical;
  min-height: 4rem;
  padding: .55rem;
}

.audit-finding-actions {
  flex-wrap: wrap;
  gap: .4rem;
  padding: 0 .9rem .8rem;
  display: flex;
}

.audit-finding-actions button, .audit-report-controls button, .audit-report-list button {
  border-color: var(--ca-border);
  background: var(--ca-surface);
  color: var(--ca-text-muted);
}

.audit-finding-actions button:disabled, .audit-report-controls button:disabled, .audit-report-list button:disabled {
  cursor: not-allowed;
  opacity: .45;
}

.audit-finding-review > p {
  color: var(--ca-danger);
  margin: 0;
  padding: 0 .9rem .8rem;
  font-size: .67rem;
}

.audit-report-controls {
  align-items: end;
  gap: .7rem;
  display: flex;
}

.audit-report-controls > div {
  flex-wrap: wrap;
  gap: .35rem;
  display: flex;
}

.audit-report-list {
  border-top: 1px solid var(--ca-border-soft);
  display: grid;
}

.audit-report-list article {
  border-top: 1px solid var(--ca-border-soft);
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: .8rem 1rem;
  display: flex;
}

.audit-report-list article:first-child {
  border-top: 0;
}

.audit-report-list article > div:first-child {
  gap: .2rem;
  min-width: 0;
  display: grid;
}

.audit-report-list article > div:last-child {
  align-items: center;
  gap: .45rem;
  display: flex;
}

.audit-report-list article span {
  color: var(--ca-text-subtle);
  font-size: .67rem;
  font-weight: 800;
}

.audit-report-list article strong {
  color: var(--ca-text);
  font-size: .76rem;
}

.audit-report-list article small {
  color: var(--ca-text-subtle);
  font-size: .66rem;
}

.audit-helper-text {
  color: var(--ca-text-subtle);
  margin: 0;
  padding: 0 1rem .85rem;
  font-size: .72rem;
}

@media (max-width: 720px) {
  .audit-table-title:has(.audit-backup-actions) {
    flex-direction: column;
  }

  .audit-backup-actions {
    justify-content: flex-start;
    width: 100%;
  }

  .audit-monitoring-toolbar, .audit-report-title, .audit-report-list article {
    flex-direction: column;
    align-items: stretch;
  }

  .audit-monitoring-switch {
    width: 100%;
  }

  .audit-critical-indicator {
    align-self: flex-start;
  }

  .audit-monitoring-kpis, .audit-finding-list, .audit-monitoring-grid {
    grid-template-columns: 1fr;
  }

  .audit-monitoring-filter-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .audit-finding-review-fields {
    grid-template-columns: 1fr;
  }

  .audit-report-controls {
    flex-direction: column;
    align-items: stretch;
  }
}

.audit-table-title h3, .audit-table-title p {
  margin: 0;
}

.audit-table-title h3 {
  font-size: .9rem;
}

.audit-table-title p {
  color: var(--ca-text-subtle);
  margin-top: .2rem;
  font-size: .7rem;
}

.audit-empty-state {
  border: 1px dashed var(--ca-border);
  background: var(--ca-surface-soft);
  min-height: 10rem;
  color: var(--ca-text-subtle);
  border-radius: .75rem;
  align-content: center;
  place-items: center;
  gap: .55rem;
  font-size: .8rem;
  display: grid;
}

.audit-empty-state p {
  margin: 0;
}

.audit-standalone {
  text-align: center;
  align-content: center;
  place-items: center;
  gap: 1rem;
  padding: 1rem;
  display: grid;
}

.audit-standalone > p {
  color: var(--ca-text-muted);
  margin: 0;
}

.audit-denied-card {
  border: 1px solid var(--ca-border);
  background: var(--ca-surface);
  width: min(100%, 32rem);
  box-shadow: var(--ca-shadow-md);
  border-radius: 1rem;
  place-items: center;
  gap: .65rem;
  padding: 2.25rem;
  display: grid;
}

.audit-denied-card > svg {
  color: var(--ca-danger);
}

.audit-denied-card p, .audit-denied-card h1, .audit-denied-card span {
  margin: 0;
}

.audit-denied-card p {
  color: var(--ca-danger);
  letter-spacing: .12em;
  font-size: .7rem;
  font-weight: 850;
}

.audit-denied-card h1 {
  font-size: 1.35rem;
}

.audit-denied-card span {
  color: var(--ca-text-muted);
  font-size: .84rem;
}

.audit-denied-card .audit-primary-link {
  margin-top: .7rem;
  padding: 0 1rem;
}

.audit-sidebar-backdrop {
  z-index: 45;
  background: var(--ca-overlay, #02061794);
  border: 0;
  position: fixed;
  inset: 0;
}

@media (max-width: 1279px) {
  .audit-filter-grid {
    grid-template-columns: repeat(3, minmax(9rem, 1fr));
  }

  .audit-health-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 899px) {
  .audit-content {
    padding: 1rem;
  }

  .audit-detail-grid, .audit-metadata dl {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 639px) {
  .auth-card {
    padding: 1.35rem;
  }

  .audit-logout-button span {
    display: none;
  }

  .audit-logout-button {
    width: 2.25rem;
    min-height: 2.25rem;
    padding: 0;
  }

  .audit-page-heading {
    align-items: start;
  }

  .audit-page-heading h2 {
    font-size: 1.35rem;
  }

  .audit-page-heading > div > span {
    font-size: .76rem;
  }

  .audit-filter-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .audit-filter-grid label {
    min-width: 0;
  }

  .audit-health-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .audit-detail-grid, .audit-metadata dl {
    grid-template-columns: 1fr;
  }

  .audit-table-scroll {
    box-shadow: none;
    background: none;
    border: 0;
    overflow: visible;
  }

  .audit-table-scroll.is-nested {
    border-top: 0;
  }

  .audit-table-scroll table, .audit-table-scroll tbody {
    width: 100%;
    display: block;
  }

  .audit-table-scroll thead {
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    width: 1px;
    height: 1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .audit-table-scroll tbody {
    gap: .75rem;
    display: grid;
  }

  .audit-table-scroll tbody > tr:not(.audit-detail-row) {
    border: 1px solid var(--ca-border-soft);
    background: var(--ca-surface);
    box-shadow: var(--ca-shadow-sm);
    border-radius: .75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: grid;
    overflow: hidden;
  }

  .audit-table-scroll tbody > tr:not(.audit-detail-row) > td {
    border-top: 1px solid var(--ca-border-soft);
    white-space: normal;
    overflow-wrap: anywhere;
    grid-template-columns: minmax(4.5rem, .8fr) minmax(0, 1.2fr);
    align-items: center;
    gap: .45rem;
    width: auto;
    min-width: 0;
    max-width: none;
    padding: .65rem;
    display: grid;
  }

  .audit-table-scroll tbody > tr:not(.audit-detail-row) > td[data-empty="true"] {
    display: none;
  }

  .audit-table-scroll tbody > tr:not(.audit-detail-row) > td[data-mobile-order="1"], .audit-table-scroll tbody > tr:not(.audit-detail-row) > td[data-mobile-order="2"] {
    border-top: 0;
  }

  .audit-table-scroll tbody > tr:not(.audit-detail-row) > td[data-mobile-span="full"] {
    grid-column: 1 / -1;
  }

  .audit-table-scroll tbody > tr:not(.audit-detail-row) > td[data-mobile-order="1"] {
    order: 1;
  }

  .audit-table-scroll tbody > tr:not(.audit-detail-row) > td[data-mobile-order="2"] {
    order: 2;
  }

  .audit-table-scroll tbody > tr:not(.audit-detail-row) > td[data-mobile-order="3"] {
    order: 3;
  }

  .audit-table-scroll tbody > tr:not(.audit-detail-row) > td[data-mobile-order="4"] {
    order: 4;
  }

  .audit-table-scroll tbody > tr:not(.audit-detail-row) > td[data-mobile-order="5"] {
    order: 5;
  }

  .audit-table-scroll tbody > tr:not(.audit-detail-row) > td[data-mobile-order="6"] {
    order: 6;
  }

  .audit-table-scroll tbody > tr:not(.audit-detail-row) > td[data-mobile-order="7"] {
    order: 7;
  }

  .audit-table-scroll tbody > tr:not(.audit-detail-row) > td[data-mobile-order="8"] {
    order: 8;
  }

  .audit-table-scroll tbody > tr:not(.audit-detail-row) > td[data-mobile-order="9"] {
    order: 9;
  }

  .audit-table-scroll tbody > tr:not(.audit-detail-row) > td[data-mobile-order="10"] {
    order: 10;
  }

  .audit-table-scroll tbody > tr:not(.audit-detail-row) > td[data-mobile-align="end"] > * {
    justify-self: end;
  }

  .audit-table-scroll tbody > tr:not(.audit-detail-row) > td:before {
    content: attr(data-label);
    color: var(--ca-text-subtle);
    font-size: .65rem;
    font-weight: 800;
  }

  .audit-table-scroll .audit-request-id {
    text-overflow: clip;
    white-space: normal;
    word-break: break-all;
    max-width: 100%;
    display: block;
    overflow: visible;
  }

  .audit-table-scroll .audit-date-time {
    white-space: nowrap;
    gap: .1rem;
    display: grid;
  }

  .audit-table-scroll .audit-code-label {
    text-overflow: clip;
    overflow: visible;
  }

  .audit-table-scroll .audit-detail-action-cell {
    min-height: 3.35rem;
  }

  .audit-table-scroll .audit-expand-button {
    min-width: 4.5rem;
    min-height: 2.75rem;
  }

  .audit-table-scroll .audit-detail-row {
    margin-top: -.75rem;
    display: block;
  }

  .audit-table-scroll .audit-detail-row > td {
    border: 1px solid var(--ca-border-soft);
    white-space: normal;
    border-top: 0;
    border-radius: 0 0 .75rem .75rem;
    width: 100%;
    max-width: none;
    display: block;
  }
}

@media (max-width: 359px) {
  .audit-content {
    padding: .75rem;
  }

  .audit-filter-grid {
    grid-template-columns: 1fr;
  }

  .audit-readonly-badge {
    display: none;
  }

  .audit-table-scroll tbody > tr:not(.audit-detail-row) {
    grid-template-columns: 1fr;
  }

  .audit-table-scroll tbody > tr:not(.audit-detail-row) > td[data-mobile-order="2"] {
    border-top: 1px solid var(--ca-border-soft);
  }
}

.audit-retention-space {
  gap: 1rem;
  padding-top: 1rem;
  display: grid;
}

.audit-retention-notice, .audit-retention-section {
  border: 1px solid var(--ca-border-soft);
  background: var(--ca-surface);
  box-shadow: var(--ca-shadow-sm);
  border-radius: .75rem;
}

.audit-retention-notice {
  color: var(--ca-text);
  align-items: center;
  gap: .75rem;
  padding: .9rem 1rem;
  display: flex;
}

.audit-retention-notice > div {
  flex: 1;
  min-width: 0;
}

.audit-retention-notice p, .audit-retention-section-heading p, .audit-retention-permission-note, .audit-retention-footer-note {
  color: var(--ca-text-muted);
  font-size: .75rem;
}

.audit-retention-section {
  padding: 1rem;
}

.audit-retention-section-heading {
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  margin-bottom: .85rem;
  display: flex;
}

.audit-retention-section-heading h3 {
  color: var(--ca-text);
  font-size: .95rem;
  font-weight: 800;
}

.audit-retention-policy-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .65rem;
  display: grid;
}

.audit-retention-policy-grid article, .audit-retention-result {
  border: 1px solid var(--ca-border-soft);
  background: var(--ca-surface-muted);
  border-radius: .6rem;
  gap: .25rem;
  min-width: 0;
  padding: .75rem;
  display: grid;
}

.audit-retention-policy-grid span, .audit-retention-policy-grid small, .audit-retention-list span, .audit-retention-list small {
  color: var(--ca-text-muted);
  overflow-wrap: anywhere;
  font-size: .7rem;
}

.audit-retention-policy-grid strong, .audit-retention-list strong {
  color: var(--ca-text);
}

.audit-retention-result {
  color: var(--ca-text-muted);
  grid-template-columns: repeat(6, minmax(0, auto));
  align-items: center;
  margin-top: .75rem;
  font-size: .72rem;
}

.audit-retention-result strong {
  color: var(--ca-primary);
}

.audit-retention-summary {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: .35rem;
  display: flex;
}

.audit-retention-summary span {
  background: var(--ca-surface-muted);
  color: var(--ca-text-muted);
  border-radius: 999px;
  padding: .3rem .55rem;
  font-size: .7rem;
  font-weight: 700;
}

.audit-retention-list {
  gap: .45rem;
  display: grid;
}

.audit-retention-list article {
  border-top: 1px solid var(--ca-border-soft);
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: .75rem;
  padding: .65rem .15rem .2rem;
  display: grid;
}

.audit-retention-list article > div {
  gap: .15rem;
  min-width: 0;
  display: grid;
}

.audit-retention-list article > div:last-child {
  text-align: right;
  justify-items: end;
}

.audit-retention-form {
  background: var(--ca-surface-muted);
  border-radius: .65rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .65rem;
  margin-bottom: .8rem;
  padding: .75rem;
  display: grid;
}

.audit-retention-form label, .audit-retention-release-reason {
  color: var(--ca-text);
  gap: .3rem;
  font-size: .72rem;
  font-weight: 700;
  display: grid;
}

.audit-retention-form :where(input, select), .audit-retention-release-reason input {
  border: 1px solid var(--ca-border);
  background: var(--ca-surface);
  min-width: 0;
  height: 2.35rem;
  color: var(--ca-text);
  border-radius: .5rem;
  padding: 0 .65rem;
  font-size: .75rem;
}

.audit-retention-form-wide {
  grid-column: span 2;
}

.audit-retention-form .admin-mini-action {
  align-self: end;
  min-height: 2.35rem;
}

.audit-retention-release-reason {
  max-width: 30rem;
  margin-bottom: .8rem;
}

.audit-retention-permission-note {
  margin: -.35rem 0 .75rem;
}

.audit-retention-footer-note {
  justify-content: center;
  align-items: center;
  gap: .4rem;
  padding-bottom: .5rem;
  display: flex;
}

@media (max-width: 899px) {
  .audit-retention-policy-grid, .audit-retention-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .audit-retention-result {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 639px) {
  .audit-retention-notice {
    flex-wrap: wrap;
    align-items: flex-start;
  }

  .audit-retention-notice .audit-readonly-badge {
    margin-left: 1.75rem;
  }

  .audit-retention-section-heading, .audit-retention-list article {
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .audit-retention-section-heading {
    flex-direction: column;
  }

  .audit-retention-section-heading > :last-child {
    align-self: stretch;
  }

  .audit-retention-policy-grid, .audit-retention-form, .audit-retention-result {
    grid-template-columns: 1fr;
  }

  .audit-retention-form-wide {
    grid-column: auto;
  }

  .audit-retention-list article > div:last-child {
    text-align: left;
    justify-items: start;
  }
}

.public-dashboard-hero[data-active-tab="overview"] {
  padding-bottom: 0;
}

.public-dashboard-hero__content {
  z-index: 1;
  flex-direction: column;
  gap: 4rem;
  min-width: 0;
  display: flex;
  position: relative;
}

.public-dashboard-header-row {
  justify-content: space-between;
  align-items: flex-start;
  gap: 1.5rem;
  min-width: 0;
  display: flex;
}

.public-dashboard-title {
  flex-direction: column;
  align-items: flex-start;
  gap: .65rem;
  min-width: 0;
  display: flex;
}

.public-dashboard-title-logo {
  filter: drop-shadow(0 1px 3px #02061780);
  width: 7.5rem;
  height: auto;
}

.public-dashboard-title h1 {
  color: #fff;
  text-shadow: 0 2px 4px #020617d1, 0 0 12px #02061766;
}

.public-data-controls {
  justify-items: end;
  gap: .45rem;
  min-width: min(100%, 22rem);
  display: grid;
}

.public-preview-heading-row {
  justify-content: space-between;
  align-items: flex-start;
  gap: 1.5rem;
  min-width: 0;
  display: flex;
}

.public-data-help-wrap {
  align-items: center;
  gap: .35rem;
  display: inline-flex;
  position: relative;
}

.public-data-controls-label {
  color: #111827;
  text-shadow: 0 1px 2px #ffffffe6;
  font-size: .8rem;
  font-weight: 700;
}

.public-data-help-button {
  border: 1px solid color-mix(in srgb, var(--ca-border) 72%, transparent);
  min-height: 1.75rem;
  color: var(--ca-text);
  white-space: nowrap;
  box-shadow: var(--ca-shadow-sm);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background: #ffffffc7;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  gap: .35rem;
  padding: .25rem .65rem;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1;
  display: inline-flex;
}

.public-data-help-button:hover {
  border-color: color-mix(in srgb, var(--ca-secondary) 48%, var(--ca-border));
  color: var(--ca-text);
}

.public-data-help-button:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--ca-secondary) 42%, transparent);
  outline-offset: 2px;
}

.public-data-help-popover {
  z-index: 30;
  border-radius: var(--ca-radius-md);
  width: min(22rem, 100vw - 2rem);
  color: var(--ca-text-muted);
  background: #fffffffa;
  border: 1px solid #94a3b847;
  padding: .75rem .875rem;
  font-size: .78rem;
  line-height: 1.55;
  position: absolute;
  top: calc(100% + .55rem);
  right: 0;
  box-shadow: 0 20px 44px -22px #0f172a75;
}

.public-data-help-popover dl {
  gap: .65rem;
  margin-top: .8rem;
  display: grid;
}

.public-data-help-popover dt {
  color: var(--ca-text);
  font-weight: 700;
}

.public-data-help-popover dd {
  margin-top: .1rem;
}

.public-data-selects {
  justify-content: flex-end;
  align-items: center;
  gap: .5rem;
  display: flex;
}

.public-data-scope-select, .public-data-year-select {
  border-radius: var(--ca-radius-sm);
  min-width: 10rem;
  height: 2.5rem;
  padding: 0 2.25rem 0 .75rem;
  font-size: .875rem;
  font-weight: 600;
}

.public-data-year-enter {
  animation: .18s ease-out both public-data-year-enter;
}

@keyframes public-data-year-enter {
  from {
    opacity: 0;
    transform: translateY(4px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.public-dashboard-privacy-note {
  color: var(--ca-text-muted);
  font-weight: 500;
}

.public-dashboard-meta {
  border-radius: var(--ca-radius-sm);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background: #ffffffb3;
  border: 1px solid #94a3b82b;
  width: min(21rem, 100%);
  padding: .75rem .875rem;
  box-shadow: 0 10px 24px -22px #0f172a57;
}

.public-dashboard-meta-title {
  color: var(--ca-text);
  margin-bottom: .4rem;
  font-size: .75rem;
  font-weight: 700;
}

.public-dashboard-meta-row {
  color: var(--ca-text-subtle);
  grid-template-columns: auto minmax(0, 1fr);
  align-items: baseline;
  gap: .75rem;
  padding: .16rem 0;
  font-size: .75rem;
  display: grid;
}

.public-dashboard-meta-row strong {
  min-width: 0;
  color: var(--ca-text-muted);
  text-align: right;
  overflow-wrap: anywhere;
  font-weight: 600;
}

.public-dashboard-surface {
  border-radius: var(--ca-radius-lg);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background: #ffffffe6;
  border: 1px solid #94a3b826;
  box-shadow: 0 14px 32px -25px #0f172a47;
}

.public-dashboard-filters {
  background: #ffffffc2;
}

.public-dashboard-placeholder {
  background: #f8fbffd1;
  border-style: dashed;
  border-color: #94a3b84d;
}

.official-category-overview {
  flex-direction: column;
  gap: 1.25rem;
  min-width: 0;
  display: flex;
  container-type: inline-size;
}

.official-category-summary-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .75rem;
  display: grid;
}

.official-category-summary-grid article {
  border: 1px solid color-mix(in srgb, var(--ca-border-soft) 82%, transparent);
  border-radius: var(--ca-radius-md);
  background: color-mix(in srgb, var(--ca-surface) 92%, transparent);
  min-width: 0;
  box-shadow: var(--ca-shadow-xs);
  gap: .25rem;
  padding: .9rem 1rem;
  display: grid;
}

.official-category-summary-grid span, .official-category-summary-grid small {
  color: var(--ca-text-subtle);
  font-size: .75rem;
}

.official-category-summary-grid strong {
  min-width: 0;
  color: var(--ca-text);
  overflow-wrap: anywhere;
  font-size: 1rem;
}

.official-category-top-grid {
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: 1.25rem;
  min-width: 0;
  display: grid;
}

@container (max-width: 620px) {
  .official-category-top-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

.official-category-card {
  min-width: 0;
}

.official-category-scope-note {
  border: 1px solid color-mix(in srgb, var(--ca-primary) 18%, var(--ca-border-soft));
  border-radius: var(--ca-radius-md);
  background: color-mix(in srgb, var(--ca-surface) 94%, var(--ca-primary) 6%);
  min-width: 0;
  color: var(--ca-text-muted);
  align-items: flex-start;
  gap: .65rem;
  padding: .8rem .9rem;
  font-size: .75rem;
  line-height: 1.55;
  display: flex;
}

.official-category-scope-note > svg {
  width: 1rem;
  height: 1rem;
  color: var(--ca-primary);
  flex: none;
  margin-top: .1rem;
}

.official-category-scope-note div, .official-category-scope-note p {
  min-width: 0;
}

.official-category-scope-note strong {
  color: var(--ca-text);
  font-weight: 700;
}

.official-category-scope-note p + p {
  margin-top: .15rem;
}

.official-category-heading {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: .75rem;
  min-width: 0;
  display: flex;
}

.official-category-heading > div:first-child {
  flex: 12rem;
  min-width: 0;
}

.official-category-heading h2 {
  color: var(--ca-text);
  font-size: 1.05rem;
  font-weight: 700;
}

.official-category-heading p {
  color: var(--ca-text-muted);
  margin-top: .25rem;
  font-size: .8rem;
  line-height: 1.5;
}

.official-category-reset {
  border: 1px solid var(--ca-border-soft);
  border-radius: var(--ca-radius-sm);
  background: var(--ca-surface);
  min-height: 2.25rem;
  color: var(--ca-primary);
  align-items: center;
  gap: .35rem;
  margin-top: .75rem;
  padding: .35rem .65rem;
  font-size: .75rem;
  font-weight: 700;
  display: inline-flex;
}

.official-category-reset:disabled {
  color: var(--ca-text-subtle);
  cursor: default;
  opacity: .72;
}

.official-category-lock-note, .official-category-suppression-note, .official-category-count-note {
  color: var(--ca-text-subtle);
  margin-top: .75rem;
  font-size: .72rem;
  line-height: 1.55;
}

.official-category-gauge-note {
  color: var(--ca-text-subtle);
  margin-top: .65rem;
  font-size: .68rem;
  line-height: 1.45;
}

.official-large-list {
  gap: .55rem;
  margin-top: .8rem;
  display: grid;
}

.official-large-item {
  --official-category-color: #2563eb;
  border: 1px solid color-mix(in srgb, var(--official-category-color) 20%, var(--ca-border-soft));
  border-radius: var(--ca-radius-md);
  background: color-mix(in srgb, var(--ca-surface) 94%, var(--official-category-color) 6%);
  min-width: 0;
  color: var(--ca-text);
  text-align: left;
  gap: .4rem;
  padding: .75rem;
  transition: border-color .15s, background-color .15s, transform .15s;
  display: grid;
}

.official-large-item:not(:disabled):hover {
  border-color: color-mix(in srgb, var(--official-category-color) 52%, var(--ca-border-soft));
  transform: translateY(-1px);
}

.official-large-item[data-selected="true"] {
  border-color: var(--official-category-color);
  background: color-mix(in srgb, var(--ca-surface) 86%, var(--official-category-color) 14%);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--official-category-color) 14%, transparent);
}

.official-large-item:disabled {
  cursor: default;
}

.official-large-item__heading, .official-large-item__meta {
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  min-width: 0;
  display: flex;
}

.official-category-name {
  align-items: center;
  gap: .5rem;
  min-width: 0;
  font-size: .875rem;
  font-weight: 700;
  display: inline-flex;
}

.official-category-name i {
  background: var(--official-category-color);
  border-radius: 999px;
  flex-shrink: 0;
  width: .55rem;
  height: .55rem;
}

.official-large-item__heading strong {
  flex-shrink: 0;
  font-size: .85rem;
}

.official-large-item__meta {
  color: var(--ca-text-subtle);
  font-size: .72rem;
}

.official-category-progress {
  background: color-mix(in srgb, var(--ca-border-soft) 65%, transparent);
  border-radius: 999px;
  width: 100%;
  height: .3rem;
  display: block;
  overflow: hidden;
}

.official-category-progress i {
  border-radius: inherit;
  background: var(--official-category-color);
  height: 100%;
  display: block;
}

.official-category-controls {
  align-items: end;
  gap: .65rem;
  margin-top: 1rem;
  display: grid;
}

.official-category-controls--middle {
  grid-template-columns: minmax(13rem, 1fr) minmax(8rem, .45fr) minmax(7rem, .3fr);
}

.official-category-controls--small, .official-category-controls--detail {
  grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
}

.official-category-field.official-detail-sort-filter {
  display: none;
}

.official-category-search {
  min-width: min(100%, 15rem);
}

.official-category-field {
  gap: .3rem;
  min-width: 0;
  display: grid;
}

.official-category-field > span:first-child {
  color: var(--ca-text-muted);
  font-size: .72rem;
  font-weight: 700;
}

.official-category-field select, .official-category-search-box {
  border: 1px solid var(--ca-border);
  border-radius: var(--ca-radius-sm);
  background: var(--ca-surface);
  width: 100%;
  min-width: 0;
  min-height: 2.4rem;
  color: var(--ca-text);
  font-size: .78rem;
}

.official-category-field select {
  padding-inline: .6rem;
}

.official-category-field select:disabled {
  background: var(--ca-surface-soft);
  color: var(--ca-text-subtle);
}

.official-category-search-box {
  color: var(--ca-text-subtle);
  align-items: center;
  gap: .4rem;
  padding-inline: .6rem;
  display: flex;
}

.official-category-search-box input {
  min-width: 0;
  color: var(--ca-text);
  background: none;
  border: 0;
  outline: 0;
  flex: auto;
}

.official-ranking-list, .official-small-list {
  gap: .45rem;
  margin-top: .9rem;
  display: grid;
}

.official-mobile-list-header {
  display: none;
}

.official-ranking-row {
  --official-category-color: #2563eb;
  border-bottom: 1px solid var(--ca-border-soft);
  grid-template-columns: 2rem auto minmax(0, 1fr) auto;
  align-items: center;
  gap: .65rem;
  min-width: 0;
  padding: .45rem .15rem .65rem;
  display: grid;
}

.official-ranking-number {
  background: var(--ca-surface-soft);
  width: 1.75rem;
  height: 1.75rem;
  color: var(--ca-text-muted);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  font-size: .72rem;
  font-weight: 800;
  display: inline-flex;
}

.official-category-badge {
  background: color-mix(in srgb, var(--official-category-color) 12%, transparent);
  min-height: 1.55rem;
  color: var(--official-category-color);
  white-space: nowrap;
  border-radius: 999px;
  align-items: center;
  padding: .2rem .5rem;
  font-size: .68rem;
  font-weight: 800;
  display: inline-flex;
}

.official-ranking-name {
  gap: .18rem;
  min-width: 0;
  display: grid;
}

.official-ranking-name strong {
  color: var(--ca-text);
  overflow-wrap: anywhere;
  font-size: .82rem;
}

.official-ranking-name small, .official-ranking-value small {
  color: var(--ca-text-subtle);
  font-size: .68rem;
}

.official-ranking-value {
  color: var(--ca-text);
  white-space: nowrap;
  justify-items: end;
  gap: .12rem;
  font-size: .8rem;
  display: grid;
}

.official-small-row {
  border-bottom: 1px solid var(--ca-border-soft);
  grid-template-columns: 2rem minmax(8rem, .8fr) minmax(10rem, 1.4fr) auto;
  align-items: center;
  gap: .75rem;
  min-width: 0;
  padding: .55rem .15rem;
  display: grid;
}

.official-small-context {
  min-width: 0;
  color: var(--ca-text-muted);
  align-items: center;
  gap: .45rem;
  font-size: .74rem;
  display: flex;
}

.official-small-context > span:last-child, .official-small-name {
  overflow-wrap: anywhere;
  min-width: 0;
}

.official-small-name {
  color: var(--ca-text);
  font-size: .82rem;
}

.official-small-value {
  color: var(--ca-text);
  white-space: nowrap;
  justify-items: end;
  font-size: .8rem;
  font-weight: 700;
  display: grid;
}

.official-small-value small {
  color: var(--ca-text-subtle);
  font-size: .68rem;
  font-weight: 500;
}

.official-detail-mobile-metrics, .official-visibility-label--mobile {
  display: none;
}

.official-detail-table-wrap {
  width: 100%;
  margin-top: .9rem;
  overflow-x: auto;
}

.official-detail-table {
  border-collapse: collapse;
  width: 100%;
  min-width: 52rem;
  color: var(--ca-text-muted);
  text-align: left;
  font-size: .76rem;
}

.official-detail-table th, .official-detail-table td {
  border-bottom: 1px solid var(--ca-border-soft);
  vertical-align: middle;
  padding: .55rem .65rem;
}

.official-detail-table th {
  color: var(--ca-text-subtle);
  white-space: nowrap;
  font-size: .7rem;
  font-weight: 800;
}

.official-category-sort-button {
  width: 100%;
  color: inherit;
  font: inherit;
  text-align: left;
  justify-content: space-between;
  align-items: center;
  gap: .35rem;
  display: inline-flex;
}

.official-category-sort-button svg {
  flex: none;
  width: .85rem;
  height: .85rem;
}

.official-detail-mobile-header-row, .official-detail-mobile-path {
  display: none;
}

.official-level-badge, .official-visibility-badge {
  background: var(--ca-surface-soft);
  min-height: 1.55rem;
  color: var(--ca-text-muted);
  white-space: nowrap;
  border-radius: 999px;
  align-items: center;
  padding: .2rem .5rem;
  font-size: .68rem;
  font-weight: 800;
  display: inline-flex;
}

.official-visibility-badge:not([data-suppressed="true"]):not([data-unavailable="true"]) {
  color: #047857;
  background: #0596691f;
}

.official-visibility-badge[data-suppressed="true"] {
  color: #b45309;
  background: #d9770624;
}

:root[data-color-theme="dark"] .official-visibility-badge:not([data-suppressed="true"]):not([data-unavailable="true"]) {
  color: #6ee7b7;
}

:root[data-color-theme="dark"] .official-visibility-badge[data-suppressed="true"] {
  color: #fcd34d;
}

.official-category-inline-message, .official-category-empty {
  border: 1px dashed var(--ca-border);
  border-radius: var(--ca-radius-md);
  color: var(--ca-text-muted);
  text-align: center;
  margin-top: .9rem;
  padding: 1.5rem;
  font-size: .8rem;
}

.official-category-empty {
  margin-top: 0;
}

.official-category-reset:focus-visible, .official-large-item:focus-visible, .official-category-field select:focus-visible, .official-category-search-box:focus-within {
  outline: 2px solid color-mix(in srgb, var(--ca-primary) 72%, transparent);
  outline-offset: 2px;
}

.official-category-sort-button:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--ca-primary) 72%, transparent);
  outline-offset: 2px;
  border-radius: .2rem;
}

@media (max-width: 900px) {
  .official-category-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .official-category-controls--middle {
    grid-template-columns: minmax(0, 1fr) minmax(8rem, .45fr);
  }

  .official-category-controls--middle .official-category-field:last-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 767px) {
  .official-category-card {
    padding: 1rem;
  }

  .official-category-controls, .official-category-controls--middle, .official-category-controls--small, .official-category-controls--detail {
    grid-template-columns: minmax(0, 1fr);
  }

  .official-category-controls--middle .official-category-field:last-child {
    grid-column: auto;
  }

  .official-category-controls--middle, .official-category-controls--small, .official-category-controls--detail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .official-category-controls--middle .official-category-search, .official-category-controls--small .official-category-search, .official-category-controls--detail .official-category-search {
    grid-column: 1 / -1;
  }

  .official-category-search {
    min-width: 0;
  }

  .official-ranking-row {
    grid-template-columns: 2rem minmax(0, 1fr) auto;
  }

  .official-ranking-row .official-category-badge {
    grid-column: 2;
    width: fit-content;
  }

  .official-ranking-name {
    grid-column: 2;
  }

  .official-ranking-value {
    grid-area: 1 / 3 / span 2;
  }

  .official-small-row {
    grid-template-columns: 2rem minmax(0, 1fr) auto;
    align-items: start;
  }

  .official-small-context {
    flex-wrap: wrap;
    grid-column: 2;
  }

  .official-small-name {
    grid-column: 2;
  }

  .official-small-value {
    grid-area: 1 / 3 / span 2;
  }
}

@media (max-width: 420px) {
  .official-category-summary-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .official-large-item__heading, .official-large-item__meta, .official-small-context {
    align-items: flex-start;
  }
}

@media (prefers-reduced-motion: reduce) {
  .official-large-item {
    transition: none;
  }
}

.public-monthly-chart {
  contain: layout paint;
}

.public-monthly-heading {
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  min-width: 0;
  display: flex;
}

.public-monthly-heading-copy {
  flex: auto;
}

.public-monthly-metric {
  flex: none;
  align-items: center;
  gap: .625rem;
  width: 15.5rem;
  display: flex;
}

.public-monthly-metric > span {
  white-space: nowrap;
  flex: none;
}

.public-monthly-metric-select {
  flex: auto;
  min-width: 0;
}

.public-monthly-actions {
  flex: none;
  align-items: center;
  gap: .75rem;
  margin-left: auto;
  display: flex;
}

.public-monthly-view-toggle {
  border: 1px solid color-mix(in srgb, var(--ca-border) 72%, transparent);
  border-radius: var(--ca-radius-sm);
  background: color-mix(in srgb, var(--ca-surface-soft) 88%, transparent);
  width: 15rem;
  min-width: 0;
  padding: .2rem;
  display: inline-flex;
}

.public-monthly-view-toggle button {
  border-radius: calc(var(--ca-radius-sm) - .15rem);
  min-height: 2rem;
  color: var(--ca-text-subtle);
  white-space: nowrap;
  flex: 1 1 0;
  padding: .35rem .65rem;
  font-size: .75rem;
  font-weight: 700;
  position: relative;
}

.public-monthly-view-indicator {
  z-index: 0;
  border-radius: inherit;
  background: var(--ca-primary);
  box-shadow: inset 0 0 0 1px var(--ca-primary), 0 4px 12px -8px #0f172a80;
  position: absolute;
  inset: 0;
}

.public-monthly-view-label {
  z-index: 1;
  position: relative;
}

.public-monthly-view-toggle button:focus-visible, .public-monthly-point-control button:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--ca-secondary) 40%, transparent);
  outline-offset: 2px;
}

.public-monthly-view-toggle button:hover {
  color: var(--ca-text);
}

.public-monthly-view-toggle button[data-selected="true"], .public-monthly-view-toggle button[data-selected="true"]:hover {
  color: #fff;
}

.public-monthly-year-legend {
  flex-wrap: wrap;
  gap: .5rem;
  min-width: 0;
  display: flex;
}

.public-monthly-year-option {
  border: 1px solid color-mix(in srgb, var(--ca-border) 70%, transparent);
  background: color-mix(in srgb, var(--ca-surface) 88%, transparent);
  min-height: 2.25rem;
  color: var(--ca-text-muted);
  cursor: pointer;
  border-radius: 999px;
  align-items: center;
  gap: .45rem;
  padding: .4rem .7rem;
  font-size: .8rem;
  font-weight: 600;
  transition: opacity .14s, border-color .14s, background-color .14s;
  display: inline-flex;
}

.public-monthly-year-option:hover, .public-monthly-year-option:focus-within {
  border-color: color-mix(in srgb, var(--ca-secondary) 55%, var(--ca-border));
  background: color-mix(in srgb, var(--ca-secondary) 8%, var(--ca-surface));
}

.public-monthly-year-option[data-dimmed="true"] {
  opacity: .28;
}

.public-monthly-year-option input {
  flex: none;
  width: .95rem;
  height: .95rem;
}

.public-monthly-year-swatch {
  width: .55rem;
  height: .55rem;
  box-shadow: 0 0 0 2px color-mix(in srgb, currentColor 10%, transparent);
  border-radius: 999px;
  flex: none;
}

.public-monthly-category-legend {
  min-width: 0;
  color: var(--ca-text-muted);
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: .45rem .85rem;
  font-size: .75rem;
  font-weight: 600;
  display: flex;
}

.public-monthly-legend-row {
  justify-content: space-between;
  align-items: center;
  gap: .75rem 1.25rem;
  min-width: 0;
  min-height: 1.75rem;
  padding: .1rem 0 .35rem;
  display: flex;
}

.public-monthly-point-control {
  color: var(--ca-text-muted);
  white-space: nowrap;
  flex: none;
  align-items: center;
  gap: .55rem;
  font-size: .75rem;
  font-weight: 700;
  display: inline-flex;
}

.public-monthly-point-control button {
  color: #0000;
  background: none;
  border: 0;
  border-radius: .5rem;
  flex: none;
  place-items: center;
  width: 2.5rem;
  height: 2rem;
  padding: 0;
  display: grid;
}

.public-monthly-point-track {
  background: #cbd5e1;
  border-radius: 999px;
  width: 2rem;
  height: 1.125rem;
  padding: .125rem;
  transition: background-color .14s;
  display: block;
}

.public-monthly-point-track i {
  background: #fff;
  border: 1px solid #0f172a1f;
  border-radius: 999px;
  width: .875rem;
  height: .875rem;
  transition: transform .14s;
  display: block;
  transform: translateX(0);
  box-shadow: 0 1px 2px #0f172a52;
}

.public-monthly-point-control button[data-enabled="true"] .public-monthly-point-track {
  background: #d6a900;
}

.public-monthly-point-control button[data-enabled="true"] .public-monthly-point-track i {
  transform: translateX(.875rem);
}

.public-monthly-category-legend span {
  align-items: center;
  gap: .35rem;
  display: inline-flex;
}

.public-monthly-category-legend i {
  border-radius: 999px;
  width: .55rem;
  height: .55rem;
}

.public-monthly-chart .recharts-line-curve, .public-monthly-chart .recharts-line-dots circle {
  transition: opacity .14s, stroke-width .14s;
}

.public-month-detail {
  contain: layout paint;
  min-width: 0;
  container-type: inline-size;
}

.public-month-detail-heading {
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  min-width: 0;
  display: flex;
}

.public-month-detail-picker {
  flex: none;
  align-items: center;
  gap: .75rem;
  display: flex;
}

.public-month-detail-picker label {
  align-items: center;
  gap: .45rem;
  display: flex;
}

.public-month-detail-picker label > span {
  white-space: nowrap;
  flex: none;
}

.public-month-detail-summary {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .75rem;
  display: grid;
}

.public-month-data-transition {
  min-width: 0;
  display: grid;
}

.public-month-data-transition > * {
  grid-area: 1 / 1;
  min-width: 0;
}

.public-month-detail-summary > div, .public-month-detail-summary > button {
  border: 1px solid color-mix(in srgb, var(--ca-border-soft) 82%, transparent);
  border-radius: var(--ca-radius-sm);
  background: color-mix(in srgb, var(--ca-surface-soft) 88%, transparent);
  min-width: 0;
  min-height: 6.25rem;
  padding: .85rem .95rem;
}

.public-month-detail-summary-label {
  color: var(--ca-text-subtle);
  font-size: .75rem;
  font-weight: 700;
  display: block;
}

.public-month-detail-summary-value {
  min-width: 0;
  color: var(--ca-text);
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
  align-items: baseline;
  gap: .35rem;
  margin-top: .45rem;
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 800;
  line-height: 1.25;
  display: flex;
}

.public-month-detail-summary small {
  color: var(--ca-text-subtle);
  margin-top: .3rem;
  font-size: .68rem;
  line-height: 1.35;
  display: block;
}

.public-month-detail-summary > [data-status="increase"] .public-month-detail-summary-value {
  color: color-mix(in srgb, #2563eb 78%, var(--ca-text));
}

.public-month-detail-summary > [data-status="decrease"] .public-month-detail-summary-value {
  color: color-mix(in srgb, #b45309 76%, var(--ca-text));
}

.public-month-detail-summary > [data-status="same"] .public-month-detail-summary-value, .public-month-detail-summary > [data-empty="true"] .public-month-detail-summary-value {
  color: var(--ca-text-muted);
}

.public-month-comparison-card {
  cursor: pointer;
  color: inherit;
  text-align: left;
  -webkit-user-select: none;
  user-select: none;
  transition: border-color .2s, background-color .2s;
  position: relative;
  overflow: hidden;
}

.public-month-comparison-card:hover {
  border-color: color-mix(in srgb, var(--ca-secondary) 32%, var(--ca-border-soft));
}

.public-month-comparison-card:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--ca-secondary) 42%, transparent);
  outline-offset: 2px;
}

.public-month-comparison-card[data-mode="yearOverYear"] {
  border-color: color-mix(in srgb, var(--ca-highlight-yellow) 45%, var(--ca-border));
  background: color-mix(in srgb, var(--ca-highlight-yellow) 8%, var(--ca-surface));
  color: var(--ca-text);
}

.public-month-comparison-card[data-toggled="true"]:not([data-mode="yearOverYear"]) {
  border-color: color-mix(in srgb, var(--ca-secondary) 24%, var(--ca-border-soft));
  background: color-mix(in srgb, var(--ca-surface-active) 28%, var(--ca-surface-soft));
}

.public-month-comparison-viewport {
  height: 7.25rem;
  padding-right: 1.75rem;
  display: block;
}

.public-month-comparison-content {
  display: block;
}

.public-month-comparison-content .public-month-detail-summary-label, .public-month-comparison-content small, .public-month-comparison-hint {
  min-height: 1rem;
}

.public-month-comparison-content .public-month-detail-summary-value {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: clamp(.95rem, 1.8vw, 1.15rem);
  display: -webkit-box;
  overflow: hidden;
}

.public-month-toggle-heading {
  align-items: center;
  gap: .45rem;
  min-width: 0;
  display: flex;
}

.public-month-toggle-heading > .public-month-detail-summary-label {
  flex: auto;
  min-width: 0;
}

.public-month-toggle-state {
  border: 1px solid color-mix(in srgb, var(--ca-border-soft) 78%, transparent);
  background: color-mix(in srgb, var(--ca-surface) 70%, transparent);
  border-radius: 999px;
  flex: none;
  align-items: center;
  padding: .1rem;
  display: inline-flex;
}

.public-month-toggle-state i {
  color: var(--ca-text-subtle);
  border-radius: 999px;
  padding: .08rem .3rem;
  font-size: .58rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.25;
}

.public-month-toggle-state i[data-active="true"] {
  background: var(--ca-surface-active);
  color: var(--ca-secondary-strong);
}

.public-month-comparison-card[data-mode="yearOverYear"] .public-month-toggle-state {
  border-color: color-mix(in srgb, var(--ca-highlight-yellow) 38%, var(--ca-border-soft));
  background: color-mix(in srgb, var(--ca-highlight-yellow) 7%, var(--ca-surface));
}

.public-month-comparison-card[data-mode="yearOverYear"] .public-month-toggle-state i[data-active="true"] {
  background: color-mix(in srgb, var(--ca-highlight-yellow) 22%, var(--ca-surface));
  color: var(--ca-text);
}

.public-month-comparison-hint {
  color: var(--ca-text-subtle);
  margin-top: .35rem;
  font-size: .65rem;
  font-weight: 650;
  line-height: 1.3;
  display: block;
}

.public-month-toggle-context {
  color: var(--ca-text-subtle);
  margin-top: .2rem;
  font-size: .6rem;
  line-height: 1.25;
  display: block;
}

.public-month-comparison-switch-icon {
  border: 1px solid color-mix(in srgb, var(--ca-border) 68%, transparent);
  background: color-mix(in srgb, var(--ca-surface) 78%, transparent);
  width: 1.35rem;
  height: 1.35rem;
  color: var(--ca-text-subtle);
  border-radius: 999px;
  place-items: center;
  display: inline-grid;
  position: absolute;
  top: .7rem;
  right: .7rem;
}

.public-month-comparison-card[data-mode="yearOverYear"] .public-month-comparison-switch-icon {
  border-color: color-mix(in srgb, var(--ca-highlight-yellow) 42%, var(--ca-border));
  background: color-mix(in srgb, var(--ca-highlight-yellow) 16%, var(--ca-surface));
  color: var(--ca-text);
}

.public-month-detail-insights {
  grid-template-columns: minmax(0, .43fr) minmax(0, .57fr);
  gap: 1rem;
  display: grid;
}

@container (max-width: 620px) {
  .public-month-detail-insights {
    grid-template-columns: minmax(0, 1fr);
  }
}

.public-month-detail-section, .public-month-detail-list-section {
  border: 1px solid color-mix(in srgb, var(--ca-border-soft) 82%, transparent);
  border-radius: var(--ca-radius-sm);
  background: color-mix(in srgb, var(--ca-surface) 78%, var(--ca-surface-soft));
  min-width: 0;
  padding: 1rem;
}

.public-month-detail-section h3, .public-month-detail-list-section h3 {
  color: var(--ca-text);
  font-size: .9rem;
  font-weight: 800;
}

.public-month-detail-section-heading {
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  min-width: 0;
  display: flex;
}

.public-month-detail-section-heading p {
  color: var(--ca-text-subtle);
  margin-top: .2rem;
  font-size: .7rem;
  line-height: 1.45;
}

.public-month-middle-controls {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: .5rem;
  min-width: 0;
  display: flex;
}

.public-month-middle-gauge-toggle {
  width: 7.5rem;
}

.public-month-middle-gauge-note {
  color: var(--ca-text-subtle);
  margin-top: .55rem;
  font-size: .68rem;
  line-height: 1.45;
}

.public-month-large-list {
  gap: .85rem;
  display: grid;
}

.public-month-large-row {
  min-width: 0;
}

.public-month-large-label {
  color: var(--ca-text-muted);
  font-variant-numeric: tabular-nums;
  grid-template-columns: minmax(5rem, 1fr) auto 3.5rem;
  align-items: center;
  gap: .65rem;
  font-size: .75rem;
  display: grid;
}

.public-month-large-label span {
  min-width: 0;
  color: var(--ca-text);
  align-items: center;
  gap: .4rem;
  font-weight: 700;
  display: inline-flex;
}

.public-month-large-label span i {
  border-radius: 999px;
  flex: none;
  width: .55rem;
  height: .55rem;
}

.public-month-large-label strong {
  color: var(--ca-text);
  white-space: nowrap;
  font-weight: 800;
}

.public-month-large-label em {
  color: var(--ca-text-subtle);
  text-align: right;
  white-space: nowrap;
  font-style: normal;
}

.public-month-large-track {
  background: color-mix(in srgb, var(--ca-border-soft) 54%, transparent);
  border-radius: 999px;
  height: .45rem;
  margin-top: .4rem;
  overflow: hidden;
}

.public-month-large-track i {
  border-radius: inherit;
  max-width: 100%;
  height: 100%;
  display: block;
}

.public-month-middle-list {
  overflow-y: visible;
}

.public-month-middle-list--desktop {
  gap: .25rem;
  display: grid;
}

.public-month-middle-list--mobile {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75rem;
  display: none;
}

.public-month-middle-list[data-scrollable="true"] {
  overscroll-behavior-y: auto;
  max-height: 24rem;
  overflow-y: auto;
}

.public-month-middle-row {
  border-bottom: 1px solid color-mix(in srgb, var(--ca-border-soft) 68%, transparent);
  min-width: 0;
  color: var(--ca-text-muted);
  font-variant-numeric: tabular-nums;
  grid-template-columns: 1.5rem auto minmax(5rem, 1fr) auto 3.5rem;
  align-items: center;
  gap: .35rem .55rem;
  padding: .55rem .15rem;
  font-size: .75rem;
  display: grid;
}

.public-month-middle-row:last-child {
  border-bottom: 0;
}

.public-month-middle-row__rank {
  color: var(--ca-text-subtle);
  text-align: center;
  font-weight: 700;
}

.public-month-middle-row__name {
  min-width: 0;
  color: var(--ca-text);
  overflow-wrap: break-word;
  word-break: keep-all;
  font-weight: 650;
}

.public-month-middle-row__count, .public-month-middle-row__ratio {
  white-space: nowrap;
}

.public-month-middle-row__count {
  color: var(--ca-text);
}

.public-month-middle-row__ratio {
  color: var(--ca-text-subtle);
  text-align: right;
}

.public-month-middle-row__track {
  background: var(--ca-border-soft);
  border-radius: 999px;
  grid-column: 3 / -1;
  height: .32rem;
  display: block;
  overflow: hidden;
}

.public-month-middle-row__track i {
  border-radius: inherit;
  max-width: 100%;
  height: 100%;
  display: block;
}

.public-month-middle-card {
  border: 1px solid var(--ca-border-soft);
  border-radius: var(--ca-radius-sm);
  background: color-mix(in srgb, var(--ca-surface-soft) 78%, var(--ca-surface));
  min-width: 0;
  color: var(--ca-text-muted);
  font-variant-numeric: tabular-nums;
  gap: .6rem;
  padding: .85rem .95rem;
  font-size: .75rem;
  display: grid;
}

.public-month-middle-card__top {
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  min-width: 0;
  display: flex;
}

.public-month-middle-card__metrics {
  text-align: left;
  white-space: nowrap;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  gap: .45rem;
  min-width: 0;
  display: flex;
}

.public-month-middle-card__rank {
  color: var(--ca-text-subtle);
  font-weight: 700;
}

.public-month-category-badge {
  border: 1px solid color-mix(in srgb, var(--month-detail-color) 35%, transparent);
  background: color-mix(in srgb, var(--month-detail-color) 10%, transparent);
  color: color-mix(in srgb, var(--month-detail-color) 76%, var(--ca-text));
  white-space: nowrap;
  border-radius: 999px;
  flex: none;
  padding: .18rem .45rem;
  font-size: .68rem;
  font-weight: 800;
}

.public-month-middle-card__count {
  color: var(--ca-text);
  font-weight: 800;
}

.public-month-middle-card__ratio {
  color: var(--ca-text-subtle);
}

.public-month-middle-card__name {
  width: 100%;
  min-width: 0;
  color: var(--ca-text);
  text-align: center;
  overflow-wrap: break-word;
  word-break: keep-all;
  font-weight: 700;
}

.public-month-detail-table-wrap {
  width: 100%;
  max-width: 100%;
  display: block;
}

.public-month-detail-table-wrap table {
  border-collapse: collapse;
  width: 100%;
  color: var(--ca-text-muted);
  text-align: left;
  font-size: .75rem;
}

.public-month-detail-table-wrap th {
  border-bottom: 1px solid var(--ca-border-soft);
  color: var(--ca-text-subtle);
  white-space: nowrap;
  padding: .55rem .65rem;
  font-size: .68rem;
  font-weight: 800;
}

.public-month-detail-table-wrap td {
  border-bottom: 1px solid color-mix(in srgb, var(--ca-border-soft) 65%, transparent);
  font-variant-numeric: tabular-nums;
  min-width: 0;
  padding: .65rem;
}

.public-month-detail-table-wrap tr:last-child td {
  border-bottom: 0;
}

.public-month-table-category {
  min-width: 0;
  color: var(--ca-text);
  white-space: nowrap;
  align-items: center;
  gap: .4rem;
  font-weight: 700;
  display: inline-flex;
}

.public-month-table-category i {
  border-radius: 999px;
  flex: none;
  width: .55rem;
  height: .55rem;
}

.public-month-table-middle {
  color: var(--ca-text);
  overflow-wrap: break-word;
  word-break: keep-all;
  font-weight: 700;
}

.public-month-table-count, .public-month-table-ratio {
  white-space: nowrap;
}

.public-month-table-count {
  color: var(--ca-text);
  font-weight: 800;
}

.public-month-table-ratio {
  color: var(--ca-text-subtle);
}

.public-month-visibility {
  background: var(--ca-success-soft);
  color: var(--ca-success);
  white-space: nowrap;
  border-radius: 999px;
  padding: .2rem .5rem;
  font-size: .68rem;
  font-weight: 800;
  display: inline-flex;
}

.public-month-visibility[data-suppressed="true"] {
  background: var(--ca-surface-muted);
  color: var(--ca-text-subtle);
}

.public-month-detail-list {
  min-width: 0;
  display: none;
}

.public-month-detail-list li {
  border-bottom: 1px solid var(--ca-border-soft);
  min-width: 0;
  color: var(--ca-text-muted);
  font-variant-numeric: tabular-nums;
  flex-wrap: wrap;
  align-items: baseline;
  gap: .25rem .4rem;
  padding: .7rem .25rem;
  font-size: .75rem;
  display: flex;
}

.public-month-detail-list li:last-child {
  border-bottom: 0;
}

.public-month-detail-row__rank, .public-month-detail-row__large, .public-month-detail-row__metrics, .public-month-detail-row__private-label {
  white-space: nowrap;
  flex-shrink: 0;
}

.public-month-detail-row__rank {
  color: var(--ca-text-subtle);
  font-weight: 800;
}

.public-month-detail-row__large {
  color: var(--ca-text-muted);
  align-items: center;
  gap: .35rem;
  font-weight: 700;
  display: inline-flex;
}

.public-month-detail-row__large i {
  border-radius: 999px;
  flex: none;
  width: .5rem;
  height: .5rem;
}

.public-month-detail-row__name {
  min-width: 0;
  color: var(--ca-text);
  overflow-wrap: break-word;
  word-break: keep-all;
  font-weight: 700;
}

.public-month-detail-row__separator {
  color: var(--ca-text-subtle);
}

.public-month-detail-row__metrics {
  color: var(--ca-text);
  font-weight: 800;
}

.public-month-detail-row__private-label {
  color: var(--ca-text-subtle);
  font-weight: 700;
}

.public-month-detail-inline-empty {
  border-radius: var(--ca-radius-sm);
  background: var(--ca-surface-soft);
  min-height: 7rem;
  color: var(--ca-text-subtle);
  text-align: center;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  font-size: .75rem;
  display: flex;
}

.public-month-detail-notice, .public-month-detail-scope-note {
  color: var(--ca-text-subtle);
  font-size: .7rem;
  line-height: 1.55;
}

.public-month-detail-notice {
  color: var(--ca-warning);
}

.public-month-detail-private-only {
  color: var(--ca-text-subtle);
  margin-top: .75rem;
  font-size: .72rem;
  line-height: 1.5;
}

.public-daily-card {
  contain: layout paint;
  container-type: inline-size;
}

.public-daily-heading {
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  min-width: 0;
  display: flex;
}

.public-daily-year-select {
  flex: none;
  align-items: center;
  gap: .625rem;
  display: flex;
}

.public-daily-calendar-shell {
  --daily-cell: .75rem;
  --daily-gap: .2rem;
  grid-template-rows: auto 1.4rem auto;
  grid-template-columns: 1.75rem minmax(0, 1fr);
  gap: .25rem .4rem;
  min-width: 0;
  display: grid;
}

.public-daily-drag-handle {
  border-radius: var(--ca-radius-sm);
  background: color-mix(in srgb, var(--ca-surface-soft) 72%, transparent);
  min-height: 1.6rem;
  color: var(--ca-text-subtle);
  cursor: grab;
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
  grid-area: 1 / 1 / auto / -1;
  justify-content: center;
  align-items: center;
  font-size: .7rem;
  line-height: 1.4;
  display: flex;
}

.public-daily-drag-handle[data-dragging="true"] {
  cursor: grabbing;
}

.public-daily-month-spacer {
  background: var(--ca-surface);
  grid-area: 2 / 1;
}

.public-daily-viewport-shell {
  isolation: isolate;
  border-radius: var(--ca-radius-sm);
  grid-area: 2 / 2 / 4;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  position: relative;
  overflow: hidden;
}

.public-daily-scroll {
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-inline: contain;
  touch-action: pan-x pan-y;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  padding: 0 0 .5rem;
  overflow: auto hidden;
}

.public-daily-scroll-fade {
  z-index: 4;
  pointer-events: none;
  opacity: 0;
  width: 1.35rem;
  transition: opacity .12s;
  position: absolute;
  top: 1.65rem;
  bottom: .5rem;
}

.public-daily-scroll-fade-right {
  background: linear-gradient(to left, var(--ca-surface), transparent);
  right: 0;
}

.public-daily-viewport-shell[data-can-scroll-right="true"] .public-daily-scroll-fade-right {
  opacity: 1;
}

.public-daily-calendar {
  -webkit-user-select: none;
  user-select: none;
  grid-template-rows: 1.4rem auto;
  gap: .25rem 0;
  width: max-content;
  min-width: 100%;
  display: grid;
}

.public-daily-months {
  grid-row: 1;
  grid-template-columns: repeat(var(--daily-weeks), var(--daily-cell));
  gap: var(--daily-gap);
  color: var(--ca-text-subtle);
  white-space: nowrap;
  font-size: .675rem;
  display: grid;
}

.public-daily-weekdays {
  grid-area: 3 / 1;
  grid-template-rows: repeat(7, var(--daily-cell));
  gap: var(--daily-gap);
  color: var(--ca-text-subtle);
  font-size: .625rem;
  line-height: var(--daily-cell);
  text-align: right;
  background: var(--ca-surface);
  display: grid;
}

.public-daily-grid {
  grid-row: 2;
  grid-template-columns: repeat(var(--daily-weeks), var(--daily-cell));
  grid-template-rows: repeat(7, var(--daily-cell));
  gap: var(--daily-gap);
  display: grid;
}

.public-daily-cell {
  width: var(--daily-cell);
  height: var(--daily-cell);
  border: 1px solid color-mix(in srgb, var(--ca-border) 68%, transparent);
  background: color-mix(in srgb, var(--ca-surface-soft) 90%, var(--ca-border));
  border-radius: .18rem;
  min-width: 0;
  padding: 0;
}

.public-daily-cell[data-state="visible"] {
  border-color: color-mix(in srgb, var(--daily-hue) 45%, var(--ca-border));
  cursor: pointer;
}

.public-daily-cell[data-state="visible"][data-intensity="1"] {
  background: color-mix(in srgb, var(--daily-hue) 30%, var(--ca-surface));
}

.public-daily-cell[data-state="visible"][data-intensity="2"] {
  background: color-mix(in srgb, var(--daily-hue) 48%, var(--ca-surface));
}

.public-daily-cell[data-state="visible"][data-intensity="3"] {
  background: color-mix(in srgb, var(--daily-hue) 68%, var(--ca-surface));
}

.public-daily-cell[data-state="visible"][data-intensity="4"] {
  background: color-mix(in srgb, var(--daily-hue) 88%, #0f172a);
}

.public-daily-cell[data-state="suppressed"] {
  background: repeating-linear-gradient(135deg, var(--ca-surface-soft) 0 3px, color-mix(in srgb, var(--ca-border) 65%, transparent) 3px 5px);
  cursor: help;
}

.public-daily-cell:focus-visible {
  z-index: 2;
  outline: 2px solid var(--ca-secondary);
  outline-offset: 2px;
  position: relative;
}

.public-daily-cell[aria-pressed="true"] {
  outline: 2px solid var(--ca-warning);
  outline-offset: 2px;
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--ca-warning) 22%, transparent);
}

.public-daily-tooltip {
  --daily-tooltip-bg: #fffffffa;
  z-index: 80;
  pointer-events: none;
  border-radius: var(--ca-radius-sm);
  background: var(--daily-tooltip-bg);
  width: 15rem;
  max-width: calc(100vw - 1rem);
  color: var(--ca-text);
  border: 1px solid #94a3b852;
  padding: .55rem .7rem;
  font-size: .75rem;
  line-height: 1.45;
  position: fixed;
  box-shadow: 0 12px 30px -18px #0f172aa6;
}

.public-daily-tooltip:after {
  bottom: -.4rem;
  left: var(--daily-tooltip-arrow-left);
  border-style: solid;
  border-width: .4rem .35rem 0;
  border-color: var(--daily-tooltip-bg) transparent transparent;
  content: "";
  filter: drop-shadow(0 1px #94a3b847);
  width: 0;
  height: 0;
  position: absolute;
  transform: translateX(-50%);
}

.public-daily-tooltip[data-below="true"]:after {
  border-width: 0 .35rem .4rem;
  border-color: transparent transparent var(--daily-tooltip-bg);
  filter: drop-shadow(0 -1px #94a3b847);
  top: -.4rem;
  bottom: auto;
}

.public-daily-tooltip p + p {
  margin-top: .25rem;
}

.public-daily-content, .public-daily-calendar-column {
  min-width: 0;
}

.public-daily-year-summary {
  min-width: 0;
  display: none;
}

.public-daily-year-summary h3 {
  color: var(--ca-text);
  font-size: .82rem;
  font-weight: 700;
}

.public-daily-year-summary > p {
  color: var(--ca-text-subtle);
  margin-top: .2rem;
  font-size: .68rem;
}

.public-daily-year-summary dl {
  gap: .8rem;
  margin-top: .9rem;
  display: grid;
}

.public-daily-year-summary dl > div {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: baseline;
  gap: .15rem .75rem;
  display: grid;
}

.public-daily-year-summary dt {
  color: var(--ca-text-muted);
  font-size: .7rem;
}

.public-daily-year-summary dd {
  color: var(--ca-text);
  text-align: right;
  font-size: .78rem;
  font-weight: 700;
}

.public-daily-year-summary small {
  color: var(--ca-text-subtle);
  text-align: right;
  grid-column: 1 / -1;
  font-size: .62rem;
}

.public-daily-summary-category {
  justify-content: flex-end;
  align-items: center;
  gap: .35rem;
  display: inline-flex;
}

.public-daily-summary-category i {
  border-radius: 999px;
  flex: none;
  width: .5rem;
  height: .5rem;
}

@container (min-width: 58rem) {
  .public-daily-content {
    grid-template-columns: minmax(0, 1fr) minmax(13rem, 14rem);
    align-items: start;
    gap: 1rem;
    display: grid;
  }

  .public-daily-year-summary {
    border-left: 1px solid var(--ca-border-soft);
    min-height: 8.5rem;
    padding: .35rem 0 .35rem 1.25rem;
    display: block;
  }
}

.public-daily-legend {
  min-width: 0;
  color: var(--ca-text-muted);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: .75rem 1rem;
  font-size: .7rem;
  display: flex;
}

.public-daily-legend span {
  align-items: center;
  gap: .3rem;
  display: inline-flex;
}

.public-daily-legend i, .public-daily-intensity-swatch {
  border: 1px solid color-mix(in srgb, var(--ca-border) 70%, transparent);
  border-radius: .15rem;
  width: .7rem;
  height: .7rem;
}

.public-daily-suppressed-swatch {
  background: repeating-linear-gradient(135deg, var(--ca-surface-soft) 0 3px, var(--ca-border) 3px 5px);
}

.public-daily-intensity-swatch {
  background: var(--ca-surface-soft);
}

.public-daily-intensity-swatch[data-intensity="1"] {
  background: color-mix(in srgb, var(--ca-secondary) 30%, var(--ca-surface));
}

.public-daily-intensity-swatch[data-intensity="2"] {
  background: color-mix(in srgb, var(--ca-secondary) 48%, var(--ca-surface));
}

.public-daily-intensity-swatch[data-intensity="3"] {
  background: color-mix(in srgb, var(--ca-secondary) 68%, var(--ca-surface));
}

.public-daily-intensity-swatch[data-intensity="4"] {
  background: color-mix(in srgb, var(--ca-secondary) 88%, #0f172a);
}

.public-daily-detail-reveal {
  opacity: 0;
  grid-template-rows: 0fr;
  transition: grid-template-rows .24s, opacity .2s, transform .24s;
  display: grid;
  transform: translateY(-.35rem);
}

.public-daily-detail-reveal > div {
  min-height: 0;
  overflow: hidden;
}

.public-daily-detail-reveal[data-open="true"] {
  opacity: 1;
  grid-template-rows: 1fr;
  transform: translateY(0);
}

.public-daily-detail {
  scroll-margin-top: 1rem;
  transition: border-color .18s, box-shadow .18s;
}

.public-daily-detail[data-highlighted="true"] {
  border-color: var(--ca-warning);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--ca-warning) 24%, transparent), 0 12px 28px -24px #0f172acc;
}

.public-daily-detail-row {
  border-radius: var(--ca-radius-sm);
  background: color-mix(in srgb, var(--ca-surface-soft) 75%, transparent);
  align-items: flex-start;
  gap: .75rem;
  min-width: 0;
  padding: .65rem;
  display: flex;
}

.public-daily-category-badge {
  border: 1px solid color-mix(in srgb, var(--daily-hue) 35%, var(--ca-border));
  background: color-mix(in srgb, var(--daily-hue) 12%, var(--ca-surface));
  min-height: 1.5rem;
  color: color-mix(in srgb, var(--daily-hue) 72%, var(--ca-text));
  border-radius: 999px;
  flex: none;
  align-items: center;
  padding: .15rem .5rem;
  font-size: .7rem;
  font-weight: 700;
  display: inline-flex;
}

.public-daily-progress {
  background: var(--ca-border-soft);
  border-radius: 999px;
  height: .28rem;
  overflow: hidden;
}

.public-daily-progress i {
  border-radius: inherit;
  height: 100%;
  display: block;
}

.public-monthly-tooltip {
  border-radius: var(--ca-radius-sm);
  width: 12rem;
  max-width: calc(100vw - 2rem);
  color: var(--ca-text-muted);
  white-space: normal;
  background: #fffffff7;
  border: 1px solid #94a3b84d;
  padding: .75rem;
  font-size: .75rem;
  line-height: 1.4;
  box-shadow: 0 16px 34px -20px #0f172a7a;
}

.public-monthly-tooltip-label {
  color: var(--ca-text);
  margin-bottom: .45rem;
  font-weight: 700;
}

.public-monthly-tooltip-values {
  gap: .3rem;
  display: grid;
}

.public-monthly-tooltip-values > div {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: baseline;
  gap: .75rem;
  display: grid;
}

.public-monthly-tooltip-values dt {
  overflow-wrap: anywhere;
  align-items: center;
  gap: .35rem;
  min-width: 0;
  display: flex;
}

.public-monthly-tooltip-values dt span {
  border-radius: 999px;
  flex: none;
  width: .5rem;
  height: .5rem;
}

.public-monthly-tooltip-values dd {
  color: var(--ca-text);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  font-weight: 700;
}

.public-dashboard-select {
  border-color: color-mix(in srgb, var(--ca-border) 70%, transparent);
  color: var(--ca-text);
  background: #ffffffe0;
  box-shadow: inset 0 1px 2px #0f172a06;
}

.public-dashboard-filter[data-disabled="true"] > span {
  color: var(--ca-text-muted) !important;
}

.public-dashboard-filter .public-dashboard-select:disabled {
  border-color: var(--ca-border-soft);
  background: var(--ca-surface-muted);
  color: var(--ca-text-muted);
  cursor: not-allowed;
  opacity: .78;
}

.public-dashboard-select:focus-visible {
  border-color: var(--ca-secondary);
  outline: 2px solid color-mix(in srgb, var(--ca-secondary) 24%, transparent);
  outline-offset: 1px;
}

.overview-statistics {
  flex-direction: column;
  gap: 1.25rem;
  min-width: 0;
  display: flex;
}

.overview-statistics-heading {
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  padding-inline: .25rem;
  display: flex;
}

.overview-statistics-heading h2 {
  color: var(--ca-text);
  font-size: 1.35rem;
  font-weight: 750;
}

.overview-statistics-heading p {
  color: var(--ca-text-muted);
  margin-top: .35rem;
  font-size: .875rem;
  line-height: 1.6;
}

.overview-statistics-profile {
  border: 1px solid color-mix(in srgb, var(--ca-secondary) 28%, var(--ca-border-soft));
  background: color-mix(in srgb, var(--ca-secondary) 9%, var(--ca-surface));
  color: var(--ca-secondary-strong);
  border-radius: 999px;
  flex: none;
  padding: .4rem .7rem;
  font-size: .75rem;
  font-weight: 700;
}

.overview-metric-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: .75rem;
  display: grid;
}

.overview-metric-card {
  border: 1px solid var(--ca-border-soft);
  background: var(--ca-surface);
  text-align: left;
  border-radius: .8rem;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  min-height: 9.25rem;
  padding: 1rem;
  display: flex;
  position: relative;
  box-shadow: 0 16px 30px -27px #0f172a8c;
}

.overview-metric-card--action {
  cursor: pointer;
  transition: border-color .16s, box-shadow .16s, transform .16s;
}

.overview-metric-card--action:hover {
  border-color: color-mix(in srgb, var(--ca-secondary) 48%, var(--ca-border-soft));
  transform: translateY(-1px);
  box-shadow: 0 18px 32px -25px #2563eb66;
}

.overview-metric-card--action:focus-visible, .overview-section-heading button:focus-visible {
  outline: 2px solid var(--ca-secondary);
  outline-offset: 2px;
}

.overview-metric-icon {
  background: color-mix(in srgb, var(--ca-secondary) 10%, var(--ca-surface));
  width: 2rem;
  height: 2rem;
  color: var(--ca-secondary-strong);
  border-radius: .6rem;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.overview-metric-icon svg {
  width: 1rem;
  height: 1rem;
}

.overview-metric-label {
  color: var(--ca-text-muted);
  margin-top: .65rem;
  font-size: .75rem;
  font-weight: 650;
  line-height: 1.35;
}

.overview-metric-value {
  width: 100%;
  color: var(--ca-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: .25rem;
  font-size: 1.12rem;
  line-height: 1.35;
  overflow: hidden;
}

.overview-metric-detail {
  color: var(--ca-text-subtle);
  margin-top: auto;
  padding-top: .45rem;
  font-size: .7rem;
  line-height: 1.35;
}

.overview-metric-arrow {
  width: .9rem;
  color: var(--ca-text-subtle);
  position: absolute;
  top: .85rem;
  right: .85rem;
}

.overview-section {
  border-radius: .8rem;
  min-width: 0;
  padding: 1.25rem;
}

.overview-section-heading {
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  display: flex;
}

.overview-section-heading h3 {
  color: var(--ca-text);
  font-size: 1.05rem;
  font-weight: 750;
}

.overview-section-heading p {
  max-width: 46rem;
  color: var(--ca-text-muted);
  margin-top: .3rem;
  font-size: .78rem;
  line-height: 1.55;
}

.overview-section-heading button {
  border: 1px solid var(--ca-border-soft);
  background: var(--ca-surface);
  min-height: 2.5rem;
  color: var(--ca-text-muted);
  border-radius: .6rem;
  flex: none;
  align-items: center;
  gap: .3rem;
  padding-inline: .75rem;
  font-size: .75rem;
  font-weight: 700;
  display: inline-flex;
}

.overview-section-heading button:hover {
  border-color: color-mix(in srgb, var(--ca-secondary) 45%, var(--ca-border-soft));
  color: var(--ca-secondary-strong);
}

.overview-section-heading button svg {
  width: .85rem;
}

.overview-trend-chart {
  width: 100%;
  height: 18rem;
  color: var(--ca-text-muted);
  margin-top: 1rem;
  font-size: .72rem;
}

.overview-trend-tooltip {
  border: 1px solid var(--ca-border);
  background: color-mix(in srgb, var(--ca-surface) 96%, transparent);
  color: var(--ca-text);
  box-shadow: var(--ca-shadow-md);
  border-radius: .6rem;
  gap: .2rem;
  padding: .65rem .75rem;
  display: grid;
}

.overview-trend-tooltip span, .overview-trend-tooltip small {
  color: var(--ca-text-muted);
  font-size: .75rem;
}

.overview-snapshot-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem;
  display: grid;
}

.overview-snapshot-list {
  gap: .8rem;
  margin-top: 1.1rem;
  display: grid;
}

.overview-snapshot-list li {
  grid-template-columns: 1.6rem minmax(0, 1fr) auto;
  align-items: center;
  gap: .65rem;
  min-width: 0;
  display: grid;
}

.overview-snapshot-rank {
  background: var(--ca-surface-muted);
  width: 1.55rem;
  height: 1.55rem;
  color: var(--ca-text-muted);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  font-size: .7rem;
  font-weight: 750;
  display: inline-flex;
}

.overview-snapshot-copy {
  gap: .35rem;
  min-width: 0;
  display: grid;
}

.overview-snapshot-label {
  min-width: 0;
  color: var(--ca-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  align-items: center;
  gap: .4rem;
  font-size: .8rem;
  font-weight: 650;
  display: flex;
  overflow: hidden;
}

.overview-snapshot-label i {
  border-radius: 999px;
  flex: none;
  width: .45rem;
  height: .45rem;
}

.overview-snapshot-track {
  background: var(--ca-surface-muted);
  border-radius: 999px;
  height: .35rem;
  overflow: hidden;
}

.overview-snapshot-track i {
  border-radius: inherit;
  min-width: .25rem;
  height: 100%;
  display: block;
}

.overview-snapshot-value {
  color: var(--ca-text);
  justify-items: end;
  font-size: .76rem;
  display: grid;
}

.overview-snapshot-value small {
  color: var(--ca-text-subtle);
  font-size: .68rem;
}

.overview-empty-state {
  border: 1px dashed var(--ca-border-soft);
  min-height: 8rem;
  color: var(--ca-text-muted);
  text-align: center;
  border-radius: .7rem;
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
  font-size: .8rem;
  display: flex;
}

.overview-suppression-note {
  color: var(--ca-text-subtle);
  margin-top: .9rem;
  font-size: .72rem;
  line-height: 1.5;
}

.overview-data-guide {
  border: 1px solid var(--ca-border-soft);
  background: color-mix(in srgb, var(--ca-surface-soft) 84%, transparent);
  color: var(--ca-text-muted);
  border-radius: .8rem;
  grid-template-columns: auto minmax(0, 1fr);
  gap: .75rem;
  padding: 1rem 1.15rem;
  font-size: .78rem;
  line-height: 1.6;
  display: grid;
}

.overview-data-guide strong {
  color: var(--ca-text);
  white-space: nowrap;
}

@media (max-width: 1199px) {
  .overview-metric-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .overview-metric-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .overview-snapshot-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .overview-trend-chart {
    height: 15rem;
  }
}

@media (max-width: 499px) {
  .overview-statistics-heading, .overview-section-heading {
    flex-direction: column;
  }

  .overview-statistics-profile, .overview-section-heading button {
    align-self: flex-start;
  }

  .overview-metric-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .overview-metric-card {
    min-height: 8.5rem;
  }

  .overview-data-guide {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (prefers-reduced-motion: reduce) {
  .overview-metric-card--action {
    transition: none;
  }
}

.public-dashboard-tabs-shell {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  overscroll-behavior-inline: contain;
  scrollbar-color: color-mix(in srgb, var(--ca-text-subtle) 38%, transparent) transparent;
  scrollbar-width: thin;
  width: min(100%, 48rem);
  min-width: 0;
  max-width: 100%;
  box-shadow: none;
  background: none;
  border: 1px solid #ffffff80;
  border-radius: 999px;
  margin-inline: auto;
  padding: .3rem;
  overflow-x: auto;
}

.public-dashboard-tabs-shell::-webkit-scrollbar {
  height: 5px;
}

.public-dashboard-tabs-shell::-webkit-scrollbar-track {
  background: none;
}

.public-dashboard-tabs-shell::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--ca-text-subtle) 38%, transparent);
  border-radius: 999px;
}

.public-dashboard-tabs {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  justify-content: center;
  align-items: center;
  gap: .35rem;
  width: 100%;
  min-width: 46rem;
  padding: 0;
  display: grid;
}

.public-dashboard-tab {
  color: #fff;
  white-space: nowrap;
  min-width: 0;
  min-height: 2.5rem;
  text-shadow: none;
  border-radius: 999px;
  padding: .55rem 1rem;
  font-size: .875rem;
  font-weight: 600;
  transition: color .16s, background-color .16s;
  position: relative;
}

.public-dashboard-tab-indicator {
  z-index: 0;
  border-radius: inherit;
  background: #fff;
  position: absolute;
  inset: 0;
  box-shadow: 0 8px 18px -12px #0f172ab8;
}

.public-dashboard-tab-label {
  z-index: 1;
  position: relative;
}

.public-dashboard-tab-label-mobile {
  display: none;
}

.public-dashboard-tab:hover {
  color: #fff;
  background: #0f172a29;
}

.public-dashboard-tab[data-selected="true"] {
  color: #0b2f5b;
  text-shadow: none;
}

.public-dashboard-tab:focus-visible {
  outline: 2px solid var(--ca-secondary);
  outline-offset: 2px;
}

:root[data-color-theme="dark"] .public-dashboard-tab-indicator {
  background: #fff;
  box-shadow: 0 8px 18px -12px #000c;
}

:root[data-color-theme="dark"] .public-dashboard-tab[data-selected="true"] {
  color: #0b2f5b;
  text-shadow: none;
}

:root[data-color-theme="dark"] .public-dashboard-title h1, :root[data-color-theme="dark"] .public-data-controls-label {
  color: #f8fafc;
  text-shadow: 0 1px 3px #020617eb;
}

:root[data-color-theme="dark"] .public-dashboard-tab:not([data-selected="true"]) {
  color: #f8fafc;
  text-shadow: none;
}

:root[data-color-theme="dark"] .public-dashboard-tabs-shell {
  background: none;
  border-color: #94a3b861;
}

:root[data-color-theme="dark"] .public-dashboard-page {
  --public-dashboard-page-bg: #10141b;
  background-color: var(--public-dashboard-page-bg);
  background-image: linear-gradient(to bottom,
      #0912202e 0,
      #0912202e var(--public-dashboard-bg-fade-start),
      #10141b73 var(--public-dashboard-bg-fade-light),
      #10141bc7 var(--public-dashboard-bg-fade-medium),
      var(--public-dashboard-page-bg) var(--public-dashboard-bg-fade-solid),
      var(--public-dashboard-page-bg) var(--public-dashboard-bg-end)),
    url("/statics/images/bg_public_dashboard_wide.webp?v=09aff4cf");
}

:root[data-color-theme="dark"] .public-dashboard-meta, :root[data-color-theme="dark"] .public-dashboard-surface {
  background: #171c24e0;
  border-color: #94a3b82e;
  box-shadow: 0 18px 36px -28px #000000e0;
}

:root[data-color-theme="dark"] .public-dashboard-placeholder {
  background: #1d2430c2;
  border-color: #94a3b83d;
}

:root[data-color-theme="dark"] .public-monthly-tooltip {
  border-color: var(--ca-border);
  background: #171c24fa;
}

:root[data-color-theme="dark"] .public-monthly-year-option {
  border-color: var(--ca-border);
  color: var(--ca-text-muted);
  background: #1d2430d1;
}

:root[data-color-theme="dark"] .public-monthly-year-option:hover, :root[data-color-theme="dark"] .public-monthly-year-option:focus-within {
  border-color: color-mix(in srgb, var(--ca-secondary) 60%, var(--ca-border));
  background: #334155b8;
}

:root[data-color-theme="dark"] .public-monthly-view-toggle {
  border-color: var(--ca-border);
  background: #0f172a80;
}

:root[data-color-theme="dark"] .public-monthly-view-toggle button[data-selected="true"] {
  color: #f8fafc;
}

:root[data-color-theme="dark"] .public-monthly-view-indicator {
  background: var(--ca-primary);
}

:root[data-color-theme="dark"] .public-monthly-point-track {
  background: #64748b;
}

:root[data-color-theme="dark"] .public-monthly-point-control button[data-enabled="true"] .public-monthly-point-track {
  background: var(--ca-warning);
}

:root[data-color-theme="dark"] .public-daily-tooltip {
  --daily-tooltip-bg: #171c24fa;
  border-color: var(--ca-border);
}

:root[data-color-theme="dark"] .public-daily-detail {
  border-color: var(--ca-border);
  background: var(--ca-surface);
}

:root[data-color-theme="dark"] .public-dashboard-tab:hover {
  background: #334155a3;
}

:root[data-color-theme="dark"] .public-dashboard-select {
  border-color: var(--ca-border);
  background: var(--ca-surface-soft);
  color: var(--ca-text);
}

:root[data-color-theme="dark"] .admin-compact .public-preview-dashboard :where(.public-month-detail-table-wrap tbody tr:hover) {
  background: var(--ca-surface-soft);
}

:root[data-color-theme="dark"] .admin-compact .public-preview-dashboard :where(.college-ranking-row:hover, .public-month-detail-list li:hover, .public-month-middle-row:hover, .public-month-middle-card:hover) {
  background: color-mix(in srgb, var(--ca-surface-soft) 88%, var(--ca-surface));
}

:root[data-color-theme="dark"] .admin-compact .public-preview-dashboard .college-ranking-row[data-selected="true"] {
  border-color: var(--ca-border-soft);
  background: color-mix(in srgb, var(--ca-surface-soft) 82%, var(--ca-surface));
}

:root[data-color-theme="dark"] .admin-compact .public-preview-dashboard :where(.college-ranking-row, .public-month-detail-table-wrap tbody tr):focus-visible {
  outline-color: color-mix(in srgb, var(--ca-secondary) 58%, transparent);
}

:root[data-color-theme="dark"] .public-data-help-button, :root[data-color-theme="dark"] .public-data-help-popover {
  border-color: var(--ca-border);
  color: var(--ca-text-muted);
  background: #171c24fa;
}

:root[data-color-theme="dark"] .public-dashboard-page :where(.text-slate-950, .text-slate-900, .text-slate-800) {
  color: var(--ca-text);
}

:root[data-color-theme="dark"] .public-dashboard-page :where(.text-slate-700, .text-slate-600) {
  color: var(--ca-text-muted);
}

:root[data-color-theme="dark"] .public-dashboard-page :where(.text-slate-500, .text-slate-400) {
  color: var(--ca-text-subtle);
}

:root[data-color-theme="dark"] .public-dashboard-page :where(.bg-slate-50, .bg-slate-100) {
  background-color: var(--ca-surface-soft);
}

:root[data-color-theme="dark"] .public-dashboard-page :where(.border-slate-100, .border-slate-200, .border-slate-300) {
  border-color: var(--ca-border-soft);
}

@media (min-width: 640px) and (max-width: 1100px) {
  .public-month-detail-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .public-monthly-actions {
    flex-direction: column;
    align-items: flex-end;
    gap: .75rem;
    width: auto;
    margin-left: auto;
  }

  .public-monthly-view-toggle {
    order: 1;
  }

  .public-monthly-metric {
    order: 2;
    justify-content: flex-end;
    width: auto;
  }

  .public-monthly-metric-select {
    flex: 0 0 12rem;
    width: 12rem;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .public-dashboard-page {
    --public-dashboard-bg-offset: -10rem;
    --public-dashboard-bg-end: 38rem;
    background-position: center top, center var(--public-dashboard-bg-offset);
    background-size: 100% 100%, max(92rem, 97%);
  }

  .public-dashboard-page.public-preview-background {
    --public-dashboard-bg-offset: 0rem;
    --public-dashboard-bg-end: 50rem;
    background-position: top, top;
    background-size: 100% 100%, max(98rem, 112%);
  }
}

@media (max-width: 767px) {
  .public-dashboard-page {
    --public-dashboard-bg-offset: -6rem;
    --public-dashboard-bg-end: 44rem;
    background-position: center top, 52% var(--public-dashboard-bg-offset);
    background-size: 100% 100%, auto 50rem;
  }

  .public-dashboard-page.public-preview-background {
    --public-dashboard-bg-offset: 0rem;
    --public-dashboard-bg-end: 53rem;
    background-position: top, 52% 0;
    background-size: 100% 100%, auto 54rem;
  }
}

@media (max-width: 639px) {
  .public-dashboard-hero {
    padding: 1.5rem 0;
  }

  .public-preview-heading-row {
    flex-direction: column;
    gap: 1rem;
  }

  .public-dashboard-hero__content {
    gap: 2.5rem;
  }

  .public-dashboard-title-logo {
    width: 6.5rem;
  }

  .public-dashboard-tabs-shell {
    overscroll-behavior-inline: auto;
    scrollbar-width: none;
    width: 100%;
    overflow-x: visible;
  }

  .public-dashboard-tabs {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    justify-content: center;
    gap: .1rem;
    min-width: 0;
  }

  .public-dashboard-tab {
    white-space: normal;
    min-width: 0;
    min-height: 2.8rem;
    padding: .4rem .1rem;
    font-size: .7rem;
    line-height: 1.05;
  }

  .public-dashboard-tab-label-desktop {
    display: none;
  }

  .public-dashboard-tab-label-mobile {
    word-break: keep-all;
    overflow-wrap: normal;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .public-month-middle-list[data-scrollable="true"] {
    max-height: none;
    overflow-y: visible;
  }

  .public-month-detail-heading, .public-daily-heading {
    flex-direction: column;
  }

  .public-month-detail-picker {
    flex-direction: column;
    align-items: flex-start;
    gap: .35rem;
    width: 100%;
  }

  .public-month-detail-picker label {
    flex-direction: column;
    align-items: flex-start;
    gap: .3rem;
    width: 100%;
  }

  .public-month-detail-picker select {
    width: 100%;
  }

  .public-month-detail-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem;
  }

  .public-month-detail-summary > div, .public-month-detail-summary > button {
    min-height: 5.75rem;
    padding: .75rem;
  }

  .public-month-detail-section, .public-month-detail-list-section {
    padding: .8rem;
  }

  .public-daily-year-select {
    flex-direction: column;
    align-items: flex-start;
    gap: .35rem;
    width: 100%;
  }

  .public-daily-year-select select {
    width: 100%;
  }

  .public-daily-calendar-shell {
    --daily-cell: 1.125rem;
    --daily-gap: .25rem;
  }

  .public-daily-detail-row, .public-monthly-heading {
    flex-direction: column;
  }

  .public-monthly-metric {
    flex-direction: column;
    align-items: flex-start;
    gap: .35rem;
    width: 100%;
  }

  .public-monthly-metric-select {
    width: 100%;
  }

  .public-monthly-actions {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }

  .public-monthly-view-toggle {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    display: grid;
  }

  .public-monthly-view-toggle button {
    white-space: normal;
  }

  .public-monthly-year-legend {
    overscroll-behavior-inline: contain;
    flex-wrap: nowrap;
    padding-bottom: .25rem;
    overflow-x: auto;
  }

  .public-monthly-year-option {
    flex: none;
  }

  .public-monthly-legend-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .public-monthly-category-legend {
    justify-content: flex-start;
  }

  .public-dashboard-header-row {
    flex-direction: column;
    gap: 1rem;
  }

  .public-data-controls {
    justify-items: start;
    width: 100%;
    min-width: 0;
  }

  .public-data-selects {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }

  .public-data-scope-select, .public-data-year-enter, .public-data-year-select {
    width: 100%;
  }

  .public-data-help-popover {
    left: 0;
    right: auto;
  }

  .public-dashboard-meta {
    width: 100%;
  }

  .public-dashboard-tabs {
    justify-content: flex-start;
  }
}

@media (max-width: 420px) {
  .public-month-detail-summary {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 599px) {
  .public-month-middle-list--desktop, .public-month-detail-table-wrap {
    display: none;
  }

  .public-month-middle-list--mobile, .public-month-detail-list, .official-category-field.official-detail-sort-filter {
    display: grid;
  }

  .official-mobile-list-header {
    border-bottom: 1px solid var(--ca-border-soft);
    color: var(--ca-text-subtle);
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .5rem;
    margin-top: .9rem;
    padding: .55rem .25rem;
    font-size: .68rem;
    font-weight: 800;
    display: grid;
  }

  .official-mobile-list-header span:last-child {
    text-align: right;
  }

  .official-ranking-list, .official-small-list {
    gap: 0;
    margin-top: 0;
  }

  .official-ranking-row, .official-small-row {
    border-bottom: 1px solid var(--ca-border-soft);
    flex-wrap: wrap;
    align-items: baseline;
    gap: .25rem .4rem;
    min-width: 0;
    padding: .7rem .25rem;
    display: flex;
  }

  .official-ranking-number {
    width: auto;
    height: auto;
    color: var(--ca-text-subtle);
    background: none;
    border-radius: 0;
    flex: none;
  }

  .official-ranking-number:after {
    content: "위";
  }

  .official-ranking-row .official-category-badge, .official-small-context .official-category-badge {
    flex: none;
    width: fit-content;
  }

  .official-ranking-name {
    flex: 0 auto;
    min-width: 0;
    display: block;
  }

  .official-ranking-name strong, .official-small-context > span:last-child, .official-small-name {
    overflow-wrap: break-word;
    word-break: keep-all;
  }

  .official-ranking-name small, .official-ranking-name .official-category-progress {
    display: none;
  }

  .official-ranking-value, .official-small-value {
    align-items: baseline;
    justify-items: initial;
    white-space: nowrap;
    flex: none;
    gap: 0;
    display: inline-flex;
  }

  .official-ranking-value:before, .official-small-value:before {
    content: "·";
    color: var(--ca-text-subtle);
    margin-right: .4rem;
  }

  .official-small-context {
    flex-wrap: wrap;
    flex: 0 auto;
    align-items: baseline;
    min-width: 0;
    display: inline-flex;
  }

  .official-small-name {
    flex: 0 auto;
    min-width: 0;
  }

  .official-detail-table-wrap {
    overflow-x: visible;
  }

  .official-detail-table {
    min-width: 0;
    display: block;
  }

  .official-detail-table thead {
    clip: auto;
    white-space: normal;
    width: auto;
    height: auto;
    margin: 0;
    display: block;
    position: static;
    overflow: visible;
  }

  .official-detail-table thead .official-detail-desktop-header-row {
    display: none;
  }

  .official-detail-table thead .official-detail-mobile-header-row {
    border-bottom: 1px solid var(--ca-border-soft);
    padding: .55rem .25rem;
    display: block;
  }

  .official-detail-table thead .official-detail-mobile-header-row th {
    white-space: normal;
    border: 0;
    padding: 0;
    font-size: .68rem;
    display: block;
  }

  .official-detail-table tbody {
    gap: 0;
    display: grid;
  }

  .official-detail-table tbody tr {
    border-bottom: 1px solid var(--ca-border-soft);
    flex-wrap: wrap;
    align-items: baseline;
    gap: .25rem .4rem;
    min-width: 0;
    padding: .7rem .25rem;
    display: flex;
  }

  .official-detail-table td {
    overflow-wrap: break-word;
    word-break: keep-all;
    border: 0;
    min-width: 0;
    padding: 0;
  }

  .official-detail-level, .official-detail-middle, .official-detail-small {
    display: none;
  }

  .official-detail-large {
    flex: 0 auto;
    min-width: 0;
    font-weight: 700;
  }

  .official-detail-mobile-path {
    min-width: 0;
    color: var(--official-category-color);
    overflow-wrap: break-word;
    word-break: keep-all;
    display: inline;
  }

  .official-detail-count {
    color: var(--ca-text);
    white-space: nowrap;
    flex: none;
    font-weight: 800;
  }

  .official-detail-ratio {
    display: none;
  }

  .official-detail-visibility {
    flex: none;
  }

  .official-detail-desktop-label, .official-visibility-label--desktop {
    display: none;
  }

  .official-detail-mobile-metrics, .official-visibility-label--mobile {
    display: inline;
  }

  .official-detail-mobile-metrics {
    white-space: nowrap;
  }

  .official-detail-mobile-metrics:before, .official-visibility-badge[data-suppressed="true"]:before, .official-visibility-badge[data-unavailable="true"]:before {
    content: "·";
    color: var(--ca-text-subtle);
    margin-right: .4rem;
  }

  .official-visibility-badge[data-suppressed="false"][data-unavailable="false"] {
    display: none;
  }

  .official-visibility-badge[data-suppressed="true"], .official-visibility-badge[data-unavailable="true"] {
    min-height: 0;
    color: var(--ca-text-subtle);
    white-space: nowrap;
    background: none;
    padding: 0;
  }
}

@media (max-width: 380px) {
  .official-category-controls--middle, .official-category-controls--small, .official-category-controls--detail {
    grid-template-columns: minmax(0, 1fr);
  }

  .official-category-controls--middle .official-category-search, .official-category-controls--small .official-category-search, .official-category-controls--detail .official-category-search {
    grid-column: auto;
  }
}

@media (max-width: 420px) {
  .public-month-middle-list--mobile {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (min-width: 640px) and (max-width: 900px) {
  .public-dashboard-header-row {
    flex-wrap: wrap;
  }
}

@media (prefers-reduced-motion: reduce) {
  .public-data-year-enter {
    animation: none;
  }

  .public-monthly-year-option, .public-monthly-point-control button, .public-monthly-point-track, .public-monthly-point-track i, .public-month-comparison-card, .public-monthly-chart .recharts-line-curve, .public-monthly-chart .recharts-line-dots circle, .public-daily-detail-reveal, .public-daily-detail {
    transition: none;
  }
}

.admin-detail-modal {
  background: #ffffffeb;
  border-color: #0000;
  border-radius: 1.25rem;
  box-shadow: 0 28px 70px -30px #0f172a80;
}

.admin-detail-modal-header, .admin-detail-modal-footer {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background: #ffffffe6;
  border-color: #e2e8f0b3;
}

.admin-detail-modal-body {
  background: radial-gradient(circle at 10% 8%, #bfdbfe4d, #0000 28%), radial-gradient(circle at 90% 18%, #ddd6fe4d, #0000 30%), linear-gradient(135deg, #f8fafc 0%, #eef6ff 48%, #f7f3ff 100%);
}

.recent-copy-dialog {
  grid-template-rows: auto minmax(0, 1fr) auto;
  height: min(92dvh, 54rem);
  max-height: calc(100vh - 3rem);
  display: grid;
}

.recent-copy-header, .recent-copy-footer {
  z-index: 1;
  position: relative;
}

.recent-copy-list {
  min-height: 0;
  padding: .5rem;
  overflow-y: auto;
}

.recent-copy-items {
  gap: .5rem;
  display: grid;
}

.recent-copy-row {
  cursor: pointer;
  background: #fffffff0;
  border: 1px solid #cbd5e1d9;
  border-radius: .75rem;
  min-width: 0;
  padding: .625rem .75rem;
  transition: border-color .14s, box-shadow .14s, background-color .14s;
  box-shadow: 0 2px 8px #0f172a0a;
}

.recent-copy-row.is-collapsed {
  min-height: 5.25rem;
}

.recent-copy-row:hover, .recent-copy-row:focus-visible, .recent-copy-row.is-expanded {
  border-color: #7dd3fce6;
  outline: none;
  box-shadow: 0 0 0 2px #7dd3fc26;
}

.recent-copy-primary-line {
  grid-template-columns: minmax(0, 1.2fr) minmax(11rem, .8fr) auto;
  align-items: center;
  gap: .5rem;
  min-width: 0;
  display: grid;
}

.recent-copy-secondary-line {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: .625rem;
  min-width: 0;
  margin-top: .25rem;
  display: grid;
}

.recent-copy-summary-text {
  grid-template-columns: minmax(11rem, .8fr) minmax(0, 1.2fr);
  align-items: center;
  gap: .625rem;
  min-width: 0;
  display: grid;
}

.recent-copy-identity, .recent-copy-organization, .recent-copy-category, .recent-copy-reason {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.recent-copy-identity {
  color: #475569;
  font-size: .75rem;
  line-height: 1.25rem;
}

.recent-copy-identity strong {
  color: #0f172a;
  font-size: .8125rem;
  font-weight: 700;
}

.recent-copy-meta:before {
  content: " · ";
}

.recent-copy-organization {
  color: #64748b;
  font-size: .75rem;
}

.recent-copy-category {
  color: #1e3a5f;
  font-size: .8125rem;
  font-weight: 650;
}

.recent-copy-reason {
  color: #64748b;
  font-size: .75rem;
}

.recent-copy-status, .recent-copy-actions, .recent-copy-apply-button, .recent-copy-toggle-button {
  flex-shrink: 0;
}

.recent-copy-actions {
  align-items: center;
  gap: .375rem;
  display: flex;
}

.recent-copy-details {
  color: #475569;
  border-top: 1px solid #e2e8f0e6;
  gap: .625rem;
  margin-top: .625rem;
  padding-top: .625rem;
  font-size: .8125rem;
  line-height: 1.35rem;
  display: grid;
}

.recent-copy-content-preview, .recent-copy-full-reason {
  min-width: 0;
}

.recent-copy-detail-label {
  color: #334155;
  margin-bottom: .125rem;
  font-size: .75rem;
  font-weight: 650;
}

.recent-copy-category-details {
  grid-template-columns: 4.5rem minmax(0, 1fr);
  gap: .25rem .625rem;
  min-width: 0;
  display: grid;
}

.recent-copy-category-details dt {
  color: #64748b;
  font-size: .75rem;
  font-weight: 650;
}

.recent-copy-category-details dd {
  overflow-wrap: anywhere;
  color: #334155;
  min-width: 0;
}

.recent-copy-save-meta {
  color: #64748b;
  font-size: .75rem;
}

@media (max-width: 640px) {
  .recent-copy-dialog {
    grid-template-rows: auto minmax(0, auto) auto;
    width: calc(100vw - .75rem);
    max-width: none;
    height: auto;
    max-height: min(92dvh, 47.5rem);
    margin: .375rem;
    overflow: hidden;
  }

  .recent-copy-dialog .recent-copy-header {
    padding: .75rem .875rem;
  }

  .recent-copy-dialog .recent-copy-header h4 {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }

  .recent-copy-dialog .recent-copy-header p {
    line-height: 1.125rem;
  }

  .recent-copy-dialog .recent-copy-header button {
    width: 2.25rem;
    height: 2.25rem;
  }

  .recent-copy-list {
    min-height: 0;
    max-height: calc(92dvh - 9.375rem);
    padding: .375rem;
    overflow: hidden auto;
  }

  .recent-copy-items {
    gap: .375rem;
  }

  .recent-copy-row {
    border-radius: .625rem;
    max-width: 100%;
    padding: .625rem;
  }

  .recent-copy-row.is-collapsed {
    min-height: 7rem;
  }

  .recent-copy-primary-line {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .1875rem .5rem;
  }

  .recent-copy-identity {
    white-space: normal;
    overflow: visible;
  }

  .recent-copy-identity strong, .recent-copy-meta {
    min-width: 0;
    display: block;
  }

  .recent-copy-identity strong {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .recent-copy-meta {
    overflow-wrap: anywhere;
    line-height: 1.05rem;
  }

  .recent-copy-meta:before {
    content: none;
  }

  .recent-copy-organization {
    grid-area: 2 / 1 / auto / -1;
  }

  .recent-copy-status {
    grid-area: 1 / 2;
  }

  .recent-copy-summary-text {
    grid-template-columns: minmax(0, 1fr);
  }

  .recent-copy-secondary-line {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: .375rem;
    margin-top: .1875rem;
  }

  .recent-copy-summary-text {
    gap: .1875rem;
  }

  .recent-copy-actions {
    justify-content: flex-end;
    gap: .375rem;
  }

  .recent-copy-apply-button, .recent-copy-toggle-button {
    height: 2rem;
  }

  .recent-copy-toggle-button {
    width: 2rem;
  }

  .recent-copy-details {
    gap: .5rem;
    margin-top: .5rem;
    padding-top: .5rem;
    font-size: .75rem;
    line-height: 1.125rem;
  }

  .recent-copy-category-details {
    grid-template-columns: 4.25rem minmax(0, 1fr);
    gap: .3125rem .5rem;
  }

  .recent-copy-content-preview > p:last-child, .recent-copy-clamped-text, .recent-copy-save-meta {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .recent-copy-clamped-text {
    -webkit-line-clamp: 3;
  }

  .recent-copy-content-preview > p:last-child {
    -webkit-line-clamp: 2;
  }

  .recent-copy-save-meta {
    -webkit-line-clamp: 2;
    font-size: .6875rem;
    line-height: 1rem;
  }

  .recent-copy-footer {
    padding: .625rem .75rem calc(.625rem + env(safe-area-inset-bottom));
  }
}

:root[data-color-theme="dark"] .recent-copy-row {
  background: #0f172ae0;
  border-color: #475569d9;
}

:root[data-color-theme="dark"] .recent-copy-identity strong, :root[data-color-theme="dark"] .recent-copy-category {
  color: #dbeafe;
}

:root[data-color-theme="dark"] .recent-copy-identity, :root[data-color-theme="dark"] .recent-copy-organization, :root[data-color-theme="dark"] .recent-copy-reason, :root[data-color-theme="dark"] .recent-copy-details, :root[data-color-theme="dark"] .recent-copy-save-meta {
  color: #a9b8cc;
}

:root[data-color-theme="dark"] .recent-copy-detail-label, :root[data-color-theme="dark"] .recent-copy-category-details dd {
  color: #d8e4f3;
}

.review-detail-card {
  border-radius: 1rem;
}

.review-detail-inner {
  border-radius: .75rem;
}

.review-icon-asset {
  background-color: currentColor;
  flex: none;
  display: inline-block;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.review-icon-single {
  -webkit-mask-image: url("/statics/icons/review.svg");
  mask-image: url("/statics/icons/review.svg");
}

.review-icon-continuous {
  -webkit-mask-image: url("/statics/icons/continuous-review.svg");
  mask-image: url("/statics/icons/continuous-review.svg");
}

.current-review-preview {
  border-color: color-mix(in srgb, var(--ca-violet) 42%, var(--ca-border-soft));
  background: color-mix(in srgb, var(--ca-surface) 88%, var(--ca-violet-soft) 12%);
}

.current-review-preview.is-finalized {
  background: linear-gradient(135deg,
      color-mix(in srgb, var(--ca-surface) 35%, var(--ca-success-soft) 65%) 0%,
      color-mix(in srgb, var(--ca-surface) 32%, var(--ca-primary-soft) 68%) 42%,
      color-mix(in srgb, var(--ca-surface) 92%, var(--ca-violet) 8%) 72%,
      color-mix(in srgb, var(--ca-surface) 84%, var(--ca-violet) 16%) 100%);
}

.current-review-preview.is-finalized:not(.is-dirty) .review-detail-inner {
  background-color: color-mix(in srgb, var(--ca-surface) 78%, transparent);
}

.current-review-preview.is-dirty {
  border-color: color-mix(in srgb, var(--ca-violet) 62%, var(--ca-border-soft));
  background: color-mix(in srgb, var(--ca-surface) 72%, var(--ca-violet-soft) 28%);
}

.current-review-preview-status {
  background: color-mix(in srgb, var(--ca-violet-soft) 88%, var(--ca-surface));
  color: var(--ca-violet);
}

.current-review-preview .review-detail-inner {
  padding: .5rem .625rem;
}

.current-review-preview .review-detail-inner > p + p {
  margin-top: .0625rem;
  line-height: 1.125rem;
}

.ai-correction-reasons, .ai-correction-reasons li, .review-reference-card, .review-reference-path, .review-reference-meta, .review-reference-snippet {
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: keep-all;
  min-width: 0;
}

.review-reference-card {
  border-color: var(--ca-border-soft);
  background: color-mix(in srgb, var(--ca-surface) 96%, var(--ca-primary-soft) 4%);
}

.review-queue-table-wrap {
  min-width: 0;
}

.review-queue-table {
  border-collapse: collapse;
  width: 100%;
  display: block;
}

.review-queue-table :where(thead, tbody) {
  width: 100%;
  display: block;
}

.review-queue-row {
  grid-template-columns: 3.5rem 4.75rem minmax(5.5rem, 1.05fr) minmax(6.5rem, 1.2fr) 4.5rem 4.25rem 7.5rem minmax(6.25rem, .9fr) 3.5rem 6.25rem;
  align-items: center;
  width: 100%;
  display: grid;
}

.review-queue-cell {
  min-width: 0;
}

.review-queue-column-id, .review-queue-column-date, .review-queue-column-status, .review-queue-column-candidate, .review-queue-column-ai, .review-queue-column-modified, .review-queue-column-detail {
  text-align: center;
}

.review-queue-column-organization, .review-queue-column-raw-category, .review-queue-column-final {
  text-align: left;
}

.review-queue-column-ai {
  overflow: hidden;
  container: review-queue-ai / inline-size;
}

.review-queue-ai-summary {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: .25rem;
  width: 100%;
  min-width: 0;
  display: flex;
}

.review-queue-ai-summary .review-queue-ai-badge {
  white-space: nowrap;
  word-break: keep-all;
  flex: none;
  width: max-content;
  max-width: 100%;
  padding-top: .125rem;
  padding-bottom: .125rem;
  line-height: 1rem;
}

.review-queue-12b-badge {
  white-space: nowrap;
  word-break: keep-all;
  flex-wrap: nowrap;
  flex: none;
  align-items: center;
  gap: .25rem;
  width: max-content;
  max-width: 100%;
  display: inline-flex;
}

.review-queue-data-row {
  min-height: 3.5rem;
}

.review-queue-column-modified, .review-queue-column-detail {
  justify-self: stretch;
}

.review-queue-detail-cell {
  justify-content: center;
  align-items: center;
  min-width: 0;
  display: flex;
  overflow: visible;
}

.review-queue-detail-button {
  white-space: nowrap;
  flex: none;
}

.review-queue-empty-row > .review-queue-cell {
  grid-column: 1 / -1;
}

@media (min-width: 1440px) {
  .review-queue-row {
    grid-template-columns: 4.5rem 6rem minmax(8.75rem, 1.05fr) minmax(11.25rem, 1.25fr) 5.25rem 5.125rem minmax(13rem, 1fr) minmax(9.375rem, .9fr) 3.5rem 6.25rem;
  }
}

@container review-queue-ai (min-width: 190px) {
  .review-queue-ai-summary {
    flex-flow: row;
    justify-content: center;
    align-items: center;
  }
}

.review-final-category-panel {
  --review-final-category-label: #2e5793;
  position: relative;
}

.review-final-category-panel .review-final-category-fields {
  gap: .625rem;
  display: grid;
}

.review-final-category-panel .review-final-category-stack {
  gap: .125rem;
  display: grid;
}

.review-final-category-panel .category-apply-toast {
  z-index: 20;
  box-sizing: border-box;
  width: auto;
  max-width: min(70%, 36rem);
  height: 2rem;
  min-height: 2rem;
  box-shadow: var(--ca-shadow-sm);
  opacity: 0;
  pointer-events: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  visibility: hidden;
  border-radius: .45rem;
  padding: .45rem .75rem;
  line-height: 1rem;
  transition: opacity .16s, transform .16s, visibility 0s linear .16s;
  position: absolute;
  top: .75rem;
  right: 1rem;
  overflow: hidden;
  transform: translateY(-2px);
}

.review-final-category-panel .category-apply-toast.is-visible {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
  transform: translateY(0);
}

.review-final-category-panel .category-toast-cycle-even {
  animation: .16s ease-out category-toast-in-even;
}

.review-final-category-panel .category-toast-cycle-odd {
  animation: .16s ease-out category-toast-in-odd;
}

.review-final-category-panel .review-category-select-shell {
  --review-category-applied-border: #7dd3fc;
  --review-category-applied-ring: #7dd3fc38;
  --review-category-applied-pulse: #7dd3fc3d;
  isolation: isolate;
  box-sizing: border-box;
  padding: 1px .375rem;
  position: relative;
}

.review-final-category-panel .review-category-select-shell:after {
  z-index: 0;
  box-sizing: border-box;
  border-radius: inherit;
  content: "";
  opacity: 0;
  pointer-events: none;
  border: 1px solid #0000;
  transition: opacity .16s, border-color .16s, box-shadow .16s;
  position: absolute;
  inset: 0;
  box-shadow: 0 0 #0000;
}

.review-final-category-panel .review-category-select-shell > * {
  z-index: 1;
  position: relative;
}

.review-final-category-panel .review-category-select-shell.is-applied:after {
  border-color: var(--review-category-applied-border);
  box-shadow: 0 0 0 1px var(--review-category-applied-ring);
  opacity: 1;
}

.review-final-category-panel .review-category-highlight-cycle-even:after {
  animation: .22s ease-out review-category-highlight-pulse-even;
}

.review-final-category-panel .review-category-highlight-cycle-odd:after {
  animation: .22s ease-out review-category-highlight-pulse-odd;
}

.review-final-category-panel .review-category-select-shell :where(button, select):focus-visible {
  z-index: 3;
  position: relative;
}

.review-final-category-panel .review-final-category-label-row {
  min-height: 1.25rem;
}

.review-final-category-panel .review-final-category-label-controls {
  grid-template-columns: 7rem 2.375rem;
  align-items: center;
  min-width: 0;
  display: grid;
}

.review-final-category-panel .review-final-category-label {
  color: var(--review-final-category-label);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.review-final-category-panel .category-move-slot {
  justify-content: flex-start;
  align-items: center;
  gap: .125rem;
  width: 2.375rem;
  min-width: 2.375rem;
  height: 1.125rem;
  display: inline-flex;
}

.review-final-category-panel .review-category-move-placeholder {
  visibility: hidden;
  width: 1rem;
  min-width: 1rem;
  height: 1rem;
  min-height: 1rem;
}

.review-final-category-panel .review-category-select-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .5rem;
  min-width: 0;
  margin-top: 1px;
  display: grid;
}

.review-final-category-panel .category-path-slot {
  min-width: 0;
  height: .875rem;
  min-height: .875rem;
  color: var(--review-final-category-label);
  align-items: center;
  margin-top: 1px;
  margin-bottom: 0;
  font-size: .75rem;
  line-height: .875rem;
  display: flex;
  overflow: hidden;
}

.review-final-category-panel .category-path-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  max-width: 100%;
  display: block;
  overflow: hidden;
}

.review-final-category-panel .category-path-text.is-empty {
  visibility: hidden;
}

@keyframes category-toast-in-even {
  from {
    opacity: 0;
    transform: translateY(-3px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes category-toast-in-odd {
  from {
    opacity: 0;
    transform: translateY(-3px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes review-category-highlight-pulse-even {
  0% {
    opacity: 0;
    border-color: #0000;
    box-shadow: 0 0 #0000;
  }

  55% {
    border-color: var(--review-category-applied-border);
    box-shadow: 0 0 0 2px var(--review-category-applied-pulse);
    opacity: 1;
  }

  100% {
    border-color: var(--review-category-applied-border);
    box-shadow: 0 0 0 1px var(--review-category-applied-ring);
    opacity: 1;
  }
}

@keyframes review-category-highlight-pulse-odd {
  0% {
    opacity: 0;
    border-color: #0000;
    box-shadow: 0 0 #0000;
  }

  55% {
    border-color: var(--review-category-applied-border);
    box-shadow: 0 0 0 2px var(--review-category-applied-pulse);
    opacity: 1;
  }

  100% {
    border-color: var(--review-category-applied-border);
    box-shadow: 0 0 0 1px var(--review-category-applied-ring);
    opacity: 1;
  }
}

@media (max-width: 768px) {
  .review-final-category-panel .category-apply-toast {
    max-width: none;
    top: .5rem;
    left: 6.25rem;
    right: .75rem;
  }
}

.review-category-value-highlight {
  color: inherit;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  background: linear-gradient(90deg, #ff084438 0%, #ffb19957 90%);
  border-radius: .22em;
  padding-block: .03em;
  padding-inline: .12em;
}

.review-reference-snippet {
  margin: 0;
  line-height: 1.65;
}

.review-reference-source {
  color: var(--ca-text-muted);
  font-weight: 650;
}

.review-reference-match {
  color: var(--ca-primary);
  background: none;
  border: 0;
  font-weight: 750;
}

.review-reference-value-keyword {
  color: var(--ca-primary);
  font-weight: 700;
}

.review-reference-value-location {
  color: var(--ca-secondary);
  font-weight: 650;
}

.review-reference-value-score {
  color: var(--ca-violet);
  font-weight: 700;
}

.review-reference-value-match {
  color: var(--ca-success);
  font-weight: 700;
}

.review-reference-value-mismatch {
  color: var(--ca-danger);
  font-weight: 700;
}

.review-ai-candidate, .review-ai-title, .review-ai-metadata, .review-ai-body, .review-ai-category-list, .review-ai-category-row, .review-ai-category-value, .review-ai-warning, .review-ai-info, .review-ai-error, .review-ai-core-judgment, .review-ai-core-title, .review-ai-core-body {
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: keep-all;
  min-width: 0;
}

.review-raw-category, .review-raw-category-path, .review-header-consultation, .review-header-consultation-body, .review-consultation-preview {
  overflow-wrap: anywhere;
  word-break: keep-all;
  min-width: 0;
}

.review-header-consultation {
  border-color: var(--ca-border-soft);
  background: color-mix(in srgb, var(--ca-surface) 94%, var(--ca-primary-soft) 6%);
}

.review-raw-category {
  background: linear-gradient(115deg,
      color-mix(in srgb, var(--ca-surface) 18%, var(--ca-warning-soft) 82%) 0%,
      color-mix(in srgb, var(--ca-surface) 72%, var(--ca-highlight-yellow) 28%) 54%,
      color-mix(in srgb, var(--ca-surface) 62%, var(--ca-highlight-yellow) 38%) 100%);
}

.review-consultation-preview {
  -webkit-line-clamp: 2;
  line-clamp: 2;
  opacity: 0;
  -webkit-box-orient: vertical;
  max-height: 0;
  margin-top: 0;
  transition: max-height .22s, margin-top .22s, opacity .15s, transform .22s;
  display: -webkit-box;
  overflow: hidden;
  transform: translateY(-.25rem);
}

.review-consultation-preview.is-visible {
  opacity: 1;
  max-height: 3rem;
  margin-top: .25rem;
  transform: translateY(0);
}

.review-consultation-collapse {
  opacity: 0;
  grid-template-rows: 0fr;
  transition: grid-template-rows .24s cubic-bezier(.22, 1, .36, 1), opacity .16s;
  display: grid;
}

.review-consultation-collapse.is-expanded {
  opacity: 1;
  grid-template-rows: 1fr;
}

.review-consultation-collapse-inner {
  min-height: 0;
  overflow: hidden;
}

.review-consultation-chevron {
  transition: transform .22s;
  transform: rotate(0);
}

.review-consultation-chevron.is-expanded {
  transform: rotate(180deg);
}

.review-section-collapse {
  opacity: 0;
  grid-template-rows: 0fr;
  transition: grid-template-rows .24s cubic-bezier(.22, 1, .36, 1), opacity .16s;
  display: grid;
}

.review-section-collapse.is-expanded {
  opacity: 1;
  grid-template-rows: 1fr;
}

.review-section-collapse-inner {
  min-height: 0;
  overflow: hidden;
}

.review-section-chevron {
  transition: transform .22s;
  transform: rotate(0);
}

.review-section-chevron.is-expanded {
  transform: rotate(180deg);
}

@media (prefers-reduced-motion: reduce) {
  .review-consultation-preview, .review-consultation-collapse, .review-consultation-chevron, .review-highlight-toggles, .review-section-collapse, .review-section-chevron {
    transition: none;
  }
}

.review-consultation-toggle {
  border-color: var(--ca-border);
  background: var(--ca-surface);
  color: var(--ca-text-muted);
}

.review-highlight-toggles {
  opacity: 0;
  border: 0 solid #0000;
  border-radius: 9999px;
  align-items: center;
  gap: .1rem;
  max-width: 0;
  height: 1.75rem;
  padding: 0;
  transition: max-width .22s, opacity .15s, transform .22s;
  display: inline-flex;
  overflow: hidden;
  transform: translateX(.25rem);
}

.review-highlight-toggles.is-visible {
  border-width: 1px;
  border-color: var(--ca-border);
  opacity: 1;
  max-width: 9rem;
  padding: .12rem;
  transform: translateX(0);
}

.review-highlight-toggle {
  min-width: 2rem;
  height: 1.4rem;
  color: var(--ca-text-muted);
  background: none;
  border: 0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  gap: .2rem;
  padding: 0 .3rem;
  font-size: .625rem;
  font-weight: 700;
  line-height: 1;
  transition: background-color .14s, color .14s, opacity .14s;
  display: inline-flex;
}

.review-highlight-toggle[aria-pressed="true"] {
  background: color-mix(in srgb, var(--ca-surface-soft) 76%, transparent);
  color: var(--ca-text);
}

.review-highlight-toggle[aria-pressed="false"] {
  opacity: .38;
}

.review-highlight-toggle-dot {
  border-radius: 9999px;
  flex: none;
  width: .48rem;
  height: .48rem;
  box-shadow: inset 0 0 0 1px #0f172a1a;
}

.review-highlight-toggle-dot--ai {
  background: #bbf7d0;
}

.review-highlight-toggle-dot--keyword {
  background: #bfdbfe;
}

.review-highlight-toggle-dot--user {
  background: #fd7979;
}

.review-highlight-toggle:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--ca-primary) 72%, transparent);
  outline-offset: 2px;
}

.review-continuous-nav-group {
  border-color: var(--ca-border);
  background: var(--ca-surface);
}

.review-continuous-nav-button {
  height: 100%;
  color: var(--ca-text-muted);
  background: none;
  border: 0;
  border-radius: 0;
  transition: background-color .14s, color .14s;
}

.review-continuous-nav-button + .review-continuous-nav-button {
  border-left: 1px solid var(--ca-border);
}

.review-continuous-nav-button:hover:not(:disabled) {
  background: var(--ca-surface-soft);
  color: var(--ca-primary);
}

.review-continuous-nav-button:focus-visible {
  z-index: 1;
  outline: 2px solid color-mix(in srgb, var(--ca-primary) 70%, transparent);
  outline-offset: -2px;
  position: relative;
}

.review-continuous-save-button {
  color: var(--ca-primary);
}

.review-final-category-panel .review-category-move-button {
  border: 1px solid var(--ca-border);
  width: 1rem;
  min-width: 1rem;
  height: 1rem;
  min-height: 1rem;
  color: var(--ca-text-muted);
  background: none;
  border-radius: 9999px;
  flex: none;
  justify-content: center;
  align-items: center;
  transition: border-color .14s, background-color .14s, color .14s;
  display: inline-flex;
  position: relative;
}

.review-final-category-panel .review-category-move-button:before {
  border-radius: inherit;
  content: "";
  position: absolute;
  inset: -1px;
}

.review-final-category-panel .review-category-move-button:hover:not(:disabled) {
  border-color: color-mix(in srgb, var(--ca-primary) 44%, var(--ca-border));
  background: var(--ca-surface-soft);
  color: var(--ca-primary);
}

.review-final-category-panel .review-category-move-button:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--ca-primary) 65%, transparent);
  outline-offset: 1px;
}

.review-final-category-panel .review-category-move-button:disabled {
  opacity: .28;
}

.review-ai-category-action {
  border: 1px solid var(--ca-border);
  background: var(--ca-surface);
  border-radius: 9999px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  font-size: .6875rem;
  font-weight: 700;
  line-height: 1;
  transition: border-color .14s, background-color .14s, color .14s;
  display: inline-flex;
}

.review-ai-category-action-main {
  border-color: color-mix(in srgb, var(--ca-violet) 48%, var(--ca-border));
  color: var(--ca-violet);
}

.review-ai-category-action-sub {
  border-color: color-mix(in srgb, var(--ca-primary) 48%, var(--ca-border));
  color: var(--ca-primary);
}

.review-ai-category-action:hover:not(:disabled) {
  background: var(--ca-surface-soft);
}

.review-ai-category-action:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--ca-primary) 65%, transparent);
  outline-offset: 1px;
}

.review-ai-category-action:disabled {
  cursor: not-allowed;
  opacity: .38;
}

.review-text-highlight {
  color: inherit;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  border-radius: .22rem;
  padding: .04em .1em;
}

.review-text-highlight--keyword {
  background: #bfdbfe;
  box-shadow: inset 0 -1px #2563eb3d;
}

.review-text-highlight--ai {
  background: #bbf7d0;
  box-shadow: inset 0 -1px #16a34a38;
}

.review-text-highlight--user {
  color: #4c0519;
  background: #fd7979;
  box-shadow: inset 0 -1px #be185d5c;
}

.review-text-highlight--user.has-ai-overlap {
  box-shadow: inset 0 -3px #15803d, inset 0 -1px #be185d5c;
}

.review-text-highlight.is-muted {
  box-shadow: none;
}

.review-text-highlight--keyword.is-muted {
  background: #bfdbfe1f;
}

.review-text-highlight--ai.is-muted {
  background: #bbf7d01f;
}

.review-text-highlight--user.is-muted {
  background: #fd79791f;
}

.review-text-highlight--user[role="button"] {
  cursor: pointer;
}

.review-text-highlight--user[role="button"]:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #be185d;
}

:root[data-color-theme="dark"] .review-text-highlight {
  color: #fffffff5;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  border-radius: .2em;
  padding-block: .04em;
  padding-inline: .1em;
}

:root[data-color-theme="dark"] .review-text-highlight--keyword {
  background: #3b82f65c;
  border: 1px solid #93c5fd57;
  box-shadow: inset 0 1px #ffffff0f;
}

:root[data-color-theme="dark"] .review-text-highlight--ai {
  background: #22c55e57;
  border: 1px solid #86efac57;
  box-shadow: inset 0 1px #ffffff0f;
}

:root[data-color-theme="dark"] .review-text-highlight--user {
  background: #fd79796b;
  border: 1px solid #ffb8b861;
  box-shadow: inset 0 1px #ffffff12;
}

:root[data-color-theme="dark"] .review-text-highlight.is-muted {
  color: inherit;
  box-shadow: none;
}

:root[data-color-theme="dark"] .review-text-highlight--keyword.is-muted {
  background: #3b82f614;
  border-color: #93c5fd0f;
}

:root[data-color-theme="dark"] .review-text-highlight--ai.is-muted {
  background: #22c55e14;
  border-color: #86efac0f;
}

:root[data-color-theme="dark"] .review-text-highlight--user.is-muted {
  background: #fd797914;
  border-color: #ffb8b812;
}

.review-evidence-selection-popover {
  z-index: 100;
  color: #fff1f2;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background: #500724f5;
  border: 1px solid #be185d61;
  border-radius: .75rem;
  align-items: center;
  gap: .25rem;
  min-width: 11.875rem;
  padding: .3rem;
  display: flex;
  position: fixed;
  box-shadow: 0 12px 30px -12px #500724b8;
}

.review-evidence-selection-action, .review-evidence-selection-cancel {
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  min-height: 2rem;
  display: inline-flex;
}

.review-evidence-selection-action {
  color: #fff1f2;
  flex: 1;
  gap: .35rem;
  padding-inline: .65rem;
  font-size: .75rem;
  font-weight: 700;
}

.review-evidence-selection-action:hover {
  background: #f472b638;
}

.review-evidence-selection-cancel {
  color: #fbcfe8;
  width: 2rem;
}

.review-evidence-selection-cancel:hover {
  background: #f472b62e;
}

.review-evidence-selection-action:disabled, .review-evidence-selection-cancel:disabled {
  cursor: wait;
  opacity: .6;
}

.review-modal-close, .review-section-toggle {
  border-color: var(--ca-border);
  background: var(--ca-surface);
  color: var(--ca-text-muted);
}

.review-consultation-toggle:hover, .review-modal-close:hover, .review-section-toggle:hover {
  border-color: color-mix(in srgb, var(--ca-primary) 36%, var(--ca-border));
  color: var(--ca-primary);
}

.review-consultation-toggle:focus-visible, .review-raw-category-action:focus-visible, .review-modal-close:focus-visible, .review-section-toggle:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--ca-primary) 72%, transparent);
  outline-offset: 2px;
}

.review-reference-toggle {
  border-color: var(--ca-border-soft);
  background: var(--ca-surface);
  color: var(--ca-text-muted);
}

.review-reference-toggle:hover {
  border-color: color-mix(in srgb, var(--ca-primary) 36%, var(--ca-border-soft));
  color: var(--ca-primary);
}

.review-reference-toggle:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--ca-primary) 72%, transparent);
  outline-offset: 2px;
}

.review-status-tooltip {
  border-color: color-mix(in srgb, var(--ca-primary) 22%, var(--ca-border-soft));
  background: var(--ca-surface);
  color: var(--ca-text);
}

.review-status-tooltip :where(b, strong) {
  color: var(--ca-text);
}

.review-status-tooltip > span:last-child {
  border-color: var(--ca-border-soft);
  color: var(--ca-text-muted);
}

.classification-guide-tooltip {
  border-color: color-mix(in srgb, var(--ca-primary) 24%, var(--ca-border-soft));
  background: var(--ca-surface);
  color: var(--ca-text);
  pointer-events: none;
}

.classification-guide-dialog {
  color: var(--ca-text);
}

.admin-detail-modal-body :where(section)[class*="bg-white"][class*="border"] {
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  background-color: #ffffffdb;
  border-color: #0000;
  border-radius: 1rem;
  box-shadow: 0 14px 34px -26px #1e293b6b;
}

:root[data-color-theme="dark"] .admin-detail-modal {
  background: #171c24f0;
  box-shadow: 0 30px 80px -28px #000000eb;
}

:root[data-color-theme="dark"] .admin-detail-modal-header, :root[data-color-theme="dark"] .admin-detail-modal-footer {
  background: #171c24e6;
  border-color: #3a4656a6;
}

:root[data-color-theme="dark"] .admin-detail-modal-body {
  background: radial-gradient(circle at 10% 8%, #3b82f624, #0000 30%), radial-gradient(circle at 90% 18%, #8b5cf624, #0000 32%), linear-gradient(135deg, #10141b 0%, #111a29 48%, #181426 100%);
}

:root[data-color-theme="dark"] .current-review-preview {
  border-color: color-mix(in srgb, var(--ca-violet) 42%, var(--ca-border-soft));
  background: color-mix(in srgb, var(--ca-surface) 80%, var(--ca-violet-soft) 20%);
}

:root[data-color-theme="dark"] .current-review-preview.is-finalized {
  background: linear-gradient(135deg,
      color-mix(in srgb, var(--ca-surface) 58%, var(--ca-success-soft) 42%) 0%,
      color-mix(in srgb, var(--ca-surface) 54%, var(--ca-primary-soft) 46%) 42%,
      color-mix(in srgb, var(--ca-surface) 88%, var(--ca-violet) 12%) 72%,
      color-mix(in srgb, var(--ca-surface) 78%, var(--ca-violet) 22%) 100%);
}

:root[data-color-theme="dark"] .current-review-preview.is-finalized:not(.is-dirty) .review-detail-inner {
  background-color: color-mix(in srgb, var(--ca-surface) 72%, transparent);
}

:root[data-color-theme="dark"] .current-review-preview.is-dirty {
  border-color: color-mix(in srgb, var(--ca-violet) 62%, var(--ca-border-soft));
  background: color-mix(in srgb, var(--ca-surface) 70%, var(--ca-violet-soft) 30%);
}

:root[data-color-theme="dark"] .ai-correction-reasons {
  border-color: color-mix(in srgb, var(--ca-success) 28%, var(--ca-border-soft));
  background-color: color-mix(in srgb, var(--ca-surface) 82%, var(--ca-success-soft) 18%);
}

:root[data-color-theme="dark"] .ai-correction-reasons :where(.text-emerald-700, .text-emerald-800) {
  color: var(--ca-success);
}

:root[data-color-theme="dark"] .review-reference-card, :root[data-color-theme="dark"] .review-reference-toggle {
  border-color: var(--ca-border);
  background: color-mix(in srgb, var(--ca-surface) 92%, var(--ca-primary-soft) 8%);
}

:root[data-color-theme="dark"] .review-reference-card :where(.text-slate-950, .text-slate-700, .text-slate-600) {
  color: var(--ca-text);
}

:root[data-color-theme="dark"] .review-reference-card :where(.text-slate-500) {
  color: var(--ca-text-muted);
}

:root[data-color-theme="dark"] .review-ai-candidate {
  border-color: var(--ca-border);
  background: var(--ca-surface-soft);
  color: var(--ca-text);
}

:root[data-color-theme="dark"] .review-ai-category-list {
  border-color: var(--ca-border-soft);
  background: color-mix(in srgb, var(--ca-surface) 88%, transparent);
}

:root[data-color-theme="dark"] .review-category-value-highlight {
  color: #fff7fa;
  background: linear-gradient(90deg, #ff08447a 0%, #ffb19961 90%);
  border: 1px solid #ffbecb4d;
  padding-block: .06em;
  padding-inline: .16em;
  box-shadow: inset 0 1px #ffffff14;
}

:root[data-color-theme="dark"] .admin-compact :where(.bg-sky-50\/50.ring-2.ring-sky-200) {
  color: inherit;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--ca-info) 18%, transparent);
  background: none;
  border: 1px solid #246b91;
  padding: calc(.5rem - 1px);
}

:root[data-color-theme="dark"] .review-final-category-panel {
  --review-final-category-label: #9bb9e3;
}

:root[data-color-theme="dark"] .review-final-category-panel .review-category-select-shell {
  --review-category-applied-border: #7dd3fc;
  --review-category-applied-ring: #7dd3fc2e;
  --review-category-applied-pulse: #7dd3fc3d;
}

:root[data-color-theme="dark"] .review-final-category-panel .review-category-select-shell.is-applied {
  color: inherit;
  background: none;
}

:root[data-color-theme="dark"] .review-ai-category-action {
  background: var(--ca-surface);
}

:root[data-color-theme="dark"] .review-ai-category-action:disabled {
  border-color: color-mix(in srgb, var(--ca-border) 86%, var(--ca-text-subtle) 14%);
  background: var(--ca-surface-muted);
  color: var(--ca-text-subtle);
  opacity: 1;
}

:root[data-color-theme="dark"] .review-ai-title, :root[data-color-theme="dark"] .review-ai-body {
  color: var(--ca-text);
}

:root[data-color-theme="dark"] .review-ai-metadata {
  color: var(--ca-text-muted);
}

:root[data-color-theme="dark"] .review-ai-warning {
  color: var(--ca-warning);
}

:root[data-color-theme="dark"] .review-ai-info {
  color: var(--ca-secondary);
}

:root[data-color-theme="dark"] .review-ai-validation-invalid {
  color: var(--ca-danger);
}

:root[data-color-theme="dark"] .review-ai-core-judgment {
  border: 1px solid color-mix(in srgb, var(--ca-violet) 34%, var(--ca-border));
  background: color-mix(in srgb, var(--ca-surface) 72%, var(--ca-violet-soft) 28%);
}

:root[data-color-theme="dark"] .review-ai-core-title {
  color: var(--ca-violet);
}

:root[data-color-theme="dark"] .review-ai-core-body {
  color: var(--ca-text);
}

:root[data-color-theme="dark"] .review-ai-error {
  color: var(--ca-danger);
}

:root[data-color-theme="dark"] .review-ai-action {
  border-color: var(--ca-border);
  background: var(--ca-surface);
  color: var(--ca-text);
}

:root[data-color-theme="dark"] .review-ai-action:disabled {
  border-color: color-mix(in srgb, var(--ca-border) 86%, var(--ca-text-subtle) 14%);
  background: var(--ca-surface-muted);
  color: var(--ca-text-subtle);
  opacity: 1;
}

:root[data-color-theme="dark"] .review-raw-category {
  border-color: color-mix(in srgb, var(--ca-warning) 30%, var(--ca-border));
  background: linear-gradient(115deg,
      color-mix(in srgb, var(--ca-surface) 68%, var(--ca-warning-soft) 32%) 0%,
      color-mix(in srgb, var(--ca-surface) 70%, var(--ca-highlight-yellow) 30%) 54%,
      color-mix(in srgb, var(--ca-surface) 62%, var(--ca-highlight-yellow) 38%) 100%);
}

:root[data-color-theme="dark"] .review-raw-category-action, :root[data-color-theme="dark"] .review-consultation-toggle, :root[data-color-theme="dark"] .review-modal-close, :root[data-color-theme="dark"] .review-section-toggle {
  border-color: var(--ca-border);
  background: var(--ca-surface);
  color: var(--ca-text);
}

:root[data-color-theme="dark"] .review-header-consultation {
  border-color: var(--ca-border);
  background: color-mix(in srgb, var(--ca-surface) 94%, var(--ca-primary-soft) 6%);
}

:root[data-color-theme="dark"] .review-consultation-preview {
  color: var(--ca-text-muted);
}

:root[data-color-theme="dark"] .classification-guide-tooltip {
  border-color: var(--ca-border);
  background: var(--ca-surface-muted);
  color: var(--ca-text);
  box-shadow: 0 18px 38px -18px #000000e6;
}

:root[data-color-theme="dark"] .admin-detail-modal-body :where(section)[class*="bg-white"][class*="border"] {
  background-color: #171c24db;
  border-color: #0000;
  box-shadow: 0 18px 38px -28px #000000e0;
}

:root[data-color-theme="dark"] .admin-detail-modal :where(.text-slate-950, .text-slate-900, .text-slate-800) {
  color: var(--ca-text);
}

:root[data-color-theme="dark"] .admin-detail-modal :where(.text-slate-700, .text-slate-600) {
  color: var(--ca-text-muted);
}

:root[data-color-theme="dark"] .admin-detail-modal :where(.text-slate-500, .text-slate-400) {
  color: var(--ca-text-subtle);
}

:root[data-color-theme="dark"] .admin-detail-modal :where(.bg-white, .bg-white\/70, .bg-white\/95) {
  background-color: var(--ca-surface);
}

:root[data-color-theme="dark"] .admin-detail-modal :where(.bg-slate-50, .bg-slate-50\/80, .bg-slate-100) {
  background-color: var(--ca-surface-soft);
}

:root[data-color-theme="dark"] .admin-detail-modal :where(.border-slate-100, .border-slate-200, .border-slate-300) {
  border-color: var(--ca-border-soft);
}

:root[data-color-theme="dark"] .admin-detail-modal :where(input, select, textarea) {
  border-color: var(--ca-border);
  background-color: var(--ca-surface);
  color: var(--ca-text);
}

:root[data-color-theme="dark"] .admin-detail-modal :where(.bg-amber-50) {
  background-color: var(--ca-warning-soft);
}

:root[data-color-theme="dark"] .admin-detail-modal :where(.text-amber-700, .text-amber-800) {
  color: var(--ca-warning);
}

:root[data-color-theme="dark"] .admin-detail-modal :where(.bg-emerald-50) {
  background-color: var(--ca-success-soft);
}

:root[data-color-theme="dark"] .admin-detail-modal :where(.text-emerald-700) {
  color: var(--ca-success);
}

.admin-segmented-indicator {
  width: calc((100% - .5rem) / var(--segment-count));
  transform: translateX(calc(var(--segment-index) * 100%));
  background: #fffffff5;
  transition: transform .22s;
  box-shadow: 0 8px 22px -16px #1e293bb3;
}

.admin-segmented-tab {
  color: #64748b;
}

.admin-segmented-tab:hover {
  color: #334155;
}

.admin-segmented-tab[data-selected="true"] {
  color: #0f172a;
}

:root[data-color-theme="dark"] .admin-segmented-tabs {
  background: #1d2430d6;
  box-shadow: 0 12px 30px -24px #000000e6;
}

:root[data-color-theme="dark"] .admin-segmented-indicator {
  background: #334155f0;
  box-shadow: 0 8px 22px -16px #000000f5;
}

:root[data-color-theme="dark"] .admin-segmented-tab {
  color: #94a3b8;
}

:root[data-color-theme="dark"] .admin-segmented-tab:hover {
  color: #cbd5e1;
}

:root[data-color-theme="dark"] .admin-segmented-tab[data-selected="true"] {
  color: #f8fafc;
}

:root[data-color-theme="dark"] .dashboard-card, :root[data-color-theme="dark"] .dashboard-info-card {
  background: #171c24db;
  box-shadow: 0 18px 38px -28px #000000e0;
}

:root[data-color-theme="dark"] .dashboard-refresh-chip {
  color: var(--ca-text-muted);
  background: #222b37c7;
}

:root[data-color-theme="dark"] .dashboard-quick-action {
  background: #1d2430d1;
  box-shadow: inset 0 0 0 1px #4a586c61;
}

:root[data-color-theme="dark"] .dashboard-quick-action:hover {
  background: #243143eb;
}

:root[data-color-theme="dark"] .dashboard-quick-action-icon {
  color: var(--ca-info);
  background: #17324ce6;
}

:root[data-color-theme="dark"] .dashboard-info-card :where(.border-slate-100\/90), :root[data-color-theme="dark"] .dashboard-info-card :where(.divide-slate-100\/90) > :not([hidden]) ~ :not([hidden]) {
  border-color: #3a465694;
}

:root[data-color-theme="dark"] .dashboard-empty-state {
  background: #1d2430b8;
  box-shadow: inset 0 0 0 1px #4a586c4d;
}

:root[data-color-theme="dark"] .dashboard-metric-card:before {
  background: #60a5fa;
}

:root[data-color-theme="dark"] .dashboard-metric-card[data-tone="success"]:before {
  background: #34d399;
}

:root[data-color-theme="dark"] .dashboard-metric-card[data-tone="warning"]:before {
  background: #fb923c;
}

.dashboard-status-label {
  color: #64748b;
  background: #f8fafcc7;
  border: 1px solid #94a3b86b;
  box-shadow: 0 3px 10px -8px;
}

.dashboard-status-label[data-tone="success"] {
  color: #059669;
  background: #ecfdf5b8;
  border-color: #34d39961;
}

.dashboard-status-label[data-tone="danger"] {
  color: #e11d48;
  background: #fff1f2c2;
  border-color: #fb718561;
}

.dashboard-status-label[data-tone="info"] {
  color: #0284c7;
  background: #f0f9ffc2;
  border-color: #38bdf861;
}

.dashboard-status-label[data-tone="warning"] {
  color: #ea580c;
  background: #fff7edc7;
  border-color: #fb923c61;
}

:root[data-color-theme="dark"] .dashboard-status-label {
  color: #cbd5e1;
  background: #33415575;
  border-color: #94a3b84d;
}

:root[data-color-theme="dark"] .dashboard-status-label[data-tone="success"] {
  color: #6ee7b7;
  background: #064e3b52;
  border-color: #34d39957;
}

:root[data-color-theme="dark"] .dashboard-status-label[data-tone="danger"] {
  color: #fda4af;
  background: #88133747;
  border-color: #fb718557;
}

:root[data-color-theme="dark"] .dashboard-status-label[data-tone="info"] {
  color: #7dd3fc;
  background: #0c4a6e4d;
  border-color: #38bdf857;
}

:root[data-color-theme="dark"] .dashboard-status-label[data-tone="warning"] {
  color: #fdba74;
  background: #7c2d124d;
  border-color: #fb923c57;
}

.admin-status-badge {
  white-space: nowrap;
  border: 1px solid #94a3b861;
  border-radius: 9999px;
  align-items: center;
  gap: .3rem;
  min-height: 1.5rem;
  line-height: 1.1;
  box-shadow: 0 3px 10px -8px;
}

.admin-status-badge:is(.text-emerald-600, .text-emerald-700, .text-emerald-800) {
  border-color: #34d39961;
}

.admin-status-badge:is(.text-sky-600, .text-sky-700, .text-sky-800, .text-blue-600, .text-blue-700) {
  border-color: #38bdf861;
}

.admin-status-badge:is(.text-amber-600, .text-amber-700, .text-amber-800, .text-orange-600, .text-orange-700) {
  border-color: #fb923c61;
}

.admin-status-badge:is(.text-rose-600, .text-rose-700, .text-rose-800, .text-red-600, .text-red-700) {
  border-color: #fb718561;
}

.admin-mini-action, :where(.admin-soft-gradient-background, .admin-detail-modal) button[class*="h-7"][class*="border"]:not([class*="w-7"]):not([class*="w-8"]):not([class*="w-9"]), :where(.admin-soft-gradient-background, .admin-detail-modal) button[class*="h-8"][class*="border"]:not([class*="w-7"]):not([class*="w-8"]):not([class*="w-9"]) {
  background-color: #ffffffb8;
  border-radius: 9999px;
  transition: border-color .16s, background-color .16s, box-shadow .16s, transform .16s;
  box-shadow: 0 5px 14px -12px #0f172ab3;
}

.admin-mini-action:hover:not(:disabled), :where(.admin-soft-gradient-background, .admin-detail-modal) button[class*="h-7"][class*="border"]:not([class*="w-7"]):not([class*="w-8"]):not([class*="w-9"]):hover:not(:disabled), :where(.admin-soft-gradient-background, .admin-detail-modal) button[class*="h-8"][class*="border"]:not([class*="w-7"]):not([class*="w-8"]):not([class*="w-9"]):hover:not(:disabled) {
  background-color: #f8fafcf5;
  transform: translateY(-1px);
  box-shadow: 0 8px 18px -13px;
}

.admin-mini-action:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #38bdf87a;
}

:root[data-color-theme="dark"] .admin-status-badge {
  border-color: #94a3b84d;
  box-shadow: 0 4px 12px -9px;
}

:root[data-color-theme="dark"] .admin-mini-action, :root[data-color-theme="dark"] :where(.admin-soft-gradient-background, .admin-detail-modal) button[class*="h-7"][class*="border"]:not([class*="w-7"]):not([class*="w-8"]):not([class*="w-9"]), :root[data-color-theme="dark"] :where(.admin-soft-gradient-background, .admin-detail-modal) button[class*="h-8"][class*="border"]:not([class*="w-7"]):not([class*="w-8"]):not([class*="w-9"]) {
  background-color: #1e293bb3;
  box-shadow: 0 6px 16px -12px #020617f2;
}

:root[data-color-theme="dark"] .admin-mini-action:hover:not(:disabled), :root[data-color-theme="dark"] :where(.admin-soft-gradient-background, .admin-detail-modal) button[class*="h-7"][class*="border"]:not([class*="w-7"]):not([class*="w-8"]):not([class*="w-9"]):hover:not(:disabled), :root[data-color-theme="dark"] :where(.admin-soft-gradient-background, .admin-detail-modal) button[class*="h-8"][class*="border"]:not([class*="w-7"]):not([class*="w-8"]):not([class*="w-9"]):hover:not(:disabled) {
  background-color: #334155db;
}

@keyframes dashboard-gradient-drift {
  0%, 100% {
    background-position: 0%;
  }

  50% {
    background-position: 100% 45%;
  }
}

@media (max-width: 639px) {
  .ai-run-floating-status {
    gap: .5rem;
    max-width: none;
    bottom: .75rem;
    left: .75rem;
    right: .75rem;
  }

  .ai-run-status-index {
    bottom: .75rem;
  }

  .ai-run-status-bubble {
    flex: 1;
    width: auto;
    min-width: 0;
    min-height: 6.5rem;
    padding: .8rem;
  }

  .ai-run-status-heading {
    font-size: .78rem;
  }

  .ai-run-model {
    display: none;
  }

  .ai-mascot-wrap {
    width: 5.5rem;
    height: 6.5rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ai-mascot-wrap, .ai-mascot-arm, .ai-mascot-gaze, .ai-binary-drop, .ai-mascot-eyes-open, .ai-mascot-eyes-closed {
    animation: none !important;
  }

  .ai-mascot-eyes-closed, .ai-binary-drop {
    opacity: 0;
  }

  .ai-run-progress-fill, .ai-run-status-bubble, .ai-run-status-index {
    transition: none;
  }

  .ollama-glass-shine {
    opacity: 0;
    animation: none;
  }

  .admin-soft-gradient-background {
    animation: none;
  }

  .admin-segmented-indicator {
    transition: none;
  }
}

.college-statistics {
  gap: 1.25rem;
  min-width: 0;
  display: grid;
}

.college-statistics-intro {
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  padding: .25rem .15rem;
  display: flex;
}

.college-statistics-eyebrow, .college-statistics-basis {
  color: #0369a1;
  align-items: center;
  gap: .4rem;
  font-size: .75rem;
  font-weight: 800;
  display: inline-flex;
}

.college-statistics-eyebrow svg, .college-statistics-basis svg {
  width: 1rem;
  height: 1rem;
}

.college-statistics-intro h2 {
  color: #0f172a;
  letter-spacing: -.03em;
  margin-top: .45rem;
  font-size: clamp(1.25rem, 2vw, 1.6rem);
  font-weight: 800;
}

.college-statistics-intro p {
  color: #64748b;
  margin-top: .35rem;
  font-size: .875rem;
  line-height: 1.55;
}

.college-statistics-basis {
  color: #075985;
  background: #f0f9ffd9;
  border: 1px solid #bae6fd;
  border-radius: 9999px;
  flex: none;
  padding: .45rem .7rem;
}

.college-statistics-summary {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: .75rem;
  display: grid;
}

.college-statistics-summary article {
  background: linear-gradient(145deg, #fffffff5, #f0f9ffe0);
  border: 1px solid #bae6fdb8;
  border-radius: 1rem;
  align-content: space-between;
  gap: .45rem;
  min-width: 0;
  min-height: 7.25rem;
  padding: 1rem;
  display: grid;
  box-shadow: 0 14px 30px -27px #0f172aa6;
}

.college-statistics-summary span, .college-statistics-summary small {
  color: #64748b;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .72rem;
  line-height: 1.35;
  overflow: hidden;
}

.college-statistics-summary strong {
  color: #0f172a;
  letter-spacing: -.035em;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: clamp(1.05rem, 1.55vw, 1.35rem);
  font-weight: 800;
  overflow: hidden;
}

.college-statistics-card {
  min-width: 0;
}

.college-statistics-heading {
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 1rem;
  display: flex;
}

.college-statistics-heading h2 {
  color: #0f172a;
  font-size: 1.05rem;
  font-weight: 800;
}

.college-statistics-heading p {
  color: #64748b;
  margin-top: .25rem;
  font-size: .78rem;
  line-height: 1.5;
}

.statistics-comparison-controls {
  flex: none;
  align-items: flex-end;
  gap: .75rem;
  display: flex;
}

.statistics-comparison-select {
  color: var(--ca-text-muted);
  gap: .3rem;
  font-size: .72rem;
  font-weight: 800;
  display: grid;
}

.statistics-comparison-select select {
  border: 1px solid var(--ca-border-soft);
  background: var(--ca-surface);
  min-width: 12rem;
  height: 2.35rem;
  color: var(--ca-text);
  border-radius: .65rem;
  padding: 0 2rem 0 .75rem;
  font-size: .75rem;
  font-weight: 700;
}

.statistics-comparison-select select:focus-visible {
  outline-offset: 2px;
  outline: 3px solid #0ea5e947;
}

.college-show-all {
  color: #0369a1;
  background: #f0f9ff;
  border: 1px solid #bae6fd;
  border-radius: 9999px;
  flex: none;
  min-height: 2.25rem;
  padding: .4rem .75rem;
  font-size: .75rem;
  font-weight: 800;
}

.college-show-all:hover {
  background: #e0f2fe;
  border-color: #38bdf8;
}

.college-show-all:focus-visible, .college-ranking-row:focus-visible {
  outline-offset: 2px;
  outline: 3px solid #0ea5e959;
}

.college-ranking-list {
  gap: .45rem;
  display: grid;
}

.college-ranking-row {
  color: #334155;
  text-align: left;
  border: 1px solid #0000;
  border-radius: .75rem;
  grid-template-columns: 2rem minmax(8rem, 13rem) minmax(7rem, 1fr) 5.8rem 4rem;
  align-items: center;
  gap: .7rem;
  width: 100%;
  min-width: 0;
  padding: .55rem .65rem;
  transition: border-color .15s, background-color .15s, transform .15s;
  display: grid;
}

.college-ranking-row[data-selected="true"] {
  background: #f8fafc;
  border-color: #e2e8f0;
}

.college-ranking-rank {
  color: #94a3b8;
  text-align: center;
  font-size: .75rem;
  font-weight: 800;
}

.college-ranking-name, .college-composition-name {
  color: #1e293b;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .82rem;
  font-weight: 700;
  overflow: hidden;
}

.college-ranking-track {
  background: #e2e8f0;
  border-radius: 9999px;
  height: .72rem;
  overflow: hidden;
}

.college-ranking-track i {
  border-radius: inherit;
  background: linear-gradient(90deg, #38bdf8, #2563eb);
  height: 100%;
  display: block;
}

.college-ranking-row strong, .college-ranking-row small {
  text-align: right;
  font-size: .78rem;
}

.college-ranking-row strong {
  color: var(--ca-text);
}

.college-ranking-row small {
  color: var(--ca-text-muted);
}

.college-composition-list {
  gap: .55rem;
  display: grid;
}

.college-composition-row {
  border-radius: .65rem;
  grid-template-columns: minmax(8rem, 13rem) minmax(10rem, 1fr) 5.8rem 4.5rem;
  align-items: center;
  gap: .75rem;
  min-width: 0;
  padding: .35rem .55rem;
  display: grid;
}

.college-composition-row[data-selected="true"] {
  background: #f8fafc;
}

.college-composition-track {
  background: #e2e8f0;
  border-radius: .35rem;
  height: 1.15rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.college-composition-segment {
  min-width: 0;
  height: 100%;
  display: block;
}

.statistics-composition-segment {
  border: 0;
  outline: 0;
  position: relative;
}

.statistics-composition-segment:after {
  z-index: 1;
  content: "";
  width: max(100%, 1rem);
  position: absolute;
  top: -.45rem;
  bottom: -.45rem;
  left: 50%;
  transform: translateX(-50%);
}

.statistics-composition-segment:hover, .statistics-composition-segment:focus-visible {
  z-index: 2;
  box-shadow: inset 0 0 0 2px #ffffffc7;
}

.statistics-composition-segment:focus-visible {
  outline: 2px solid var(--ca-primary);
  outline-offset: 2px;
}

.statistics-segment-tooltip {
  z-index: 100;
  border: 1px solid var(--ca-border);
  border-radius: var(--ca-radius-sm);
  background: color-mix(in srgb, var(--ca-surface) 97%, transparent);
  width: max-content;
  max-width: min(15rem, 100vw - 1.5rem);
  color: var(--ca-text);
  box-shadow: var(--ca-shadow-md);
  pointer-events: none;
  gap: .45rem;
  padding: .7rem .8rem;
  display: grid;
  position: fixed;
}

.statistics-segment-tooltip > strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .78rem;
  font-weight: 800;
  overflow: hidden;
}

.statistics-segment-tooltip-category {
  color: var(--ca-text-muted);
  align-items: center;
  gap: .4rem;
  font-size: .72rem;
  font-weight: 750;
  display: inline-flex;
}

.statistics-segment-tooltip-category i {
  border-radius: 999px;
  flex: none;
  width: .55rem;
  height: .55rem;
}

.statistics-segment-tooltip dl {
  border-top: 1px solid var(--ca-border-soft);
  gap: .25rem;
  padding-top: .45rem;
  display: grid;
}

.statistics-segment-tooltip dl > div {
  justify-content: space-between;
  gap: 1rem;
  font-size: .7rem;
  display: flex;
}

.statistics-segment-tooltip dt {
  color: var(--ca-text-subtle);
}

.statistics-segment-tooltip dd {
  color: var(--ca-text);
  white-space: nowrap;
  font-weight: 800;
}

.college-composition-hidden {
  color: #64748b;
  background: #ffffffe0;
  border-radius: 50%;
  place-items: center;
  width: .85rem;
  height: .85rem;
  display: grid;
  position: absolute;
  top: 50%;
  right: .15rem;
  transform: translateY(-50%);
}

.college-composition-hidden svg {
  width: .55rem;
  height: .55rem;
}

.college-composition-row > strong {
  color: var(--ca-text);
  text-align: right;
  font-size: .78rem;
}

.college-category-legend {
  border-top: 1px solid #e2e8f0;
  flex-wrap: wrap;
  gap: .45rem .85rem;
  margin-top: 1rem;
  padding-top: .8rem;
  display: flex;
}

.college-category-legend span {
  color: #64748b;
  align-items: center;
  gap: .35rem;
  font-size: .72rem;
  display: inline-flex;
}

.college-category-legend i, .college-detail-categories li > i {
  border-radius: .18rem;
  flex: none;
  width: .62rem;
  height: .62rem;
}

.college-heatmap-wrap {
  border: 1px solid #e2e8f0;
  border-radius: .75rem;
  max-width: 100%;
  overflow-x: auto;
}

.college-heatmap-table {
  border-collapse: separate;
  border-spacing: 0;
  color: #334155;
  text-align: center;
  width: 100%;
  min-width: 42rem;
  font-size: .75rem;
}

.college-heatmap-table th, .college-heatmap-table td {
  border-bottom: 1px solid #e2e8f0;
  border-right: 1px solid #e2e8f0;
  height: 2.65rem;
  padding: .45rem .65rem;
}

.college-heatmap-table tr:last-child > * {
  border-bottom: 0;
}

.college-heatmap-table tr > :last-child {
  border-right: 0;
}

.college-heatmap-table thead th {
  color: #475569;
  background: #f8fafc;
  font-weight: 800;
}

.college-heatmap-table th:first-child {
  z-index: 1;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #fff;
  width: 12rem;
  max-width: 12rem;
  position: sticky;
  left: 0;
  overflow: hidden;
  box-shadow: 1px 0 #e2e8f0;
}

.college-heatmap-table thead th:first-child {
  z-index: 2;
  background: #f8fafc;
}

.college-heatmap-table tr[data-selected="true"] th:first-child {
  color: #0f172a;
  background: #f8fafc;
  box-shadow: 1px 0 #e2e8f0;
}

.college-heatmap-cell:not([data-suppressed="true"]):not([data-zero="true"]) {
  background: rgba(14, 165, 233, var(--college-heatmap-intensity));
  color: #0f172a;
  font-weight: 800;
}

.college-heatmap-cell[data-zero="true"] {
  color: #94a3b8;
  background: #fff;
}

.college-heatmap-cell[data-suppressed="true"] {
  color: #64748b;
  background: repeating-linear-gradient(135deg, #f8fafc, #f8fafc 5px, #e2e8f0 5px 6px);
  font-size: .68rem;
}

.college-detail-layout {
  grid-template-columns: minmax(15rem, .8fr) minmax(20rem, 1.2fr);
  gap: 1rem;
  display: grid;
}

.college-detail-overview, .college-detail-categories {
  border: 1px solid var(--ca-border-soft);
  background: var(--ca-surface-soft);
  border-radius: .85rem;
  min-width: 0;
  padding: 1rem;
}

.college-detail-overview > span, .college-detail-overview > small {
  color: var(--ca-text-muted);
  font-size: .72rem;
  display: block;
}

.college-detail-overview > strong {
  color: var(--ca-text);
  margin: .3rem 0 .15rem;
  font-size: 1.65rem;
  font-weight: 800;
  display: block;
}

.college-detail-overview dl {
  border-top: 1px solid var(--ca-border-soft);
  gap: .55rem;
  margin-top: 1rem;
  padding-top: .8rem;
  display: grid;
}

.college-detail-overview dl div {
  justify-content: space-between;
  gap: 1rem;
  font-size: .76rem;
  display: flex;
}

.college-detail-overview dt {
  color: var(--ca-text-muted);
}

.college-detail-overview dd {
  color: var(--ca-text);
  text-align: right;
  font-weight: 800;
}

.college-detail-categories h3 {
  color: var(--ca-text);
  margin-bottom: .65rem;
  font-size: .82rem;
  font-weight: 800;
}

.college-detail-categories ul {
  gap: .2rem;
  display: grid;
}

.college-detail-categories li {
  color: var(--ca-text-muted);
  border-radius: .5rem;
  grid-template-columns: .75rem minmax(0, 1fr) 5rem 3.5rem;
  align-items: center;
  gap: .5rem;
  padding: .5rem;
  font-size: .75rem;
  display: grid;
}

.college-detail-categories li:nth-child(odd) {
  background: color-mix(in srgb, var(--ca-surface) 75%, transparent);
}

.college-detail-categories li span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.college-detail-categories li strong, .college-detail-categories li small {
  text-align: right;
}

.college-detail-categories li strong {
  color: var(--ca-text);
}

.college-detail-categories li small {
  color: var(--ca-text-muted);
}

.college-statistics-note {
  color: #0c4a6e;
  background: #f0f9ffd1;
  border: 1px solid #bae6fd;
  border-radius: .85rem;
  align-items: flex-start;
  gap: .65rem;
  padding: .9rem 1rem;
  font-size: .75rem;
  line-height: 1.55;
  display: flex;
}

.college-statistics-note svg {
  flex: none;
  width: 1rem;
  height: 1rem;
  margin-top: .1rem;
}

.college-statistics-note strong {
  margin-bottom: .15rem;
  display: block;
}

.college-statistics-empty, .college-statistics-error {
  color: #64748b;
  text-align: center;
  font-size: .875rem;
}

.college-statistics-error {
  color: #be123c;
}

@media (max-width: 1100px) {
  .college-statistics-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .statistics-comparison-controls {
    flex-wrap: wrap;
    width: 100%;
  }

  .statistics-comparison-select {
    flex: 12rem;
  }

  .statistics-comparison-select select {
    width: 100%;
  }

  .college-statistics-intro {
    display: grid;
  }

  .college-statistics-basis {
    width: fit-content;
  }

  .college-statistics-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .college-ranking-row {
    grid-template-columns: 1.65rem minmax(6rem, 1fr) 4.8rem 3.5rem;
    gap: .45rem;
  }

  .college-ranking-track {
    grid-area: 2 / 2 / auto / -1;
  }

  .college-composition-row {
    grid-template-columns: minmax(6rem, 9rem) minmax(9rem, 1fr) 4.8rem;
    gap: .5rem;
  }

  .college-detail-layout {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 479px) {
  .statistics-comparison-controls, .statistics-comparison-controls .public-monthly-view-toggle {
    width: 100%;
  }

  .statistics-comparison-controls .public-monthly-view-toggle button {
    flex: 1 1 0;
  }

  .college-statistics-summary {
    grid-template-columns: minmax(0, 1fr);
  }

  .college-statistics-summary article {
    min-height: 6.4rem;
  }

  .college-statistics-heading {
    display: grid;
  }

  .college-show-all {
    width: fit-content;
  }

  .college-ranking-row {
    grid-template-columns: 1.4rem minmax(0, 1fr) 4.4rem;
  }

  .college-ranking-row small {
    display: none;
  }

  .college-ranking-track {
    grid-column: 2 / -1;
  }

  .college-composition-row {
    grid-template-columns: minmax(0, 1fr) 4.4rem;
  }

  .college-composition-track {
    grid-area: 2 / 1 / auto / -1;
  }

  .college-detail-categories li {
    grid-template-columns: .65rem minmax(0, 1fr) 4.5rem;
  }

  .college-detail-categories li small {
    display: none;
  }
}

@media (max-width: 339px) {
  .college-statistics-card {
    padding: .85rem;
  }

  .college-ranking-row, .college-composition-row {
    padding-left: .25rem;
    padding-right: .25rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .college-ranking-row, .college-ranking-track i {
    transition: none;
  }
}

.grade-bar-scroll {
  max-width: 100%;
  padding: .25rem .1rem .4rem;
  overflow-x: auto;
}

.grade-bar-chart {
  min-width: max(34rem, calc(var(--grade-column-count) * 7rem));
  grid-template-columns: repeat(var(--grade-column-count), minmax(6rem, 1fr));
  border-bottom: 1px solid var(--ca-border-soft);
  align-items: end;
  gap: clamp(.55rem, 2vw, 1.4rem);
  padding: .5rem .8rem 0;
  display: grid;
}

.grade-bar-column {
  min-width: 0;
  color: var(--ca-text-muted);
  border: 1px solid #0000;
  border-radius: .8rem .8rem 0 0;
  grid-template-rows: 2.4rem 12rem 2.6rem;
  align-items: end;
  padding: .45rem .45rem 0;
  transition: border-color .15s, background-color .15s, transform .15s;
  display: grid;
}

.grade-bar-column[data-selected="true"] {
  border-color: var(--ca-border-soft);
  background: color-mix(in srgb, var(--statistics-accent) 7%, var(--ca-surface));
  box-shadow: none;
}

.grade-bar-column:focus-visible {
  outline-offset: 2px;
  outline: 3px solid #0ea5e959;
}

.grade-bar-metric {
  color: var(--ca-text-muted);
  text-align: center;
  align-content: start;
  align-self: stretch;
  line-height: 1.2;
  display: grid;
}

.grade-bar-metric strong {
  color: var(--ca-text);
  font-size: .78rem;
  font-weight: 800;
}

.grade-bar-metric small {
  margin-top: .15rem;
  font-size: .68rem;
}

.grade-bar-plot {
  background: var(--ca-surface-muted);
  border-radius: .5rem .5rem 0 0;
  justify-self: center;
  align-items: flex-end;
  width: min(3.5rem, 70%);
  height: 100%;
  display: flex;
  position: relative;
}

.grade-bar-plot i {
  background: linear-gradient(to top, #2563eb, #38bdf8);
  border-radius: .45rem .45rem 0 0;
  width: 100%;
  min-height: .2rem;
  transition: height .18s;
  display: block;
  box-shadow: 0 8px 18px -12px #2563ebd9;
}

.grade-bar-column[data-selected="true"] .grade-bar-plot i {
  background: linear-gradient(to top, #075985, #0ea5e9);
}

.grade-bar-label {
  color: var(--ca-text-muted);
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: center;
  font-size: .78rem;
  font-weight: 800;
  overflow: hidden;
}

.grade-bar-column[data-selected="true"] .grade-bar-label {
  color: var(--ca-text);
  font-weight: 900;
}

.grade-selection-mark {
  color: var(--statistics-accent);
  vertical-align: middle;
  align-items: center;
  gap: .15rem;
  margin-left: .28rem;
  font-size: .62rem;
  font-weight: 800;
  display: inline-flex;
}

.grade-composition-row {
  grid-template-columns: minmax(5rem, 9rem) minmax(10rem, 1fr) 5.8rem;
}

.grade-heatmap-table {
  min-width: 36rem;
}

.grade-heatmap-table th:first-child {
  width: 8rem;
  max-width: 8rem;
}

.grade-statistics-kpi.public-month-detail-summary {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.grade-statistics .statistics-section-header > .public-monthly-view-toggle, .grade-middle-statistics .statistics-section-header > .public-monthly-view-toggle {
  width: min(18rem, 100%);
}

.grade-composition-row[data-selected="true"] {
  background: color-mix(in srgb, var(--statistics-accent) 7%, var(--ca-surface));
}

.grade-middle-filters {
  border-bottom: 1px solid var(--ca-border-soft);
  grid-template-columns: minmax(9rem, .8fr) minmax(13rem, 1.5fr) minmax(8rem, .7fr);
  gap: .75rem;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  display: grid;
}

.grade-middle-filters label {
  color: var(--ca-text-muted);
  gap: .35rem;
  font-size: .72rem;
  font-weight: 700;
  display: grid;
}

.grade-middle-filters :is(select, input) {
  border: 1px solid var(--ca-border);
  border-radius: var(--ca-radius-sm);
  background: var(--ca-surface);
  width: 100%;
  min-width: 0;
  height: 2.35rem;
  color: var(--ca-text);
  font: inherit;
  padding: 0 .7rem;
}

.grade-middle-filters :is(select, input):focus-visible {
  outline: 3px solid color-mix(in srgb, var(--statistics-accent) 24%, transparent);
  outline-offset: 1px;
}

.grade-middle-filters select:disabled {
  cursor: not-allowed;
  opacity: .7;
}

.grade-middle-composition {
  gap: 1rem;
  display: grid;
}

.grade-middle-composition > section {
  border: 1px solid var(--ca-border-soft);
  border-radius: var(--ca-radius-sm);
  background: var(--ca-surface-soft);
  min-width: 0;
  padding: .9rem;
}

.grade-middle-composition h3 {
  color: var(--ca-text);
  margin-bottom: .5rem;
  font-size: .82rem;
  font-weight: 850;
}

.grade-middle-composition li {
  border-top: 1px solid var(--ca-border-soft);
  min-height: 2.35rem;
  color: var(--ca-text-muted);
  grid-template-columns: minmax(8rem, .9fr) minmax(10rem, 2fr) 5.2rem 3.4rem;
  align-items: center;
  gap: .65rem;
  font-size: .74rem;
  display: grid;
}

.grade-middle-name {
  color: var(--ca-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 750;
  overflow: hidden;
}

.grade-middle-track {
  background: var(--ca-surface-muted);
  border-radius: 999px;
  height: .5rem;
  overflow: hidden;
}

.grade-middle-track i {
  border-radius: inherit;
  min-width: 1px;
  height: 100%;
  display: block;
}

.grade-middle-composition strong, .grade-middle-composition small {
  text-align: right;
}

.grade-middle-composition strong {
  color: var(--ca-text);
}

.grade-middle-composition li[data-suppressed="true"] {
  opacity: .78;
}

.grade-middle-heatmap .statistics-heatmap-table {
  min-width: 42rem;
}

.grade-middle-heatmap .statistics-heatmap-table th:first-child {
  width: 13rem;
  max-width: 13rem;
}

.grade-middle-summary {
  color: var(--ca-text-muted);
  text-align: right;
  margin-top: .85rem;
  font-size: .73rem;
}

@media (max-width: 1100px) {
  .grade-statistics-kpi.public-month-detail-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .grade-statistics .statistics-section-header > .public-monthly-view-toggle, .grade-middle-statistics .statistics-section-header > .public-monthly-view-toggle {
    width: 100%;
  }

  .grade-middle-filters {
    grid-template-columns: 1fr 1fr;
  }

  .grade-middle-filters label:nth-child(2) {
    grid-area: 2 / 1 / auto / -1;
  }

  .grade-middle-composition {
    overflow-x: auto;
  }

  .grade-middle-composition > section {
    min-width: 34rem;
  }

  .grade-bar-chart {
    min-width: max(32rem, calc(var(--grade-column-count) * 6.5rem));
    gap: .65rem;
  }

  .grade-bar-column {
    grid-template-rows: 2.35rem 10rem 2.5rem;
  }

  .grade-composition-row {
    grid-template-columns: minmax(4.5rem, 7rem) minmax(9rem, 1fr) 4.8rem;
  }
}

@media (max-width: 479px) {
  .grade-statistics-kpi.public-month-detail-summary, .grade-middle-filters {
    grid-template-columns: minmax(0, 1fr);
  }

  .grade-middle-filters label:nth-child(2) {
    grid-area: auto;
  }

  .grade-bar-chart {
    min-width: max(29rem, calc(var(--grade-column-count) * 5.8rem));
    padding-left: .35rem;
    padding-right: .35rem;
  }

  .grade-bar-column {
    grid-template-rows: 2.25rem 8.5rem 2.4rem;
    padding-left: .25rem;
    padding-right: .25rem;
  }

  .grade-bar-plot {
    width: min(3rem, 72%);
  }

  .grade-composition-row {
    grid-template-columns: minmax(0, 1fr) 4.4rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .grade-bar-column, .grade-bar-plot i {
    transition: none;
  }
}

.method-statistics-kpi.public-month-detail-summary {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.method-statistics .statistics-section-header > .public-monthly-view-toggle {
  width: min(18rem, 100%);
}

.method-statistics .college-ranking-list, .method-statistics .college-composition-list {
  gap: 0;
}

.method-statistics .method-ranking-row {
  border: 0;
  border-bottom: 1px solid var(--ca-border-soft);
  color: var(--ca-text-muted);
  border-radius: 0;
  grid-template-columns: 2rem minmax(6rem, 10rem) minmax(10rem, 1fr) 5.8rem 4.2rem;
  padding: .5rem .35rem;
}

.method-ranking-header {
  grid-template-columns: 2rem minmax(6rem, 10rem) minmax(10rem, 1fr) 5.8rem 4.2rem;
}

.method-composition-row {
  border-bottom: 1px solid var(--ca-border-soft);
  border-radius: 0;
  grid-template-columns: minmax(6rem, 10rem) minmax(10rem, 1fr) 5.8rem;
  padding: .5rem .35rem;
}

.method-composition-header {
  grid-template-columns: minmax(6rem, 10rem) minmax(10rem, 1fr) 5.8rem;
}

.method-statistics .method-ranking-list li:last-child .method-ranking-row, .method-statistics .method-composition-row:last-child {
  border-bottom: 0;
}

.method-statistics :is(.method-ranking-row, .method-composition-row)[data-selected="true"] {
  border-color: var(--ca-border-soft);
  background: color-mix(in srgb, var(--ca-surface-soft) 82%, var(--ca-surface));
  box-shadow: none;
}

.method-statistics :is(.college-ranking-name, .college-composition-name) {
  min-width: 0;
  color: var(--ca-text);
  align-items: center;
  gap: .45rem;
  display: flex;
}

.method-statistics :is(.college-ranking-name, .college-composition-name) > span:first-child {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.method-statistics :is(.method-ranking-row, .method-composition-row)[data-selected="true"] :is(.college-ranking-name, .college-composition-name) {
  color: var(--ca-text);
  font-weight: 800;
}

.method-selection-indicator {
  color: var(--statistics-accent-strong);
  white-space: nowrap;
  flex: none;
  align-items: center;
  gap: .15rem;
  font-size: .62rem;
  font-weight: 800;
  display: inline-flex;
}

.method-statistics .college-ranking-track, .method-statistics .college-composition-track {
  background: var(--ca-surface-muted);
}

.method-heatmap-table {
  min-width: 36rem;
}

.method-heatmap-table th:first-child {
  width: 9rem;
  max-width: 9rem;
}

@media (max-width: 767px) {
  .method-statistics-kpi.public-month-detail-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .method-statistics .statistics-section-header > .public-monthly-view-toggle {
    width: 100%;
  }

  .method-statistics .method-ranking-row {
    grid-template-columns: 2rem minmax(5rem, 8rem) minmax(8rem, 1fr) 5rem 3.7rem;
  }

  .method-composition-row {
    grid-template-columns: minmax(5rem, 8rem) minmax(8rem, 1fr) 5rem;
  }
}

@media (max-width: 479px) {
  .method-statistics-kpi.public-month-detail-summary {
    grid-template-columns: minmax(0, 1fr);
  }

  .method-statistics .method-ranking-row {
    grid-template-columns: 1.7rem minmax(4.5rem, 1fr) 4.8rem;
  }

  .method-statistics .college-ranking-track, .method-statistics .method-ranking-row small {
    display: none;
  }

  .method-composition-row {
    grid-template-columns: minmax(0, 1fr) 4.4rem;
  }

  .method-composition-row .college-composition-name {
    grid-area: 1 / 1;
  }

  .method-composition-row > strong {
    grid-area: 1 / 2;
  }

  .method-composition-row .college-composition-track {
    grid-area: 2 / 1 / auto / -1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .method-statistics .method-ranking-row, .method-statistics .college-ranking-track i, .method-statistics .college-composition-segment {
    transition: none;
  }
}

.statistics-dashboard {
  --statistics-accent: var(--ca-secondary);
  --statistics-accent-strong: var(--ca-secondary-strong);
  --statistics-accent-soft: color-mix(in srgb, var(--ca-secondary) 8%, var(--ca-surface));
  gap: 1.25rem;
  min-width: 0;
  display: grid;
}

.statistics-intro {
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  padding: 0 .25rem;
  display: flex;
}

.statistics-eyebrow, .statistics-profile {
  color: var(--statistics-accent-strong);
  align-items: center;
  gap: .4rem;
  font-size: .75rem;
  font-weight: 700;
  display: inline-flex;
}

.statistics-eyebrow svg, .statistics-profile svg {
  width: 1rem;
  height: 1rem;
}

.statistics-intro h2 {
  color: var(--ca-text);
  letter-spacing: -.02em;
  margin-top: .35rem;
  font-size: 1.35rem;
  font-weight: 750;
}

.statistics-intro p {
  color: var(--ca-text-muted);
  margin-top: .35rem;
  font-size: .875rem;
  line-height: 1.6;
}

.statistics-profile {
  border: 1px solid color-mix(in srgb, var(--statistics-accent) 25%, var(--ca-border-soft));
  background: var(--statistics-accent-soft);
  border-radius: 999px;
  flex: none;
  padding: .4rem .7rem;
}

.statistics-metric-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: .75rem;
  display: grid;
}

.statistics-metric-card {
  border: 1px solid color-mix(in srgb, var(--ca-border-soft) 82%, transparent);
  border-radius: var(--ca-radius-md);
  background: color-mix(in srgb, var(--ca-surface) 92%, transparent);
  min-width: 0;
  min-height: 7.25rem;
  color: var(--ca-text);
  text-align: left;
  box-shadow: var(--ca-shadow-xs);
  align-content: start;
  gap: .3rem;
  padding: .9rem 1rem;
  display: grid;
  position: relative;
}

.statistics-metric-card--action {
  cursor: pointer;
  transition: border-color .15s, background-color .15s;
}

.statistics-selectable-row {
  cursor: pointer;
  transition: border-color .15s, background-color .15s, box-shadow .15s, transform .15s;
}

@media (hover: hover) {
  .statistics-selectable-row:hover {
    background: var(--ca-surface-soft);
    transform: translateY(-1px);
  }
}

.statistics-metric-card--action:hover {
  border-color: color-mix(in srgb, var(--statistics-accent) 42%, var(--ca-border-soft));
  background: var(--statistics-accent-soft);
}

.statistics-metric-card--action:focus-visible, .statistics-action-button:focus-visible, .statistics-dashboard .statistics-selectable-row:focus-visible {
  outline: 2px solid var(--statistics-accent);
  outline-offset: 2px;
}

.statistics-metric-icon {
  border-radius: var(--ca-radius-sm);
  background: var(--statistics-accent-soft);
  width: 1.75rem;
  height: 1.75rem;
  color: var(--statistics-accent-strong);
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.statistics-metric-icon svg {
  width: .95rem;
  height: .95rem;
}

.statistics-metric-label, .statistics-metric-detail {
  color: var(--ca-text-subtle);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .75rem;
  line-height: 1.35;
  overflow: hidden;
}

.statistics-metric-label {
  margin-top: .2rem;
  font-weight: 650;
}

.statistics-metric-value {
  width: 100%;
  color: var(--ca-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1rem;
  line-height: 1.35;
  overflow: hidden;
}

.statistics-metric-detail {
  margin-top: auto;
  padding-top: .25rem;
  font-size: .7rem;
}

.statistics-metric-arrow {
  width: .85rem;
  color: var(--ca-text-subtle);
  position: absolute;
  top: .8rem;
  right: .8rem;
}

.statistics-card {
  border-radius: var(--ca-radius-lg);
  min-width: 0;
}

.statistics-section-header {
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 1rem;
  display: flex;
}

.statistics-section-header h2, .statistics-section-header h3 {
  color: var(--ca-text);
  font-size: 1.05rem;
  font-weight: 750;
}

.statistics-section-header p {
  max-width: 46rem;
  color: var(--ca-text-muted);
  margin-top: .3rem;
  font-size: .78rem;
  line-height: 1.55;
}

.statistics-action-button {
  border: 1px solid var(--ca-border-soft);
  border-radius: var(--ca-radius-sm);
  background: var(--ca-surface);
  min-height: 2.25rem;
  color: var(--ca-text-muted);
  flex: none;
  align-items: center;
  gap: .3rem;
  padding: .4rem .75rem;
  font-size: .75rem;
  font-weight: 700;
  display: inline-flex;
}

.statistics-action-button:hover {
  border-color: color-mix(in srgb, var(--statistics-accent) 42%, var(--ca-border-soft));
  color: var(--statistics-accent-strong);
}

.statistics-legend {
  border-top: 1px solid var(--ca-border-soft);
  flex-wrap: wrap;
  gap: .45rem .85rem;
  margin-top: 1rem;
  padding-top: .8rem;
  display: flex;
}

.statistics-legend span {
  color: var(--ca-text-muted);
  align-items: center;
  gap: .35rem;
  font-size: .72rem;
  display: inline-flex;
}

.statistics-legend i {
  border-radius: .18rem;
  flex: none;
  width: .62rem;
  height: .62rem;
}

.statistics-heatmap-wrap {
  border: 1px solid var(--ca-border-soft);
  border-radius: var(--ca-radius-sm);
  max-width: 100%;
  overflow-x: auto;
}

.statistics-heatmap-table {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  min-width: 42rem;
  color: var(--ca-text-muted);
  text-align: center;
  font-size: .75rem;
}

.statistics-heatmap-table th, .statistics-heatmap-table td {
  border-right: 1px solid var(--ca-border-soft);
  border-bottom: 1px solid var(--ca-border-soft);
  height: 2.65rem;
  padding: .45rem .65rem;
}

.statistics-heatmap-table tr:last-child > * {
  border-bottom: 0;
}

.statistics-heatmap-table tr > :last-child {
  border-right: 0;
}

.statistics-heatmap-table thead th {
  z-index: 1;
  background: var(--ca-surface-soft);
  color: var(--ca-text-muted);
  font-weight: 750;
  position: sticky;
  top: 0;
}

.statistics-heatmap-table th:first-child {
  z-index: 2;
  background: var(--ca-surface);
  width: 12rem;
  max-width: 12rem;
  box-shadow: 1px 0 var(--ca-border-soft);
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: sticky;
  left: 0;
  overflow: hidden;
}

.statistics-heatmap-table thead th:first-child {
  z-index: 3;
  background: var(--ca-surface-soft);
}

.statistics-heatmap-table tr[data-selected="true"] th:first-child {
  background: var(--statistics-accent-soft);
  color: var(--statistics-accent-strong);
  box-shadow: inset 3px 0 var(--statistics-accent), 1px 0 var(--ca-border-soft);
}

.statistics-heatmap-cell:not([data-suppressed="true"]):not([data-zero="true"]) {
  background: rgb(14 165 233 / var(--statistics-heatmap-intensity));
  color: var(--ca-text);
  font-weight: 750;
}

.statistics-heatmap-cell[data-zero="true"] {
  background: var(--ca-surface);
  color: var(--ca-text-subtle);
}

.statistics-heatmap-cell[data-suppressed="true"] {
  background: repeating-linear-gradient(135deg, var(--ca-surface-soft), var(--ca-surface-soft) 5px, var(--ca-border-soft) 5px, var(--ca-border-soft) 6px);
  color: var(--ca-text-muted);
  font-size: .68rem;
}

.grade-heatmap-wrap .statistics-heatmap-table, .method-heatmap-wrap .statistics-heatmap-table {
  min-width: 36rem;
}

.grade-heatmap-wrap .statistics-heatmap-table th:first-child {
  width: 8rem;
  max-width: 8rem;
}

.method-heatmap-wrap .statistics-heatmap-table th:first-child {
  width: 9rem;
  max-width: 9rem;
}

.statistics-data-notice {
  border: 1px solid var(--ca-border-soft);
  border-radius: var(--ca-radius-md);
  background: color-mix(in srgb, var(--ca-surface-soft) 84%, transparent);
  color: var(--ca-text-muted);
  align-items: flex-start;
  gap: .65rem;
  padding: .9rem 1rem;
  font-size: .75rem;
  line-height: 1.55;
  display: flex;
}

.statistics-data-notice svg {
  width: 1rem;
  height: 1rem;
  color: var(--statistics-accent-strong);
  flex: none;
  margin-top: .1rem;
}

.statistics-data-notice strong {
  color: var(--ca-text);
  margin-bottom: .15rem;
  display: block;
}

.statistics-empty-state, .statistics-error-state {
  min-height: 8rem;
  color: var(--ca-text-muted);
  text-align: center;
  justify-content: center;
  align-items: center;
  font-size: .875rem;
  display: flex;
}

.statistics-empty-state {
  border: 1px dashed var(--ca-border-soft);
  border-radius: var(--ca-radius-md);
  background: var(--ca-surface);
  padding: 2rem;
}

.statistics-empty-state[data-compact="true"] {
  margin-top: 1rem;
}

.statistics-error-state {
  color: #be123c;
}

.statistics-dashboard .college-ranking-track i {
  background: var(--statistics-accent);
}

.statistics-dashboard .grade-bar-column[data-selected="true"] {
  border-color: color-mix(in srgb, var(--statistics-accent) 48%, var(--ca-border-soft));
  background: color-mix(in srgb, var(--statistics-accent) 7%, var(--ca-surface));
  box-shadow: none;
}

.statistics-dashboard .grade-bar-plot i, .statistics-dashboard .grade-bar-column[data-selected="true"] .grade-bar-plot i {
  background: var(--statistics-accent);
}

.statistics-dashboard .college-detail-overview, .statistics-dashboard .college-detail-categories {
  border-color: var(--ca-border-soft);
  border-radius: var(--ca-radius-sm);
  background: var(--ca-surface-soft);
}

.college-statistics .statistics-metric-card {
  border-color: var(--ca-border-soft);
  border-radius: var(--ca-radius-md);
  background: var(--ca-surface);
  min-height: 6.75rem;
  box-shadow: var(--ca-shadow-xs);
}

.college-statistics-kpi.public-month-detail-summary {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

@media (max-width: 1100px) {
  .college-statistics-kpi.public-month-detail-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 420px) {
  .college-statistics-kpi.public-month-detail-summary {
    grid-template-columns: minmax(0, 1fr);
  }
}

.college-statistics .college-ranking-list, .college-statistics .college-composition-list {
  gap: 0;
}

.college-statistics .college-ranking-row {
  border: 0;
  border-bottom: 1px solid var(--ca-border-soft);
  color: var(--ca-text-muted);
  border-radius: 0;
  grid-template-columns: 2rem minmax(8rem, 13rem) minmax(7rem, 1fr) 5.8rem 4rem 4.5rem;
  padding: .5rem .35rem;
}

.college-ranking-header {
  color: var(--ca-text-subtle);
  text-align: right;
  grid-template-columns: 2rem minmax(8rem, 13rem) minmax(7rem, 1fr) 5.8rem 4rem 4.5rem;
  gap: .7rem;
  padding: 0 .35rem .45rem;
  font-size: .68rem;
  font-weight: 750;
  display: grid;
}

.college-ranking-header span:nth-child(2), .college-composition-header span:first-child {
  text-align: left;
}

.college-composition-header {
  color: var(--ca-text-subtle);
  text-align: right;
  grid-template-columns: minmax(8rem, 13rem) minmax(10rem, 1fr) 5.8rem 4.5rem;
  gap: .7rem;
  padding: 0 .35rem .45rem;
  font-size: .68rem;
  font-weight: 750;
  display: grid;
}

.college-department-open {
  border: 1px solid var(--ca-border-soft);
  background: var(--ca-surface);
  width: 4.15rem;
  min-height: 1.65rem;
  color: var(--statistics-accent-strong);
  border-radius: .45rem;
  justify-content: center;
  justify-self: end;
  align-items: center;
  gap: .2rem;
  padding: .15rem .35rem;
  font-size: .68rem;
  font-weight: 750;
  display: inline-flex;
}

.college-department-open:hover {
  background: var(--ca-surface-soft);
}

.college-statistics-actions {
  align-items: center;
  gap: .5rem;
  display: flex;
}

.college-statistics-actions .public-monthly-view-toggle {
  width: 18rem;
}

.department-statistics-anchor {
  scroll-margin-top: 1rem;
}

.department-statistics-actions {
  align-items: center;
  gap: .5rem;
  display: flex;
}

.department-statistics-actions .public-monthly-view-toggle {
  width: 18rem;
}

.department-ranking-list {
  gap: 0;
  display: grid;
}

.department-ranking-row {
  border-bottom: 1px solid var(--ca-border-soft);
  min-height: 2.65rem;
  color: var(--ca-text-muted);
  grid-template-columns: 2rem minmax(9rem, 15rem) minmax(8rem, 1fr) 5.8rem 4rem 1.25rem;
  align-items: center;
  gap: .7rem;
  padding: .45rem .35rem;
  font-size: .76rem;
  display: grid;
}

.department-ranking-row:last-child {
  border-bottom: 0;
}

.department-ranking-row > span:first-child {
  color: var(--ca-text-subtle);
  text-align: center;
  font-weight: 750;
}

.department-ranking-row > strong {
  color: var(--ca-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.department-ranking-row > b, .department-ranking-row > small {
  text-align: right;
}

.department-heatmap-wrap {
  max-height: 32rem;
  overflow: auto;
}

.department-heatmap-wrap .statistics-heatmap-table {
  min-width: 42rem;
}

.department-composition-list {
  gap: 0;
  display: grid;
}

.department-composition-row {
  border-bottom: 1px solid var(--ca-border-soft);
  min-height: 2.8rem;
  color: var(--ca-text-muted);
  grid-template-columns: minmax(9rem, 15rem) minmax(12rem, 1fr) 5.8rem;
  align-items: center;
  gap: .75rem;
  padding: .5rem .35rem;
  font-size: .76rem;
  display: grid;
}

.department-composition-row:last-child {
  border-bottom: 0;
}

.department-composition-row > strong {
  color: var(--ca-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.department-composition-row > b {
  text-align: right;
}

.department-composition-track {
  background: var(--ca-surface-muted);
  border-radius: .25rem;
  height: .85rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.college-statistics .college-ranking-list li:last-child .college-ranking-row, .college-statistics .college-composition-row:last-child {
  border-bottom: 0;
}

.college-statistics .college-ranking-row[data-selected="true"], .college-statistics .college-composition-row[data-selected="true"] {
  border-color: var(--ca-border-soft);
  background: color-mix(in srgb, var(--ca-surface-soft) 82%, var(--ca-surface));
  box-shadow: none;
}

.college-statistics .college-ranking-row[data-selected="true"] .college-ranking-name, .college-statistics .college-composition-row[data-selected="true"] .college-composition-name {
  color: var(--ca-text);
  font-weight: 800;
}

.college-statistics .college-ranking-name, .college-statistics .college-composition-name {
  min-width: 0;
  color: var(--ca-text);
  align-items: center;
  gap: .45rem;
  display: flex;
}

.college-statistics :is(.college-ranking-name, .college-composition-name) > span:first-child {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.college-selection-indicator, .college-statistics .statistics-heatmap-selection-label {
  color: var(--ca-text-muted);
  white-space: nowrap;
  flex: none;
  align-items: center;
  gap: .2rem;
  font-size: .64rem;
  font-weight: 750;
  display: inline-flex;
}

.college-selection-indicator svg {
  width: .72rem;
  height: .72rem;
}

.college-statistics .college-ranking-track {
  background: var(--ca-surface-muted);
  height: .5rem;
}

.college-statistics .college-composition-row {
  border-bottom: 1px solid var(--ca-border-soft);
  border-radius: 0;
  grid-template-columns: minmax(8rem, 13rem) minmax(10rem, 1fr) 5.8rem 4.5rem;
  padding: .5rem .35rem;
}

.college-statistics .college-composition-row:focus-visible, .college-statistics .statistics-heatmap-table tr[data-interactive="true"]:focus-visible {
  outline: 2px solid var(--ca-primary);
  outline-offset: -2px;
}

.college-statistics .college-composition-track {
  background: var(--ca-surface-muted);
  border-radius: .25rem;
  height: .85rem;
}

.college-statistics .statistics-heatmap-table tr[data-selected="true"] th:first-child {
  background: color-mix(in srgb, var(--ca-surface-soft) 82%, var(--ca-surface));
  color: var(--ca-text);
  box-shadow: 1px 0 var(--ca-border-soft);
  font-weight: 800;
}

.college-statistics .statistics-heatmap-table th:first-child {
  display: table-cell;
}

.college-statistics .statistics-heatmap-table tr[data-interactive="true"] {
  cursor: pointer;
}

.college-statistics .statistics-heatmap-table tr[data-interactive="true"]:hover th:first-child {
  background: var(--ca-surface-soft);
  color: var(--ca-text);
}

.college-statistics .statistics-heatmap-row-action {
  width: 4.75rem;
  padding-inline: .3rem;
}

.college-statistics .statistics-heatmap-row-label {
  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: calc(100% - 3.3rem);
  display: inline-block;
  overflow: hidden;
}

.college-statistics .statistics-heatmap-selection-label {
  float: right;
  margin-left: .35rem;
}

.college-statistics .college-detail-layout {
  grid-template-columns: minmax(14rem, .65fr) minmax(20rem, 1.35fr);
}

.college-statistics .college-detail-overview, .college-statistics .college-detail-categories {
  background: var(--ca-surface);
}

.college-statistics .college-detail-overview > strong {
  font-size: 1.35rem;
}

.college-statistics .college-detail-categories li {
  border-bottom: 1px solid var(--ca-border-soft);
  background: none;
  border-radius: 0;
  padding-block: .55rem;
}

.college-statistics .college-detail-categories li:last-child {
  border-bottom: 0;
}

.overview-trend-tooltip {
  border: 1px solid var(--ca-border);
  border-radius: var(--ca-radius-sm);
  background: color-mix(in srgb, var(--ca-surface) 97%, transparent);
  max-width: calc(100vw - 2rem);
  color: var(--ca-text-muted);
  box-shadow: var(--ca-shadow-md);
  padding: .75rem;
  font-size: .75rem;
  line-height: 1.4;
}

@media (max-width: 1100px) {
  .statistics-metric-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .statistics-intro {
    display: grid;
  }

  .statistics-profile {
    width: fit-content;
  }

  .statistics-metric-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .college-ranking-header, .college-composition-header {
    display: none;
  }

  .college-statistics .college-ranking-row {
    grid-template-columns: 1.5rem minmax(0, 1fr) 4.5rem;
  }

  .college-statistics .college-ranking-track {
    grid-area: 2 / 2 / auto / 4;
  }

  .college-statistics .college-ranking-row small {
    text-align: left;
    grid-area: 3 / 2;
  }

  .college-statistics .college-department-open {
    grid-area: 3 / 3;
  }

  .college-statistics .college-composition-row {
    grid-template-columns: minmax(0, 1fr) 4.8rem 4.5rem;
  }

  .college-statistics .college-composition-name {
    grid-area: 1 / 1;
  }

  .college-statistics .college-composition-row > strong {
    grid-area: 1 / 2;
  }

  .college-statistics .college-composition-track {
    grid-area: 2 / 1 / auto / -1;
  }

  .college-statistics .college-composition-row > .college-department-open {
    grid-area: 1 / 3;
  }

  .college-statistics-actions {
    justify-content: space-between;
    width: 100%;
  }

  .college-statistics-actions .public-monthly-view-toggle {
    width: 100%;
  }

  .department-statistics-actions {
    justify-content: space-between;
    width: 100%;
  }

  .department-statistics-actions .public-monthly-view-toggle {
    width: 100%;
  }

  .department-ranking-row {
    grid-template-columns: 1.5rem minmax(0, 1fr) 5rem;
  }

  .department-ranking-row .college-ranking-track {
    grid-area: 2 / 2 / auto / 4;
  }

  .department-ranking-row > b {
    grid-area: 1 / 3;
  }

  .department-ranking-row > small {
    text-align: left;
    grid-area: 3 / 2;
  }

  .department-composition-row {
    grid-template-columns: minmax(0, 1fr) 4.8rem;
  }

  .department-composition-track {
    grid-area: 2 / 1 / auto / -1;
  }
}

@media (max-width: 500px) {
  .statistics-section-header {
    flex-direction: column;
  }

  .statistics-action-button {
    align-self: flex-start;
  }

  .statistics-metric-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .statistics-metric-card {
    min-height: 6.4rem;
  }

  .statistics-card {
    padding: 1rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .statistics-metric-card--action, .statistics-selectable-row, .statistics-dashboard .college-ranking-track i, .statistics-dashboard .grade-bar-plot i {
    transition: none;
  }

  .statistics-selectable-row:hover {
    transform: none;
  }
}

:root[data-color-theme="dark"] .public-dashboard-page :where(.bg-white) {
  background-color: var(--ca-surface);
}

:root[data-color-theme="dark"] .public-dashboard-page :where(.public-dashboard-trust, .bg-emerald-50) {
  border-color: color-mix(in srgb, var(--ca-success) 28%, var(--ca-border-soft));
  background-color: var(--ca-success-soft);
  color: var(--ca-success);
}

:root[data-color-theme="dark"] .public-dashboard-page :where(.bg-sky-50) {
  background-color: var(--ca-info-soft);
}

:root[data-color-theme="dark"] .public-dashboard-page :where(.text-sky-700, .text-sky-800) {
  color: var(--ca-info);
}

:root[data-color-theme="dark"] .public-dashboard-page :where(.bg-rose-50) {
  background-color: var(--ca-danger-soft);
}

:root[data-color-theme="dark"] .public-dashboard-page :where(.text-rose-700) {
  color: var(--ca-danger);
}

:root[data-color-theme="dark"] .public-dashboard-page :where(.public-dashboard-select:disabled) {
  border-color: var(--ca-border-soft);
  background: color-mix(in srgb, var(--ca-surface-muted) 72%, transparent);
  color: var(--ca-text-subtle);
  opacity: .72;
}

:root[data-color-theme="dark"] .public-dashboard-page :where(.recharts-cartesian-axis-tick-value, .recharts-legend-item-text, .recharts-text) {
  fill: var(--ca-text-muted);
  color: var(--ca-text-muted) !important;
}

:root[data-color-theme="dark"] .public-dashboard-page :where(.recharts-cartesian-grid line) {
  stroke: var(--ca-border-soft);
}

:root[data-color-theme="dark"] .public-dashboard-page :where(.college-heatmap-wrap, .college-detail-overview, .college-detail-categories) {
  border-color: var(--ca-border-soft);
  background: var(--ca-surface-soft);
}

:root[data-color-theme="dark"] .public-dashboard-page :where(.college-heatmap-table) {
  color: var(--ca-text-muted);
}

:root[data-color-theme="dark"] .public-dashboard-page :where(.college-heatmap-table th, .college-heatmap-table td) {
  border-color: var(--ca-border-soft);
}

:root[data-color-theme="dark"] .public-dashboard-page :where(.college-heatmap-table thead th, .college-heatmap-table th:first-child) {
  background: var(--ca-surface-soft);
  color: var(--ca-text-muted);
  box-shadow: 1px 0 var(--ca-border-soft);
}

:root[data-color-theme="dark"] .public-dashboard-page :where(.college-heatmap-cell[data-zero="true"]) {
  background: var(--ca-surface);
  color: var(--ca-text-subtle);
}

:root[data-color-theme="dark"] .public-dashboard-page :where(.college-heatmap-cell[data-suppressed="true"]) {
  background: repeating-linear-gradient(135deg, var(--ca-surface-soft), var(--ca-surface-soft) 5px, var(--ca-border-soft) 5px, var(--ca-border-soft) 6px);
  color: var(--ca-text-muted);
}

:root[data-color-theme="dark"] .public-dashboard-page :where(.college-category-legend) {
  border-color: var(--ca-border-soft);
}

:root[data-color-theme="dark"] .public-dashboard-page :where(.college-category-legend span, .college-composition-row > strong) {
  color: var(--ca-text-muted);
}

:root[data-color-theme="dark"] .public-dashboard-page :where(table tbody tr:hover) {
  background-color: color-mix(in srgb, var(--ca-surface-soft) 88%, var(--ca-surface));
}

:root[data-color-theme="dark"] .public-dashboard-page :where(.public-data-help-button, .public-data-help-popover) {
  border-color: var(--ca-border);
  background: color-mix(in srgb, var(--ca-surface) 94%, transparent);
  color: var(--ca-text);
}

:root[data-color-theme="dark"] .review-text-highlight--user.has-ai-overlap {
  box-shadow: inset 0 -3px #86efac, inset 0 1px #ffffff12;
}

.review-evidence-overlap {
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  background: repeating-linear-gradient(135deg, #fef08ad9 0 4px, #ddd6fee6 4px 8px, #fecacae6 8px 12px);
}

@keyframes review-evidence-pulse {
  0%, 100% {
    outline-color: #0000;
  }

  35% {
    outline-color: #0284c7;
  }
}

.review-evidence-pulse {
  outline-offset: 2px;
  outline: 3px solid #0000;
  animation: 1.4s ease-in-out review-evidence-pulse;
}

.review-case-compact-grid {
  grid-template-columns: 4.5rem minmax(22.5rem, 1fr) minmax(6.875rem, .32fr) minmax(7.5rem, .36fr) minmax(6.875rem, .32fr) 4.5rem;
  align-items: center;
  display: grid;
}

.review-case-compact-grid > * {
  min-width: 0;
}

.review-case-wide-table col[data-column="consultation"] {
  width: 6%;
}

.review-case-wide-table col[data-column="classification"] {
  width: 28%;
}

.review-case-wide-table col[data-column="confidence"] {
  width: 7%;
}

.review-case-wide-table col[data-column="evidence"] {
  width: 8%;
}

.review-case-wide-table col[data-column="ai_status"], .review-case-wide-table col[data-column="ai_difference"] {
  width: 10%;
}

.review-case-wide-table col[data-column="mismatch"] {
  width: 9%;
}

.review-case-wide-table col[data-column="reviewer"] {
  width: 7%;
}

.review-case-wide-table col[data-column="reviewed_at"] {
  width: 8%;
}

.review-case-wide-table col[data-column="detail"] {
  width: 7%;
}

.review-case-wide-data-row > :not(:nth-child(2)) {
  text-align: center;
  vertical-align: middle;
}

.review-case-wide-data-row > :nth-child(5) > div {
  justify-content: center;
}

.review-case-detail-cell {
  justify-content: center;
  align-items: center;
  min-width: 0;
  display: flex;
}

.review-case-detail-button {
  white-space: nowrap;
  word-break: keep-all;
  flex: none;
  min-width: max-content;
}

.review-case-classification-path {
  word-break: keep-all;
  overflow-wrap: anywhere;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.35;
  display: -webkit-box;
  overflow: hidden;
}

.review-case-compact-status {
  word-break: keep-all;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.35;
  display: -webkit-box;
  overflow: hidden;
}

.review-workbench-shell {
  container: review-workbench-shell / inline-size;
}

.review-workbench-filter-card {
  position: static;
  container: review-workbench-filter-layout / inline-size;
}

.review-workbench-filter-layout {
  grid-template-columns: minmax(0, 1fr);
}

.review-workbench-filter-panel {
  min-width: 0;
  container: review-workbench-filter-panel / inline-size;
}

.review-workbench-filter-row {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75rem;
  min-width: 0;
  display: grid;
}

.review-workbench-base-fields, .review-workbench-auto-fields {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.review-mobile-filter-bar {
  transition: box-shadow .16s, border-color .16s;
  display: none;
}

.review-mobile-filter-bar.is-stuck {
  border-color: #cbd5e1;
}

.review-mobile-filter-mode-button {
  color: #334155;
  background: #fff;
  border: 1px solid #cbd5e1;
  border-radius: .375rem;
  justify-content: center;
  align-items: center;
  gap: .25rem;
  min-height: 2rem;
  padding-inline: .5rem;
  font-size: .75rem;
  font-weight: 600;
  display: inline-flex;
}

.review-mobile-filter-mode-button:hover {
  background: #f8fafc;
}

.review-mobile-filter-mode-button:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #475569;
}

@container review-workbench-filter-panel (max-width: 359px) {
  .review-workbench-filter-row {
    grid-template-columns: minmax(0, 1fr);
  }
}

@container review-workbench-filter-panel (min-width: 28rem) {
  .review-workbench-base-fields, .review-workbench-auto-fields {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .review-workbench-filter-row-base, .review-workbench-filter-row-auto {
    display: contents;
  }
}

@container review-workbench-filter-layout (min-width: 63.9375rem) {
  .review-workbench-filter-layout[data-base-open="true"][data-auto-open="true"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .review-workbench-filter-layout[data-base-open="true"][data-auto-open="false"] {
    grid-template-columns: minmax(0, 1fr) minmax(15rem, 20rem);
  }

  .review-workbench-filter-layout[data-base-open="false"][data-auto-open="true"] {
    grid-template-columns: minmax(15rem, 20rem) minmax(0, 1fr);
  }

  .review-workbench-filter-layout[data-base-open="false"][data-auto-open="false"] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
    align-items: start;
  }

  .review-workbench-filter-layout[data-base-open="false"][data-auto-open="false"] .review-workbench-filter-actions {
    border-top: 0;
    grid-column: auto;
    padding-top: 0;
  }

  .review-workbench-filter-layout[data-base-open="false"][data-auto-open="false"] .review-workbench-filter-actions > span {
    display: none;
  }
}

@container review-workbench-filter-layout (min-width: 32.5rem) and (max-width: 63.875rem) {
  .review-workbench-filter-layout[data-base-open="false"][data-auto-open="false"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .review-workbench-filter-layout[data-base-open="false"][data-auto-open="false"] .review-workbench-filter-actions {
    grid-column: 1 / -1;
  }
}

@container review-workbench-filter-layout (min-width: 32.5rem) {
  .review-workbench-filter-actions {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .review-workbench-filter-buttons {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 2fr);
  }

  .review-workbench-filter-buttons > :last-child {
    grid-column: auto;
  }
}

@container review-workbench-shell (max-width: 32.4375rem) {
  .review-mobile-filter-bar {
    display: flex;
  }

  .review-workbench-desktop-summary {
    display: none;
  }

  .review-workbench-base-fields, .review-workbench-auto-fields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .review-workbench-filter-row-base, .review-workbench-filter-row-auto {
    display: contents;
  }
}

@container review-workbench-shell (max-width: 22.4375rem) {
  .review-workbench-base-fields, .review-workbench-auto-fields {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (prefers-reduced-motion: reduce) {
  .review-mobile-filter-bar {
    transition: none;
  }
}

.review-performance-filter-shell {
  width: 100%;
  max-width: none;
  margin-inline: 0;
  container: review-filter-layout / inline-size;
}

.review-performance-filter-layout {
  grid-template-columns: minmax(0, 1fr);
  gap: 1rem;
  display: grid;
}

.review-performance-filter-panel {
  background: #f8fafc99;
  border: 1px solid #e2e8f0;
  border-radius: .75rem;
  min-width: 0;
  padding: .75rem;
  container: review-filter-panel / inline-size;
}

.review-filter-summary {
  text-align: left;
  color: #1e293b;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  width: 100%;
  min-width: 0;
  min-height: 2.25rem;
  font-size: .875rem;
  font-weight: 700;
  display: flex;
}

.review-filter-summary-chevron {
  color: #64748b;
  flex: none;
  display: inline-flex;
}

.review-filter-count-badge {
  color: #3730a3;
  background: #e0e7ff;
  border-radius: 9999px;
  flex: none;
  padding: .125rem .5rem;
  font-size: .6875rem;
  line-height: 1rem;
}

.review-filter-panel-fields {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75rem;
  display: grid;
}

.review-performance-filter-fields {
  display: contents;
}

.review-filter-field.is-full-span-compact, .review-performance-filter-fields > .is-full-span-compact {
  grid-column: 1 / -1;
}

.review-performance-filter-fields > label, .review-performance-filter-fields :is(select, input) {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

@media (min-width: 390px) {
  .review-performance-filter-layout[data-core-open="false"][data-advanced-open="false"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 390px) and (max-width: 480px) {
  .review-filter-summary {
    gap: .25rem;
  }

  .review-filter-summary > span:first-child {
    gap: .375rem;
  }

  .review-filter-summary-action {
    display: none;
  }
}

.review-filter-collapse-shell {
  opacity: 1;
  visibility: visible;
  grid-template-rows: 1fr;
  min-width: 0;
  transition: grid-template-rows .22s, opacity .18s, transform .22s, visibility linear;
  display: grid;
  transform: translateY(0);
}

.review-filter-collapse-shell.is-closed {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  grid-template-rows: 0fr;
  transition: grid-template-rows .22s, opacity .18s, transform .22s, visibility 0s linear .22s;
  transform: translateY(-.25rem);
}

.review-filter-collapse-content {
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

@container review-filter-panel (min-width: 48rem) {
  .review-filter-panel-fields {
    display: block;
  }

  .review-performance-filter-fields {
    gap: .75rem;
    display: grid;
  }

  .review-performance-filter-fields > .is-full-span-compact {
    grid-column: auto;
  }

  .review-filter-row-core-primary {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .review-filter-row-core-secondary, .review-filter-row-core-ai, .review-filter-row-advanced-primary, .review-filter-row-advanced-model {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .review-filter-row-advanced-flags {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@container review-filter-layout (min-width: 73.75rem) {
  .review-performance-filter-layout[data-core-open="true"][data-advanced-open="true"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@container review-filter-layout (max-width: 30rem) {
  .review-performance-filter-panel {
    padding: .625rem;
  }

  .review-filter-panel-fields {
    -moz-column-gap: .5rem;
    gap: .625rem .5rem;
  }

  .review-performance-filter-fields > label {
    font-size: .6875rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .review-filter-collapse-shell, .review-filter-collapse-shell.is-closed {
    transition: none;
  }
}

.review-category-diff-segment {
  color: #be185d;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  background: #fce7f3;
  border-radius: 4px;
  padding: 1px 3px;
}

:root[data-color-theme="dark"] .review-category-diff-segment {
  color: #f9a8d4;
  background: #4c1637;
}

.marker\:hidden ::marker {
  display: none;
}

.marker\:hidden::marker {
  display: none;
}

.placeholder\:text-slate-400::placeholder {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}

.last\:border-0:last-child {
  border-width: 0;
}

.last\:border-b-0:last-child {
  border-bottom-width: 0;
}

.read-only\:bg-slate-50:read-only {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}

.focus-within\:border-sky-400:focus-within {
  --tw-border-opacity: 1;
  border-color: rgb(56 189 248 / var(--tw-border-opacity, 1));
}

.hover\:-translate-y-0\.5:hover {
  --tw-translate-y: -.125rem;
  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));
}

.hover\:border-amber-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(252 211 77 / var(--tw-border-opacity, 1));
}

.hover\:border-sky-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(125 211 252 / var(--tw-border-opacity, 1));
}

.hover\:border-sky-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(56 189 248 / var(--tw-border-opacity, 1));
}

.hover\:border-slate-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
}

.hover\:border-slate-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(148 163 184 / var(--tw-border-opacity, 1));
}

.hover\:border-slate-500:hover {
  --tw-border-opacity: 1;
  border-color: rgb(100 116 139 / var(--tw-border-opacity, 1));
}

.hover\:bg-amber-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
}

.hover\:bg-emerald-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
}

.hover\:bg-rose-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
}

.hover\:bg-sky-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(224 242 254 / var(--tw-bg-opacity, 1));
}

.hover\:bg-sky-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(240 249 255 / var(--tw-bg-opacity, 1));
}

.hover\:bg-sky-50\/40:hover {
  background-color: #f0f9ff66;
}

.hover\:bg-sky-50\/60:hover {
  background-color: #f0f9ff99;
}

.hover\:bg-sky-50\/65:hover {
  background-color: #f0f9ffa6;
}

.hover\:bg-sky-50\/70:hover {
  background-color: #f0f9ffb3;
}

.hover\:bg-sky-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(7 89 133 / var(--tw-bg-opacity, 1));
}

.hover\:bg-slate-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}

.hover\:bg-slate-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
}

.hover\:bg-slate-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}

.hover\:bg-slate-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
}

.hover\:bg-white:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.hover\:text-rose-600:hover {
  --tw-text-opacity: 1;
  color: rgb(225 29 72 / var(--tw-text-opacity, 1));
}

.hover\:text-slate-700:hover {
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}

.hover\:text-slate-800:hover {
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity, 1));
}

.hover\:text-slate-900:hover {
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}

.hover\:text-slate-950:hover {
  --tw-text-opacity: 1;
  color: rgb(2 6 23 / var(--tw-text-opacity, 1));
}

.hover\:underline:hover {
  text-decoration-line: underline;
}

.hover\:shadow-md:hover {
  --tw-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus\:border-sky-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(14 165 233 / var(--tw-border-opacity, 1));
}

.focus\:border-slate-400:focus {
  --tw-border-opacity: 1;
  border-color: rgb(148 163 184 / var(--tw-border-opacity, 1));
}

.focus\:bg-sky-50:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(240 249 255 / var(--tw-bg-opacity, 1));
}

.focus\:outline-none:focus {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.focus\:ring-2:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-inset:focus {
  --tw-ring-inset: inset;
}

.focus\:ring-amber-400:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(251 191 36 / var(--tw-ring-opacity, 1));
}

.focus\:ring-sky-200:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(186 230 253 / var(--tw-ring-opacity, 1));
}

.focus\:ring-slate-200\/70:focus {
  --tw-ring-color: #e2e8f0b3;
}

.focus\:ring-slate-300:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(203 213 225 / var(--tw-ring-opacity, 1));
}

.focus\:ring-slate-400:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(148 163 184 / var(--tw-ring-opacity, 1));
}

.focus-visible\:bg-slate-50:focus-visible {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}

.focus-visible\:outline-none:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.focus-visible\:outline:focus-visible {
  outline-style: solid;
}

.focus-visible\:outline-2:focus-visible {
  outline-width: 2px;
}

.focus-visible\:outline-sky-500:focus-visible {
  outline-color: #0ea5e9;
}

.focus-visible\:ring-2:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus-visible\:ring-inset:focus-visible {
  --tw-ring-inset: inset;
}

.focus-visible\:ring-\[var\(--ca-primary\)\]:focus-visible {
  --tw-ring-color: var(--ca-primary);
}

.focus-visible\:ring-emerald-600:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(5 150 105 / var(--tw-ring-opacity, 1));
}

.focus-visible\:ring-rose-400:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(251 113 133 / var(--tw-ring-opacity, 1));
}

.focus-visible\:ring-sky-400:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(56 189 248 / var(--tw-ring-opacity, 1));
}

.focus-visible\:ring-sky-500:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(14 165 233 / var(--tw-ring-opacity, 1));
}

.focus-visible\:ring-sky-600:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(2 132 199 / var(--tw-ring-opacity, 1));
}

.focus-visible\:ring-slate-500:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(100 116 139 / var(--tw-ring-opacity, 1));
}

.focus-visible\:ring-white\/80:focus-visible {
  --tw-ring-color: #fffc;
}

.focus-visible\:ring-offset-1:focus-visible {
  --tw-ring-offset-width: 1px;
}

.focus-visible\:ring-offset-2:focus-visible {
  --tw-ring-offset-width: 2px;
}

.disabled\:cursor-default:disabled {
  cursor: default;
}

.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}

.disabled\:cursor-wait:disabled {
  cursor: wait;
}

.disabled\:bg-rose-300:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(253 164 175 / var(--tw-bg-opacity, 1));
}

.disabled\:bg-slate-100:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}

.disabled\:bg-slate-300:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1));
}

.disabled\:bg-slate-400:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(148 163 184 / var(--tw-bg-opacity, 1));
}

.disabled\:bg-slate-50:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}

.disabled\:text-slate-400:disabled {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}

.disabled\:text-slate-500:disabled {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}

.disabled\:opacity-30:disabled {
  opacity: .3;
}

.disabled\:opacity-35:disabled {
  opacity: .35;
}

.disabled\:opacity-40:disabled {
  opacity: .4;
}

.disabled\:opacity-50:disabled {
  opacity: .5;
}

.disabled\:opacity-60:disabled {
  opacity: .6;
}

.disabled\:opacity-70:disabled {
  opacity: .7;
}

.disabled\:opacity-75:disabled {
  opacity: .75;
}

.group:hover .group-hover\:bg-slate-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:underline {
  text-decoration-line: underline;
}

@supports (height: 100dvh) {
  .supports-\[height\:100dvh\]\:max-h-\[calc\(100dvh-2rem\)\] {
    max-height: calc(100dvh - 2rem);
  }
}

@media (prefers-reduced-motion: reduce) {
  .motion-reduce\:animate-none {
    animation: none;
  }

  .motion-reduce\:transition-none {
    transition-property: none;
  }
}

@media not all and (min-width: 1024px) {
  .max-lg\:overflow-y-auto {
    overflow-y: auto;
  }
}

@media (max-width: 360px) {
  .max-\[360px\]\:col-span-1 {
    grid-column: span 1 / span 1;
  }

  .max-\[360px\]\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

@media (max-width: 359px) {
  .max-\[359px\]\:col-span-1 {
    grid-column: span 1 / span 1;
  }

  .max-\[359px\]\:col-span-6 {
    grid-column: span 6 / span 6;
  }

  .max-\[359px\]\:h-32 {
    height: 8rem;
  }

  .max-\[359px\]\:w-36 {
    width: 9rem;
  }

  .max-\[359px\]\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

@media (min-width: 420px) {
  .min-\[420px\]\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .min-\[420px\]\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 460px) {
  .min-\[460px\]\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 480px) {
  .min-\[480px\]\:flex-none {
    flex: none;
  }
}

@media (min-width: 520px) {
  .min-\[520px\]\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 560px) {
  .min-\[560px\]\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .min-\[560px\]\:max-h-\[88vh\] {
    max-height: 88vh;
  }

  .min-\[560px\]\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .min-\[560px\]\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .min-\[560px\]\:items-center {
    align-items: center;
  }

  .min-\[560px\]\:rounded-2xl {
    border-radius: 1rem;
  }

  .min-\[560px\]\:p-4 {
    padding: 1rem;
  }
}

@media (min-width: 640px) {
  .sm\:order-2 {
    order: 2;
  }

  .sm\:order-3 {
    order: 3;
  }

  .sm\:col-span-1 {
    grid-column: span 1 / span 1;
  }

  .sm\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .sm\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .sm\:col-span-5 {
    grid-column: span 5 / span 5;
  }

  .sm\:row-span-1 {
    grid-row: span 1 / span 1;
  }

  .sm\:mt-0 {
    margin-top: 0;
  }

  .sm\:mt-2 {
    margin-top: .5rem;
  }

  .sm\:mt-3 {
    margin-top: .75rem;
  }

  .sm\:inline {
    display: inline;
  }

  .sm\:hidden {
    display: none;
  }

  .sm\:h-4 {
    height: 1rem;
  }

  .sm\:h-56 {
    height: 14rem;
  }

  .sm\:min-h-32 {
    min-height: 8rem;
  }

  .sm\:w-4 {
    width: 1rem;
  }

  .sm\:w-64 {
    width: 16rem;
  }

  .sm\:w-auto {
    width: auto;
  }

  .sm\:max-w-\[min\(1440px\,calc\(100vw-4rem\)\)\] {
    max-width: min(1440px, 100vw - 4rem);
  }

  .sm\:max-w-lg {
    max-width: 32rem;
  }

  .sm\:max-w-md {
    max-width: 28rem;
  }

  .sm\:shrink-0 {
    flex-shrink: 0;
  }

  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sm\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .sm\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .sm\:grid-cols-\[10rem_1fr\] {
    grid-template-columns: 10rem 1fr;
  }

  .sm\:grid-cols-\[120px_1fr_auto\] {
    grid-template-columns: 120px 1fr auto;
  }

  .sm\:grid-cols-\[160px_1fr\] {
    grid-template-columns: 160px 1fr;
  }

  .sm\:grid-cols-\[1fr_1fr\] {
    grid-template-columns: 1fr 1fr;
  }

  .sm\:grid-cols-\[1fr_1fr_auto\] {
    grid-template-columns: 1fr 1fr auto;
  }

  .sm\:grid-cols-\[24px_90px_190px_1fr_150px\] {
    grid-template-columns: 24px 90px 190px 1fr 150px;
  }

  .sm\:grid-cols-\[24px_90px_190px_1fr_auto\] {
    grid-template-columns: 24px 90px 190px 1fr auto;
  }

  .sm\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .sm\:grid-cols-\[minmax\(0\,1fr\)_auto_auto\] {
    grid-template-columns: minmax(0, 1fr) auto auto;
  }

  .sm\:flex-row {
    flex-direction: row;
  }

  .sm\:flex-nowrap {
    flex-wrap: nowrap;
  }

  .sm\:items-start {
    align-items: flex-start;
  }

  .sm\:items-end {
    align-items: flex-end;
  }

  .sm\:items-center {
    align-items: center;
  }

  .sm\:justify-end {
    justify-content: flex-end;
  }

  .sm\:justify-between {
    justify-content: space-between;
  }

  .sm\:gap-3 {
    gap: .75rem;
  }

  .sm\:rounded-2xl {
    border-radius: 1rem;
  }

  .sm\:rounded-lg {
    border-radius: .5rem;
  }

  .sm\:p-3 {
    padding: .75rem;
  }

  .sm\:p-4 {
    padding: 1rem;
  }

  .sm\:p-5 {
    padding: 1.25rem;
  }

  .sm\:p-6 {
    padding: 1.5rem;
  }

  .sm\:px-2 {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .sm\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .sm\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .sm\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .sm\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .sm\:py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem;
  }

  .sm\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .sm\:pl-14 {
    padding-left: 3.5rem;
  }

  .sm\:pl-8 {
    padding-left: 2rem;
  }

  .sm\:pr-32 {
    padding-right: 8rem;
  }

  .sm\:pr-64 {
    padding-right: 16rem;
  }

  .sm\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .sm\:text-sm {
    font-size: .875rem;
    line-height: 1.25rem;
  }

  .sm\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .sm\:text-xs {
    font-size: .75rem;
    line-height: 1rem;
  }

  .sm\:leading-5 {
    line-height: 1.25rem;
  }

  .min-\[640px\]\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .min-\[640px\]\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 760px) {
  .min-\[760px\]\:col-span-1 {
    grid-column: span 1 / span 1;
  }

  .min-\[760px\]\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .min-\[760px\]\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .min-\[760px\]\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .min-\[760px\]\:grid-cols-\[180px_1fr_180px\] {
    grid-template-columns: 180px 1fr 180px;
  }
}

@media (min-width: 768px) {
  .md\:line-clamp-2 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .md\:block {
    display: block;
  }

  .md\:flex {
    display: flex;
  }

  .md\:hidden {
    display: none;
  }

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .md\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .md\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .md\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.2fr\)\] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
  }

  .md\:flex-row {
    flex-direction: row;
  }

  .md\:items-end {
    align-items: flex-end;
  }

  .md\:items-center {
    align-items: center;
  }

  .md\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

@media (min-width: 769px) {
  .min-\[769px\]\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 900px) {
  .min-\[900px\]\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .min-\[900px\]\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .min-\[900px\]\:grid-cols-\[minmax\(0\,0\.85fr\)_minmax\(0\,1\.15fr\)\] {
    grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
  }

  .min-\[900px\]\:grid-cols-\[minmax\(0\,1\.12fr\)_minmax\(22rem\,0\.88fr\)\] {
    grid-template-columns: minmax(0, 1.12fr) minmax(22rem, .88fr);
  }

  .min-\[900px\]\:grid-cols-\[minmax\(0\,1\.35fr\)_minmax\(20rem\,1fr\)\] {
    grid-template-columns: minmax(0, 1.35fr) minmax(20rem, 1fr);
  }

  .min-\[900px\]\:grid-cols-\[minmax\(17rem\,0\.8fr\)_minmax\(0\,1\.2fr\)\] {
    grid-template-columns: minmax(17rem, .8fr) minmax(0, 1.2fr);
  }

  .min-\[900px\]\:flex-row {
    flex-direction: row;
  }

  .min-\[900px\]\:items-start {
    align-items: flex-start;
  }

  .min-\[900px\]\:justify-between {
    justify-content: space-between;
  }
}

@media (min-width: 1024px) {
  .lg\:static {
    position: static;
  }

  .lg\:absolute {
    position: absolute;
  }

  .lg\:relative {
    position: relative;
  }

  .lg\:inset-0 {
    inset: 0;
  }

  .lg\:-bottom-4 {
    bottom: -1rem;
  }

  .lg\:right-2 {
    right: .5rem;
  }

  .lg\:col-span-1 {
    grid-column: span 1 / span 1;
  }

  .lg\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .lg\:col-span-6 {
    grid-column: span 6 / span 6;
  }

  .lg\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .lg\:mt-0 {
    margin-top: 0;
  }

  .lg\:block {
    display: block;
  }

  .lg\:flex {
    display: flex;
  }

  .lg\:table {
    display: table;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:h-72 {
    height: 18rem;
  }

  .lg\:h-full {
    height: 100%;
  }

  .lg\:min-h-0 {
    min-height: 0;
  }

  .lg\:w-36 {
    width: 9rem;
  }

  .lg\:w-96 {
    width: 24rem;
  }

  .lg\:min-w-64 {
    min-width: 16rem;
  }

  .lg\:max-w-lg {
    max-width: 32rem;
  }

  .lg\:flex-1 {
    flex: 1;
  }

  .lg\:basis-0 {
    flex-basis: 0;
  }

  .lg\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }

  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .lg\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .lg\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .lg\:grid-cols-\[1\.2fr_1fr\] {
    grid-template-columns: 1.2fr 1fr;
  }

  .lg\:grid-cols-\[1\.4fr_0\.8fr_auto_auto\] {
    grid-template-columns: 1.4fr .8fr auto auto;
  }

  .lg\:grid-cols-\[1\.4fr_1fr_1fr_1fr_1fr_auto_auto\] {
    grid-template-columns: 1.4fr 1fr 1fr 1fr 1fr auto auto;
  }

  .lg\:grid-cols-\[180px_320px_1fr\] {
    grid-template-columns: 180px 320px 1fr;
  }

  .lg\:grid-cols-\[minmax\(0\,1\.35fr\)_minmax\(360px\,0\.65fr\)\] {
    grid-template-columns: minmax(0, 1.35fr) minmax(360px, .65fr);
  }

  .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(18rem\,24rem\)\] {
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 24rem);
  }

  .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(280px\,360px\)\] {
    grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
  }

  .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(320px\,420px\)\] {
    grid-template-columns: minmax(0, 1fr) minmax(320px, 420px);
  }

  .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(360px\,480px\)\] {
    grid-template-columns: minmax(0, 1fr) minmax(360px, 480px);
  }

  .lg\:grid-cols-\[minmax\(18rem\,1\.4fr\)_minmax\(10rem\,0\.9fr\)_minmax\(10rem\,0\.9fr\)_minmax\(10rem\,0\.9fr\)\] {
    grid-template-columns: minmax(18rem, 1.4fr) minmax(10rem, .9fr) minmax(10rem, .9fr) minmax(10rem, .9fr);
  }

  .lg\:grid-cols-\[minmax\(18rem\,1\.5fr\)_minmax\(12rem\,0\.8fr\)_auto_auto_auto\] {
    grid-template-columns: minmax(18rem, 1.5fr) minmax(12rem, .8fr) auto auto auto;
  }

  .lg\:grid-rows-\[minmax\(0\,1fr\)\] {
    grid-template-rows: minmax(0, 1fr);
  }

  .lg\:flex-row {
    flex-direction: row;
  }

  .lg\:flex-col {
    flex-direction: column;
  }

  .lg\:flex-wrap {
    flex-wrap: wrap;
  }

  .lg\:items-start {
    align-items: flex-start;
  }

  .lg\:items-end {
    align-items: flex-end;
  }

  .lg\:items-center {
    align-items: center;
  }

  .lg\:justify-end {
    justify-content: flex-end;
  }

  .lg\:justify-between {
    justify-content: space-between;
  }

  .lg\:gap-2 {
    gap: .5rem;
  }

  .lg\:gap-3 {
    gap: .75rem;
  }

  .lg\:gap-4 {
    gap: 1rem;
  }

  .lg\:overflow-hidden {
    overflow: hidden;
  }

  .lg\:overflow-y-auto {
    overflow-y: auto;
  }

  .lg\:overflow-x-hidden {
    overflow-x: hidden;
  }

  .lg\:rounded-lg {
    border-radius: .5rem;
  }

  .lg\:rounded-none {
    border-radius: 0;
  }

  .lg\:border {
    border-width: 1px;
  }

  .lg\:border-x-0 {
    border-left-width: 0;
    border-right-width: 0;
  }

  .lg\:border-b-0 {
    border-bottom-width: 0;
  }

  .lg\:border-slate-200 {
    --tw-border-opacity: 1;
    border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  }

  .lg\:bg-\[var\(--ca-surface\)\] {
    background-color: var(--ca-surface);
  }

  .lg\:bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }

  .lg\:\!p-0 {
    padding: 0 !important;
  }

  .lg\:p-5 {
    padding: 1.25rem;
  }

  .lg\:p-6 {
    padding: 1.5rem;
  }

  .lg\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .lg\:pr-72 {
    padding-right: 18rem;
  }

  .lg\:shadow-none {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .lg\:backdrop-blur-none {
    --tw-backdrop-blur:  ;
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    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);
  }
}

@media (min-width: 1025px) {
  .min-\[1025px\]\:block {
    display: block;
  }

  .min-\[1025px\]\:hidden {
    display: none;
  }
}

@media (min-width: 1280px) {
  .xl\:col-span-1 {
    grid-column: span 1 / span 1;
  }

  .xl\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .xl\:block {
    display: block;
  }

  .xl\:table-cell {
    display: table-cell;
  }

  .xl\:min-w-\[1180px\] {
    min-width: 1180px;
  }

  .xl\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .xl\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .xl\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .xl\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .xl\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .xl\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .xl\:grid-cols-\[1\.05fr_0\.95fr\] {
    grid-template-columns: 1.05fr .95fr;
  }

  .xl\:grid-cols-\[1\.1fr_0\.9fr\] {
    grid-template-columns: 1.1fr .9fr;
  }

  .xl\:grid-cols-\[minmax\(0\,1fr\)_22rem\] {
    grid-template-columns: minmax(0, 1fr) 22rem;
  }

  .xl\:grid-cols-\[minmax\(0\,1fr\)_360px\] {
    grid-template-columns: minmax(0, 1fr) 360px;
  }

  .xl\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .xl\:grid-cols-\[minmax\(0\,1fr\)_minmax\(340px\,420px\)\] {
    grid-template-columns: minmax(0, 1fr) minmax(340px, 420px);
  }

  .xl\:grid-cols-\[minmax\(0\,1fr\)_minmax\(360px\,0\.88fr\)\] {
    grid-template-columns: minmax(0, 1fr) minmax(360px, .88fr);
  }

  .xl\:grid-cols-\[minmax\(260px\,340px\)_minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(260px, 340px) minmax(0, 1fr);
  }

  .xl\:grid-cols-\[minmax\(280px\,360px\)_minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
  }

  .xl\:flex-row {
    flex-direction: row;
  }

  .xl\:items-center {
    align-items: center;
  }

  .xl\:justify-between {
    justify-content: space-between;
  }
}

@media (min-width: 1281px) {
  .min-\[1281px\]\:block {
    display: block;
  }

  .min-\[1281px\]\:hidden {
    display: none;
  }
}

@media (min-width: 1536px) {
  .\32 xl\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .\32 xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .\32 xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .\32 xl\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .\32 xl\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

.\[\&\>section\>header\]\:hidden > section > header {
  display: none;
}

/*# sourceMappingURL=app_1k604dm._.css.map*/