/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/app/globals.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css');

@font-face { font-family: 'Escoredream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-1Thin.woff') format('woff'); font-weight: 100; font-display: swap; }
@font-face { font-family: 'Escoredream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff'); font-weight: 200; font-display: swap; }
@font-face { font-family: 'Escoredream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight: 300; font-display: swap; }
@font-face { font-family: 'Escoredream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff'); font-weight: normal; font-display: swap; }
@font-face { font-family: 'Escoredream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff'); font-weight: 500; font-display: swap; }
@font-face { font-family: 'Escoredream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff'); font-weight: 600; font-display: swap; }
@font-face { font-family: 'Escoredream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff'); font-weight: 700; font-display: swap; }
@font-face { font-family: 'Escoredream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff'); font-weight: 800; font-display: swap; }
@font-face { font-family: 'Escoredream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff'); font-weight: 900; font-display: swap; }

*, ::before, ::after{ --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: rgb(61 138 253 / 0.5); --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:  ; }

::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: rgb(61 138 253 / 0.5); --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:  ; }

/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #eeeeee80; /* 2 */
}

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

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

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

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

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

/*
Remove the default font size and weight for headings.
*/

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

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

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

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

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

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

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

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

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

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

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

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

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

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

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 {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

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

/*
Set the default cursor for buttons.
*/

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

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

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

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

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

/* Make elements with the HTML hidden attribute stay hidden by default */

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

:root {
        --background: 0 0% 100%; /* 배경을 하얀색으로 변경 */
        --foreground: 0 0% 0%; /* 텍스트 색상을 검정색 기본으로 변경 */

        --card: 0 0% 100%; /* 카드 배경을 하얀색으로 변경 */
        --card-foreground: 0 0% 0%;

        --popover: 0 0% 100%; /* 팝오버 배경을 하얀색으로 변경 */
        --popover-foreground: 0 0% 20%;

        --primary: 0 0% 20%;
        --primary-foreground: 0 0% 100%;

        --secondary: 0 0% 95%;
        --secondary-foreground: 0 0% 20%;

        --muted: 210 40% 96.1%;
        --muted-foreground: 0 0% 40%;

        --accent: 215 100% 50%;
        --accent-foreground: 0 0% 100%;

        --destructive: 0 62.8% 50.6%;
        --destructive-foreground: 0 0% 100%;

        --border: 0 0% 85%;
        --input: 0 0% 85%;
        --ring: 0 0% 70%;

        --radius: 0.5rem;
    }

.dark {
        --background: 0 0% 10%;
        --foreground: 0 0% 95%;

        --card: 0 0% 15%;
        --card-foreground: 0 0% 95%;

        --popover: 0 0% 15%;
        --popover-foreground: 0 0% 95%;

        --primary: 0 0% 95%;
        --primary-foreground: 0 0% 10%;

        --secondary: 0 0% 20%;
        --secondary-foreground: 0 0% 95%;

        --muted: 0 0% 25%;
        --muted-foreground: 0 0% 65%;

        --accent: 60 70% 50%;
        --accent-foreground: 0 0% 10%;

        --destructive: 0 62.8% 50.6%;
        --destructive-foreground: 0 0% 95%;

        --border: 0 0% 30%;
        --input: 0 0% 30%;
        --ring: 0 0% 70%;
    }

*{ border-color: hsl(var(--border)); }

body{ background-color: hsl(var(--background)); color: hsl(var(--foreground));
        font-family: var(--font-family, 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, sans-serif);
        font-feature-settings: "rlig" 1, "calt" 1;
        font-size: var(--font-size-base, 14px); }
.container{ width: 100%; margin-right: auto; margin-left: auto; }
@media (min-width: 640px){

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

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

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

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

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

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

 .container{ max-width: 1920px; } }
.sr-only{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; }
.pointer-events-none{ pointer-events: none; }
.visible{ visibility: visible; }
.fixed{ position: fixed; }
.absolute{ position: absolute; }
.relative{ position: relative; }
.sticky{ position: sticky; }
.inset-0{ inset: 0px; }
.inset-x-0{ left: 0px; right: 0px; }
.inset-y-0{ top: 0px; bottom: 0px; }
.bottom-0{ bottom: 0px; }
.bottom-2{ bottom: 0.5rem; }
.left-0{ left: 0px; }
.left-1\/2{ left: 50%; }
.left-2{ left: 0.5rem; }
.left-3{ left: 0.75rem; }
.left-\[-12px\]{ left: -12px; }
.left-\[50\%\]{ left: 50%; }
.right-0{ right: 0px; }
.right-2{ right: 0.5rem; }
.right-4{ right: 1rem; }
.right-\[-12px\]{ right: -12px; }
.top-0{ top: 0px; }
.top-1\/2{ top: 50%; }
.top-2{ top: 0.5rem; }
.top-2\.5{ top: 0.625rem; }
.top-4{ top: 1rem; }
.top-\[50\%\]{ top: 50%; }
.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; }
.col-span-1{ grid-column: span 1 / span 1; }
.col-span-2{ grid-column: span 2 / span 2; }
.col-span-3{ grid-column: span 3 / span 3; }
.col-span-4{ grid-column: span 4 / span 4; }
.col-start-2{ grid-column-start: 2; }
.m-0\.5{ margin: 0.125rem; }
.m-1{ margin: 0.25rem; }
.-mx-1{ margin-left: -0.25rem; margin-right: -0.25rem; }
.mx-1{ margin-left: 0.25rem; margin-right: 0.25rem; }
.mx-11{ margin-left: 2.75rem; margin-right: 2.75rem; }
.mx-12{ margin-left: 3rem; margin-right: 3rem; }
.mx-2{ margin-left: 0.5rem; margin-right: 0.5rem; }
.mx-auto{ margin-left: auto; margin-right: auto; }
.my-1{ margin-top: 0.25rem; margin-bottom: 0.25rem; }
.-mr-2{ margin-right: -0.5rem; }
.mb-1{ margin-bottom: 0.25rem; }
.mb-1\.5{ margin-bottom: 0.375rem; }
.mb-10{ margin-bottom: 2.5rem; }
.mb-2{ margin-bottom: 0.5rem; }
.mb-3{ margin-bottom: 0.75rem; }
.mb-4{ margin-bottom: 1rem; }
.mb-6{ margin-bottom: 1.5rem; }
.mb-7{ margin-bottom: 1.75rem; }
.mb-8{ margin-bottom: 2rem; }
.ml-0{ margin-left: 0px; }
.ml-1{ margin-left: 0.25rem; }
.ml-1\.5{ margin-left: 0.375rem; }
.ml-10{ margin-left: 2.5rem; }
.ml-12{ margin-left: 3rem; }
.ml-2{ margin-left: 0.5rem; }
.ml-3{ margin-left: 0.75rem; }
.ml-4{ margin-left: 1rem; }
.ml-7{ margin-left: 1.75rem; }
.ml-8{ margin-left: 2rem; }
.ml-auto{ margin-left: auto; }
.mr-1{ margin-right: 0.25rem; }
.mr-1\.5{ margin-right: 0.375rem; }
.mr-2{ margin-right: 0.5rem; }
.mr-3{ margin-right: 0.75rem; }
.mr-4{ margin-right: 1rem; }
.mr-8{ margin-right: 2rem; }
.mt-0{ margin-top: 0px; }
.mt-0\.5{ margin-top: 0.125rem; }
.mt-1{ margin-top: 0.25rem; }
.mt-10{ margin-top: 2.5rem; }
.mt-2{ margin-top: 0.5rem; }
.mt-3{ margin-top: 0.75rem; }
.mt-4{ margin-top: 1rem; }
.mt-6{ margin-top: 1.5rem; }
.mt-8{ margin-top: 2rem; }
.mt-auto{ margin-top: auto; }
.line-clamp-2{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.block{ display: block; }
.inline-block{ display: inline-block; }
.flex{ display: flex; }
.inline-flex{ display: inline-flex; }
.\!table{ display: table !important; }
.table{ display: table; }
.grid{ display: grid; }
.hidden{ display: none; }
.aspect-auto{ aspect-ratio: auto; }
.aspect-square{ aspect-ratio: 1 / 1; }
.h-1\.5{ height: 0.375rem; }
.h-10{ height: 2.5rem; }
.h-11{ height: 2.75rem; }
.h-12{ height: 3rem; }
.h-16{ height: 4rem; }
.h-2{ height: 0.5rem; }
.h-24{ height: 6rem; }
.h-28{ height: 7rem; }
.h-3{ height: 0.75rem; }
.h-3\.5{ height: 0.875rem; }
.h-32{ height: 8rem; }
.h-4{ height: 1rem; }
.h-40{ height: 10rem; }
.h-48{ height: 12rem; }
.h-5{ height: 1.25rem; }
.h-6{ height: 1.5rem; }
.h-64{ height: 16rem; }
.h-7{ height: 1.75rem; }
.h-8{ height: 2rem; }
.h-9{ height: 2.25rem; }
.h-\[18px\]{ height: 18px; }
.h-\[280px\]{ height: 280px; }
.h-\[300px\]{ height: 300px; }
.h-\[320px\]{ height: 320px; }
.h-\[400px\]{ height: 400px; }
.h-\[500px\]{ height: 500px; }
.h-\[750px\]{ height: 750px; }
.h-\[760px\]{ height: 760px; }
.h-\[780px\]{ height: 780px; }
.h-\[800px\]{ height: 800px; }
.h-\[926px\]{ height: 926px; }
.h-\[calc\(100\%-57px\)\]{ height: calc(100% - 57px); }
.h-\[var\(--radix-select-trigger-height\)\]{ height: var(--radix-select-trigger-height); }
.h-auto{ height: auto; }
.h-full{ height: 100%; }
.h-px{ height: 1px; }
.h-screen{ height: 100vh; }
.max-h-40{ max-height: 10rem; }
.max-h-60{ max-height: 15rem; }
.max-h-96{ max-height: 24rem; }
.max-h-\[300px\]{ max-height: 300px; }
.max-h-\[320px\]{ max-height: 320px; }
.max-h-\[400px\]{ max-height: 400px; }
.max-h-\[500px\]{ max-height: 500px; }
.max-h-\[50vh\]{ max-height: 50vh; }
.max-h-\[60vh\]{ max-height: 60vh; }
.max-h-\[90vh\]{ max-height: 90vh; }
.max-h-\[92vh\]{ max-height: 92vh; }
.max-h-\[var\(--radix-dropdown-menu-content-available-height\)\]{ max-height: var(--radix-dropdown-menu-content-available-height); }
.max-h-full{ max-height: 100%; }
.min-h-\[100px\]{ min-height: 100px; }
.min-h-\[120px\]{ min-height: 120px; }
.min-h-\[140px\]{ min-height: 140px; }
.min-h-\[200px\]{ min-height: 200px; }
.min-h-\[380px\]{ min-height: 380px; }
.min-h-\[44px\]{ min-height: 44px; }
.min-h-\[580px\]{ min-height: 580px; }
.min-h-\[80px\]{ min-height: 80px; }
.min-h-screen{ min-height: 100vh; }
.w-1{ width: 0.25rem; }
.w-1\.5{ width: 0.375rem; }
.w-1\/2{ width: 50%; }
.w-1\/3{ width: 33.333333%; }
.w-1\/4{ width: 25%; }
.w-1\/5{ width: 20%; }
.w-10{ width: 2.5rem; }
.w-11{ width: 2.75rem; }
.w-12{ width: 3rem; }
.w-16{ width: 4rem; }
.w-2{ width: 0.5rem; }
.w-2\/3{ width: 66.666667%; }
.w-20{ width: 5rem; }
.w-24{ width: 6rem; }
.w-3{ width: 0.75rem; }
.w-3\.5{ width: 0.875rem; }
.w-3\/4{ width: 75%; }
.w-30p{ width: 30%; }
.w-4{ width: 1rem; }
.w-40{ width: 10rem; }
.w-48{ width: 12rem; }
.w-48p{ width: 48%; }
.w-5{ width: 1.25rem; }
.w-5\/6{ width: 83.333333%; }
.w-56{ width: 14rem; }
.w-6{ width: 1.5rem; }
.w-60{ width: 15rem; }
.w-60p{ width: 60%; }
.w-64{ width: 16rem; }
.w-7{ width: 1.75rem; }
.w-72{ width: 18rem; }
.w-8{ width: 2rem; }
.w-80{ width: 20rem; }
.w-9{ width: 2.25rem; }
.w-\[10\%\]{ width: 10%; }
.w-\[100px\]{ width: 100px; }
.w-\[110px\]{ width: 110px; }
.w-\[12\%\]{ width: 12%; }
.w-\[120px\]{ width: 120px; }
.w-\[14\%\]{ width: 14%; }
.w-\[140px\]{ width: 140px; }
.w-\[15\%\]{ width: 15%; }
.w-\[150px\]{ width: 150px; }
.w-\[160px\]{ width: 160px; }
.w-\[18\%\]{ width: 18%; }
.w-\[180px\]{ width: 180px; }
.w-\[18px\]{ width: 18px; }
.w-\[20\%\]{ width: 20%; }
.w-\[200px\]{ width: 200px; }
.w-\[22\%\]{ width: 22%; }
.w-\[220px\]{ width: 220px; }
.w-\[24\%\]{ width: 24%; }
.w-\[25\%\]{ width: 25%; }
.w-\[28\%\]{ width: 28%; }
.w-\[30\%\]{ width: 30%; }
.w-\[300px\]{ width: 300px; }
.w-\[32\%\]{ width: 32%; }
.w-\[350px\]{ width: 350px; }
.w-\[4\%\]{ width: 4%; }
.w-\[42\%\]{ width: 42%; }
.w-\[44px\]{ width: 44px; }
.w-\[45\%\]{ width: 45%; }
.w-\[5\%\]{ width: 5%; }
.w-\[55\%\]{ width: 55%; }
.w-\[6\%\]{ width: 6%; }
.w-\[60px\]{ width: 60px; }
.w-\[7\%\]{ width: 7%; }
.w-\[70px\]{ width: 70px; }
.w-\[78px\]{ width: 78px; }
.w-\[8\%\]{ width: 8%; }
.w-\[80\%\]{ width: 80%; }
.w-\[80px\]{ width: 80px; }
.w-\[9\%\]{ width: 9%; }
.w-\[90px\]{ width: 90px; }
.w-\[90vw\]{ width: 90vw; }
.w-\[95vw\]{ width: 95vw; }
.w-\[96vw\]{ width: 96vw; }
.w-fit{ width: fit-content; }
.w-full{ width: 100%; }
.min-w-0{ min-width: 0px; }
.min-w-\[120px\]{ min-width: 120px; }
.min-w-\[240px\]{ min-width: 240px; }
.min-w-\[350px\]{ min-width: 350px; }
.min-w-\[44px\]{ min-width: 44px; }
.min-w-\[800px\]{ min-width: 800px; }
.min-w-\[80px\]{ min-width: 80px; }
.min-w-\[8rem\]{ min-width: 8rem; }
.min-w-\[var\(--radix-select-trigger-width\)\]{ min-width: var(--radix-select-trigger-width); }
.max-w-2xl{ max-width: 42rem; }
.max-w-3xl{ max-width: 48rem; }
.max-w-4xl{ max-width: 56rem; }
.max-w-5xl{ max-width: 64rem; }
.max-w-6xl{ max-width: 72rem; }
.max-w-7xl{ max-width: 80rem; }
.max-w-\[150px\]{ max-width: 150px; }
.max-w-\[1560px\]{ max-width: 1560px; }
.max-w-\[160px\]{ max-width: 160px; }
.max-w-\[170px\]{ max-width: 170px; }
.max-w-\[200px\]{ max-width: 200px; }
.max-w-\[220px\]{ max-width: 220px; }
.max-w-\[250px\]{ max-width: 250px; }
.max-w-\[260px\]{ max-width: 260px; }
.max-w-\[500px\]{ max-width: 500px; }
.max-w-\[625px\]{ max-width: 625px; }
.max-w-\[85vw\]{ max-width: 85vw; }
.max-w-\[960px\]{ max-width: 960px; }
.max-w-full{ max-width: 100%; }
.max-w-lg{ max-width: 32rem; }
.max-w-md{ max-width: 28rem; }
.max-w-sm{ max-width: 24rem; }
.max-w-xl{ max-width: 36rem; }
.max-w-xs{ max-width: 20rem; }
.flex-1{ flex: 1 1 0%; }
.flex-shrink{ flex-shrink: 1; }
.flex-shrink-0{ flex-shrink: 0; }
.shrink-0{ flex-shrink: 0; }
.flex-grow{ flex-grow: 1; }
.table-fixed{ table-layout: fixed; }
.caption-bottom{ caption-side: bottom; }
.border-collapse{ border-collapse: collapse; }
.origin-\[--radix-dropdown-menu-content-transform-origin\]{ transform-origin: var(--radix-dropdown-menu-content-transform-origin); }
.-translate-x-1\/2{ --tw-translate-x: -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-x-full{ --tw-translate-x: -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-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-x-0{ --tw-translate-x: 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)); }
.translate-x-\[-50\%\]{ --tw-translate-x: -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-\[-50\%\]{ --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)); }
.-rotate-90{ --tw-rotate: -90deg; 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)); }
.scale-105{ --tw-scale-x: 1.05; --tw-scale-y: 1.05; 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)); }
.transform{ 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)); }
.transform-none{ transform: none; }
@keyframes pulse{

 50%{ opacity: .5; } }
.animate-pulse{ animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; }
@keyframes spin{

 to{ transform: rotate(360deg); } }
.animate-spin{ animation: spin 1s linear infinite; }
.cursor-col-resize{ cursor: col-resize; }
.cursor-default{ cursor: default; }
.cursor-move{ cursor: move; }
.cursor-not-allowed{ cursor: not-allowed; }
.cursor-pointer{ cursor: pointer; }
.touch-none{ touch-action: none; }
.select-none{ user-select: none; }
.select-all{ user-select: all; }
.resize{ resize: both; }
.list-inside{ list-style-position: inside; }
.list-disc{ list-style-type: disc; }
.grid-cols-1{ grid-template-columns: repeat(1, minmax(0, 1fr)); }
.grid-cols-12{ grid-template-columns: repeat(12, 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)); }
.flex-row{ flex-direction: row; }
.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; }
.items-stretch{ align-items: stretch; }
.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{ gap: 0px; }
.gap-1{ gap: 0.25rem; }
.gap-1\.5{ gap: 0.375rem; }
.gap-2{ gap: 0.5rem; }
.gap-2\.5{ gap: 0.625rem; }
.gap-3{ gap: 0.75rem; }
.gap-4{ gap: 1rem; }
.gap-5{ gap: 1.25rem; }
.gap-6{ gap: 1.5rem; }
.gap-8{ gap: 2rem; }
.gap-x-1{ column-gap: 0.25rem; }
.gap-x-5{ column-gap: 1.25rem; }
.gap-y-2{ row-gap: 0.5rem; }
.gap-y-4{ row-gap: 1rem; }
.space-x-1 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.25rem * var(--tw-space-x-reverse)); margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse))); }
.space-x-2 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.5rem * var(--tw-space-x-reverse)); margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); }
.space-x-3 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.75rem * var(--tw-space-x-reverse)); margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse))); }
.space-x-4 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); }
.space-y-1 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)); }
.space-y-1\.5 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.375rem * var(--tw-space-y-reverse)); }
.space-y-2 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); }
.space-y-3 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.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)); }
.space-y-8 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2rem * var(--tw-space-y-reverse)); }
.divide-x > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse: 0; border-right-width: calc(1px * var(--tw-divide-x-reverse)); border-left-width: calc(1px * calc(1 - var(--tw-divide-x-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-gray-200 > :not([hidden]) ~ :not([hidden]){ border-color: #eeeeee80; }
.overflow-auto{ overflow: auto; }
.overflow-hidden{ overflow: hidden; }
.overflow-x-auto{ overflow-x: auto; }
.overflow-y-auto{ overflow-y: auto; }
.overflow-x-hidden{ overflow-x: hidden; }
.overflow-y-hidden{ overflow-y: hidden; }
.scroll-smooth{ scroll-behavior: smooth; }
.truncate{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.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; }
.rounded{ border-radius: 0.25rem; }
.rounded-2xl{ border-radius: 1rem; }
.rounded-full{ border-radius: 9999px; }
.rounded-lg{ border-radius: var(--radius); }
.rounded-md{ border-radius: calc(var(--radius) - 2px); }
.rounded-none{ border-radius: 0px; }
.rounded-sm{ border-radius: calc(var(--radius) - 4px); }
.rounded-xl{ border-radius: 0.75rem; }
.rounded-t-md{ border-top-left-radius: calc(var(--radius) - 2px); border-top-right-radius: calc(var(--radius) - 2px); }
.rounded-t-xl{ border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; }
.border{ border-width: 1px; }
.border-0{ border-width: 0px; }
.border-2{ border-width: 2px; }
.border-b{ border-bottom-width: 1px; }
.border-b-2{ border-bottom-width: 2px; }
.border-l{ border-left-width: 1px; }
.border-l-2{ border-left-width: 2px; }
.border-r{ border-right-width: 1px; }
.border-t{ border-top-width: 1px; }
.border-t-2{ border-top-width: 2px; }
.border-t-4{ border-top-width: 4px; }
.border-dashed{ border-style: dashed; }
.border-none{ border-style: none; }
.border-amber-100{ --tw-border-opacity: 1; border-color: rgb(254 243 199 / var(--tw-border-opacity, 1)); }
.border-amber-200{ --tw-border-opacity: 1; border-color: rgb(253 230 138 / var(--tw-border-opacity, 1)); }
.border-blue-100{ --tw-border-opacity: 1; border-color: rgb(219 234 254 / var(--tw-border-opacity, 1)); }
.border-blue-200{ --tw-border-opacity: 1; border-color: rgb(191 219 254 / var(--tw-border-opacity, 1)); }
.border-blue-300{ --tw-border-opacity: 1; border-color: rgb(147 197 253 / var(--tw-border-opacity, 1)); }
.border-blue-500{ --tw-border-opacity: 1; border-color: rgb(61 138 253 / var(--tw-border-opacity, 1)); }
.border-blue-600{ --tw-border-opacity: 1; border-color: rgb(37 99 235 / var(--tw-border-opacity, 1)); }
.border-gray-100{ --tw-border-opacity: 1; border-color: rgb(247 248 249 / var(--tw-border-opacity, 1)); }
.border-gray-200{ border-color: #eeeeee80; }
.border-gray-300{ --tw-border-opacity: 1; border-color: rgb(238 238 238 / var(--tw-border-opacity, 1)); }
.border-gray-900{ --tw-border-opacity: 1; border-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); }
.border-green-100{ --tw-border-opacity: 1; border-color: rgb(220 252 231 / var(--tw-border-opacity, 1)); }
.border-green-200{ --tw-border-opacity: 1; border-color: rgb(187 247 208 / var(--tw-border-opacity, 1)); }
.border-green-300{ --tw-border-opacity: 1; border-color: rgb(134 239 172 / var(--tw-border-opacity, 1)); }
.border-green-500{ --tw-border-opacity: 1; border-color: rgb(34 197 94 / var(--tw-border-opacity, 1)); }
.border-input{ border-color: hsl(var(--input)); }
.border-lightgray{ --tw-border-opacity: 1; border-color: rgb(217 217 217 / var(--tw-border-opacity, 1)); }
.border-orange-500{ --tw-border-opacity: 1; border-color: rgb(249 115 22 / var(--tw-border-opacity, 1)); }
.border-pink-100{ --tw-border-opacity: 1; border-color: rgb(252 231 243 / var(--tw-border-opacity, 1)); }
.border-pink-200{ --tw-border-opacity: 1; border-color: rgb(251 207 232 / var(--tw-border-opacity, 1)); }
.border-primary{ border-color: hsl(var(--primary)); }
.border-purple-200{ --tw-border-opacity: 1; border-color: rgb(233 213 255 / var(--tw-border-opacity, 1)); }
.border-purple-600{ --tw-border-opacity: 1; border-color: rgb(103 40 255 / var(--tw-border-opacity, 1)); }
.border-red-100{ --tw-border-opacity: 1; border-color: rgb(254 226 226 / var(--tw-border-opacity, 1)); }
.border-red-200{ --tw-border-opacity: 1; border-color: rgb(254 202 202 / var(--tw-border-opacity, 1)); }
.border-red-300{ --tw-border-opacity: 1; border-color: rgb(252 165 165 / var(--tw-border-opacity, 1)); }
.border-red-500{ --tw-border-opacity: 1; border-color: rgb(239 68 68 / var(--tw-border-opacity, 1)); }
.border-transparent{ border-color: transparent; }
.border-white{ --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); }
.border-white\/30{ border-color: rgb(255 255 255 / 0.3); }
.border-yellow-200{ --tw-border-opacity: 1; border-color: rgb(254 240 138 / var(--tw-border-opacity, 1)); }
.border-t-green-500{ --tw-border-opacity: 1; border-top-color: rgb(34 197 94 / var(--tw-border-opacity, 1)); }
.border-t-transparent{ border-top-color: transparent; }
.bg-\[\#1f3a64\]{ --tw-bg-opacity: 1; background-color: rgb(31 58 100 / var(--tw-bg-opacity, 1)); }
.bg-\[\#28B056\]{ --tw-bg-opacity: 1; background-color: rgb(40 176 86 / var(--tw-bg-opacity, 1)); }
.bg-\[\#3455D5\]{ --tw-bg-opacity: 1; background-color: rgb(52 85 213 / var(--tw-bg-opacity, 1)); }
.bg-\[\#9aa0b0\]{ --tw-bg-opacity: 1; background-color: rgb(154 160 176 / var(--tw-bg-opacity, 1)); }
.bg-\[\#FFA04C\]{ --tw-bg-opacity: 1; background-color: rgb(255 160 76 / var(--tw-bg-opacity, 1)); }
.bg-\[\#e84035\]{ --tw-bg-opacity: 1; background-color: rgb(232 64 53 / 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-50{ --tw-bg-opacity: 1; background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1)); }
.bg-amber-500{ --tw-bg-opacity: 1; background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1)); }
.bg-background{ background-color: hsl(var(--background)); }
.bg-black{ --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); }
.bg-black\/80{ background-color: rgb(0 0 0 / 0.8); }
.bg-blue-100{ --tw-bg-opacity: 1; background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1)); }
.bg-blue-50{ --tw-bg-opacity: 1; background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1)); }
.bg-blue-500{ --tw-bg-opacity: 1; background-color: rgb(61 138 253 / var(--tw-bg-opacity, 1)); }
.bg-blue-600{ --tw-bg-opacity: 1; background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1)); }
.bg-cBtnBlue{ --tw-bg-opacity: 1; background-color: rgb(35 132 223 / var(--tw-bg-opacity, 1)); }
.bg-card{ background-color: hsl(var(--card)); }
.bg-cyan-100{ --tw-bg-opacity: 1; background-color: rgb(207 250 254 / var(--tw-bg-opacity, 1)); }
.bg-cyan-500{ --tw-bg-opacity: 1; background-color: rgb(6 182 212 / var(--tw-bg-opacity, 1)); }
.bg-destructive{ background-color: hsl(var(--destructive)); }
.bg-emerald-100{ --tw-bg-opacity: 1; background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1)); }
.bg-emerald-500{ --tw-bg-opacity: 1; background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1)); }
.bg-gray-100{ --tw-bg-opacity: 1; background-color: rgb(247 248 249 / var(--tw-bg-opacity, 1)); }
.bg-gray-200{ background-color: #eeeeee80; }
.bg-gray-300{ --tw-bg-opacity: 1; background-color: rgb(238 238 238 / var(--tw-bg-opacity, 1)); }
.bg-gray-400{ --tw-bg-opacity: 1; background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1)); }
.bg-gray-50{ --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); }
.bg-gray-700{ --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); }
.bg-gray-800{ --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); }
.bg-gray-900{ --tw-bg-opacity: 1; background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)); }
.bg-green-100{ --tw-bg-opacity: 1; background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1)); }
.bg-green-50{ --tw-bg-opacity: 1; background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1)); }
.bg-green-500{ --tw-bg-opacity: 1; background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1)); }
.bg-green-600{ --tw-bg-opacity: 1; background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1)); }
.bg-lightgray\/40{ background-color: rgb(217 217 217 / 0.4); }
.bg-muted{ background-color: hsl(var(--muted)); }
.bg-muted\/50{ background-color: hsl(var(--muted) / 0.5); }
.bg-orange-100{ --tw-bg-opacity: 1; background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1)); }
.bg-orange-500{ --tw-bg-opacity: 1; background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1)); }
.bg-pink-50{ --tw-bg-opacity: 1; background-color: rgb(253 242 248 / var(--tw-bg-opacity, 1)); }
.bg-pink-600{ --tw-bg-opacity: 1; background-color: rgb(219 39 119 / var(--tw-bg-opacity, 1)); }
.bg-popover{ background-color: hsl(var(--popover)); }
.bg-primary{ background-color: hsl(var(--primary)); }
.bg-primary\/10{ background-color: hsl(var(--primary) / 0.1); }
.bg-purple-100{ --tw-bg-opacity: 1; background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1)); }
.bg-purple-50{ --tw-bg-opacity: 1; background-color: rgb(250 245 255 / var(--tw-bg-opacity, 1)); }
.bg-purple-500{ --tw-bg-opacity: 1; background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1)); }
.bg-purple-600{ --tw-bg-opacity: 1; background-color: rgb(103 40 255 / var(--tw-bg-opacity, 1)); }
.bg-red-100{ --tw-bg-opacity: 1; background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1)); }
.bg-red-200{ --tw-bg-opacity: 1; background-color: rgb(254 202 202 / var(--tw-bg-opacity, 1)); }
.bg-red-50{ --tw-bg-opacity: 1; background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1)); }
.bg-red-500{ --tw-bg-opacity: 1; background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1)); }
.bg-red-600{ --tw-bg-opacity: 1; background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1)); }
.bg-secondary{ background-color: hsl(var(--secondary)); }
.bg-slate-100{ --tw-bg-opacity: 1; background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1)); }
.bg-slate-50{ --tw-bg-opacity: 1; background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1)); }
.bg-teal-200{ --tw-bg-opacity: 1; background-color: rgb(153 246 228 / var(--tw-bg-opacity, 1)); }
.bg-transparent{ background-color: transparent; }
.bg-white{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }
.bg-white\/10{ background-color: rgb(255 255 255 / 0.1); }
.bg-white\/20{ background-color: rgb(255 255 255 / 0.2); }
.bg-white\/60{ background-color: rgb(255 255 255 / 0.6); }
.bg-white\/80{ background-color: rgb(255 255 255 / 0.8); }
.bg-yellow-100{ --tw-bg-opacity: 1; background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1)); }
.bg-yellow-500{ --tw-bg-opacity: 1; background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1)); }
.bg-opacity-30{ --tw-bg-opacity: 0.3; }
.bg-opacity-50{ --tw-bg-opacity: 0.5; }
.bg-gradient-to-br{ background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)); }
.bg-gradient-to-r{ background-image: linear-gradient(to right, var(--tw-gradient-stops)); }
.bg-white-gray{ background-image: linear-gradient(180deg, #FFF 0%, #F4F4F4 100%); }
.from-blue-500{ --tw-gradient-from: #3D8AFD var(--tw-gradient-from-position); --tw-gradient-to: rgb(61 138 253 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-gray-50{ --tw-gradient-from: #f9fafb var(--tw-gradient-from-position); --tw-gradient-to: rgb(249 250 251 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-gray-500{ --tw-gradient-from: #6b7280 var(--tw-gradient-from-position); --tw-gradient-to: rgb(107 114 128 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-green-500{ --tw-gradient-from: #22c55e var(--tw-gradient-from-position); --tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-purple-100{ --tw-gradient-from: #f3e8ff var(--tw-gradient-from-position); --tw-gradient-to: rgb(243 232 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-purple-50{ --tw-gradient-from: #faf5ff var(--tw-gradient-from-position); --tw-gradient-to: rgb(250 245 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-purple-600{ --tw-gradient-from: #6728FF var(--tw-gradient-from-position); --tw-gradient-to: rgb(103 40 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-red-500{ --tw-gradient-from: #ef4444 var(--tw-gradient-from-position); --tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-yellow-500{ --tw-gradient-from: #eab308 var(--tw-gradient-from-position); --tw-gradient-to: rgb(234 179 8 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.to-blue-100{ --tw-gradient-to: #dbeafe var(--tw-gradient-to-position); }
.to-blue-50{ --tw-gradient-to: #eff6ff var(--tw-gradient-to-position); }
.to-blue-600{ --tw-gradient-to: #2563eb var(--tw-gradient-to-position); }
.to-gray-600{ --tw-gradient-to: #4b5563 var(--tw-gradient-to-position); }
.to-green-600{ --tw-gradient-to: #16a34a var(--tw-gradient-to-position); }
.to-red-600{ --tw-gradient-to: #dc2626 var(--tw-gradient-to-position); }
.to-white{ --tw-gradient-to: #fff var(--tw-gradient-to-position); }
.to-yellow-600{ --tw-gradient-to: #ca8a04 var(--tw-gradient-to-position); }
.fill-current{ fill: currentColor; }
.fill-primary{ fill: hsl(var(--primary)); }
.object-contain{ object-fit: contain; }
.object-cover{ object-fit: cover; }
.p-0{ padding: 0px; }
.p-0\.5{ padding: 0.125rem; }
.p-1{ padding: 0.25rem; }
.p-1\.5{ padding: 0.375rem; }
.p-10{ padding: 2.5rem; }
.p-12{ padding: 3rem; }
.p-16{ padding: 4rem; }
.p-2{ padding: 0.5rem; }
.p-24{ padding: 6rem; }
.p-3{ padding: 0.75rem; }
.p-4{ padding: 1rem; }
.p-5{ padding: 1.25rem; }
.p-6{ padding: 1.5rem; }
.p-8{ padding: 2rem; }
.px-1{ padding-left: 0.25rem; padding-right: 0.25rem; }
.px-1\.5{ padding-left: 0.375rem; padding-right: 0.375rem; }
.px-12{ padding-left: 3rem; padding-right: 3rem; }
.px-2{ padding-left: 0.5rem; padding-right: 0.5rem; }
.px-2\.5{ padding-left: 0.625rem; padding-right: 0.625rem; }
.px-3{ padding-left: 0.75rem; padding-right: 0.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; }
.px-8{ padding-left: 2rem; padding-right: 2rem; }
.py-0{ padding-top: 0px; padding-bottom: 0px; }
.py-0\.5{ padding-top: 0.125rem; padding-bottom: 0.125rem; }
.py-1{ padding-top: 0.25rem; padding-bottom: 0.25rem; }
.py-1\.5{ padding-top: 0.375rem; padding-bottom: 0.375rem; }
.py-10{ padding-top: 2.5rem; padding-bottom: 2.5rem; }
.py-12{ padding-top: 3rem; padding-bottom: 3rem; }
.py-16{ padding-top: 4rem; padding-bottom: 4rem; }
.py-2{ padding-top: 0.5rem; padding-bottom: 0.5rem; }
.py-3{ padding-top: 0.75rem; padding-bottom: 0.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-10{ padding-bottom: 2.5rem; }
.pb-2{ padding-bottom: 0.5rem; }
.pb-3{ padding-bottom: 0.75rem; }
.pb-4{ padding-bottom: 1rem; }
.pb-6{ padding-bottom: 1.5rem; }
.pb-7{ padding-bottom: 1.75rem; }
.pl-1{ padding-left: 0.25rem; }
.pl-10{ padding-left: 2.5rem; }
.pl-12{ padding-left: 3rem; }
.pl-14{ padding-left: 3.5rem; }
.pl-2{ padding-left: 0.5rem; }
.pl-3{ padding-left: 0.75rem; }
.pl-4{ padding-left: 1rem; }
.pl-5{ padding-left: 1.25rem; }
.pl-6{ padding-left: 1.5rem; }
.pl-8{ padding-left: 2rem; }
.pl-9{ padding-left: 2.25rem; }
.pr-0{ padding-right: 0px; }
.pr-2{ padding-right: 0.5rem; }
.pr-4{ padding-right: 1rem; }
.pr-8{ padding-right: 2rem; }
.pt-0{ padding-top: 0px; }
.pt-1{ padding-top: 0.25rem; }
.pt-2{ padding-top: 0.5rem; }
.pt-3{ padding-top: 0.75rem; }
.pt-4{ padding-top: 1rem; }
.pt-5{ padding-top: 1.25rem; }
.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-4xl{ font-size: 2.25rem; line-height: 2.5rem; }
.text-\[10px\]{ font-size: 10px; }
.text-\[11px\]{ font-size: 11px; }
.text-\[12px\]{ font-size: 12px; }
.text-\[13px\]{ font-size: 13px; }
.text-\[14px\]{ font-size: 14px; }
.text-\[15px\]{ font-size: 15px; }
.text-base{ font-size: 1rem; line-height: 1.5rem; }
.text-lg{ font-size: 1.125rem; line-height: 1.75rem; }
.text-sm{ font-size: 0.875rem; line-height: 1.25rem; }
.text-tiny{ font-size: 10px;; }
.text-xl{ font-size: 1.25rem; line-height: 1.75rem; }
.text-xs{ font-size: 0.75rem; line-height: 1rem; }
.font-black{ font-weight: 900; }
.font-bold{ font-weight: 700; }
.font-extrabold{ font-weight: 800; }
.font-light{ font-weight: 300; }
.font-medium{ font-weight: 500; }
.font-normal{ font-weight: 400; }
.font-semibold{ font-weight: 600; }
.font-thin{ font-weight: 100; }
.capitalize{ text-transform: capitalize; }
.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-none{ line-height: 1; }
.leading-relaxed{ line-height: 1.625; }
.leading-tight{ line-height: 1.25; }
.tracking-tight{ letter-spacing: -0.025em; }
.tracking-widest{ letter-spacing: 0.1em; }
.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-black{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); }
.text-blue-500{ --tw-text-opacity: 1; color: rgb(61 138 253 / var(--tw-text-opacity, 1)); }
.text-blue-600{ --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity, 1)); }
.text-blue-700{ --tw-text-opacity: 1; color: rgb(29 78 216 / var(--tw-text-opacity, 1)); }
.text-blue-800{ --tw-text-opacity: 1; color: rgb(30 64 175 / var(--tw-text-opacity, 1)); }
.text-blue-900{ --tw-text-opacity: 1; color: rgb(30 58 138 / var(--tw-text-opacity, 1)); }
.text-card-foreground{ color: hsl(var(--card-foreground)); }
.text-current{ color: currentColor; }
.text-cyan-700{ --tw-text-opacity: 1; color: rgb(14 116 144 / var(--tw-text-opacity, 1)); }
.text-destructive-foreground{ color: hsl(var(--destructive-foreground)); }
.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-foreground{ color: hsl(var(--foreground)); }
.text-gray-300{ --tw-text-opacity: 1; color: rgb(238 238 238 / var(--tw-text-opacity, 1)); }
.text-gray-400{ --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); }
.text-gray-500{ --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); }
.text-gray-600{ --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity, 1)); }
.text-gray-700{ --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity, 1)); }
.text-gray-800{ --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity, 1)); }
.text-gray-900{ --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity, 1)); }
.text-green-500{ --tw-text-opacity: 1; color: rgb(34 197 94 / var(--tw-text-opacity, 1)); }
.text-green-600{ --tw-text-opacity: 1; color: rgb(22 163 74 / var(--tw-text-opacity, 1)); }
.text-green-700{ --tw-text-opacity: 1; color: rgb(21 128 61 / var(--tw-text-opacity, 1)); }
.text-green-800{ --tw-text-opacity: 1; color: rgb(22 101 52 / var(--tw-text-opacity, 1)); }
.text-green-900{ --tw-text-opacity: 1; color: rgb(20 83 45 / var(--tw-text-opacity, 1)); }
.text-muted-foreground{ color: hsl(var(--muted-foreground)); }
.text-orange-500{ --tw-text-opacity: 1; color: rgb(249 115 22 / var(--tw-text-opacity, 1)); }
.text-orange-600{ --tw-text-opacity: 1; color: rgb(234 88 12 / var(--tw-text-opacity, 1)); }
.text-orange-800{ --tw-text-opacity: 1; color: rgb(154 52 18 / var(--tw-text-opacity, 1)); }
.text-pink-400{ --tw-text-opacity: 1; color: rgb(244 114 182 / var(--tw-text-opacity, 1)); }
.text-pink-500{ --tw-text-opacity: 1; color: rgb(236 72 153 / var(--tw-text-opacity, 1)); }
.text-pink-600{ --tw-text-opacity: 1; color: rgb(219 39 119 / var(--tw-text-opacity, 1)); }
.text-popover-foreground{ color: hsl(var(--popover-foreground)); }
.text-primary{ color: hsl(var(--primary)); }
.text-primary-foreground{ color: hsl(var(--primary-foreground)); }
.text-purple-200{ --tw-text-opacity: 1; color: rgb(233 213 255 / var(--tw-text-opacity, 1)); }
.text-purple-500{ --tw-text-opacity: 1; color: rgb(168 85 247 / var(--tw-text-opacity, 1)); }
.text-purple-600{ --tw-text-opacity: 1; color: rgb(103 40 255 / var(--tw-text-opacity, 1)); }
.text-purple-700{ --tw-text-opacity: 1; color: rgb(126 34 206 / var(--tw-text-opacity, 1)); }
.text-purple-800{ --tw-text-opacity: 1; color: rgb(107 33 168 / var(--tw-text-opacity, 1)); }
.text-red-500{ --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity, 1)); }
.text-red-600{ --tw-text-opacity: 1; color: rgb(220 38 38 / var(--tw-text-opacity, 1)); }
.text-red-700{ --tw-text-opacity: 1; color: rgb(185 28 28 / var(--tw-text-opacity, 1)); }
.text-red-800{ --tw-text-opacity: 1; color: rgb(153 27 27 / var(--tw-text-opacity, 1)); }
.text-red-900{ --tw-text-opacity: 1; color: rgb(127 29 29 / var(--tw-text-opacity, 1)); }
.text-secondary-foreground{ color: hsl(var(--secondary-foreground)); }
.text-secondgray{ --tw-text-opacity: 1; color: rgb(136 136 136 / var(--tw-text-opacity, 1)); }
.text-teal-800{ --tw-text-opacity: 1; color: rgb(17 94 89 / var(--tw-text-opacity, 1)); }
.text-thirdgray{ --tw-text-opacity: 1; color: rgb(68 68 68 / 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: rgb(255 255 255 / 0.8); }
.text-yellow-500{ --tw-text-opacity: 1; color: rgb(234 179 8 / var(--tw-text-opacity, 1)); }
.text-yellow-600{ --tw-text-opacity: 1; color: rgb(202 138 4 / var(--tw-text-opacity, 1)); }
.text-yellow-700{ --tw-text-opacity: 1; color: rgb(161 98 7 / var(--tw-text-opacity, 1)); }
.text-yellow-800{ --tw-text-opacity: 1; color: rgb(133 77 14 / var(--tw-text-opacity, 1)); }
.underline{ text-decoration-line: underline; }
.decoration-dotted{ text-decoration-style: dotted; }
.underline-offset-4{ text-underline-offset: 4px; }
.underline-offset-\[3px\]{ text-underline-offset: 3px; }
.accent-blue-500{ accent-color: #3D8AFD; }
.opacity-0{ opacity: 0; }
.opacity-100{ opacity: 1; }
.opacity-25{ opacity: 0.25; }
.opacity-50{ opacity: 0.5; }
.opacity-60{ opacity: 0.6; }
.opacity-70{ opacity: 0.7; }
.opacity-75{ opacity: 0.75; }
.opacity-90{ opacity: 0.9; }
.shadow{ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -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-\[0_0_6px_rgba\(16\2c 185\2c 129\2c 0\.6\)\]{ --tw-shadow: 0 0 6px rgba(16,185,129,0.6); --tw-shadow-colored: 0 0 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-lg{ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --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 rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --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 rgb(0 0 0 / 0.05); --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 rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); --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); }
.outline-none{ outline: 2px solid transparent; outline-offset: 2px; }
.outline{ outline-style: solid; }
.ring-offset-background{ --tw-ring-offset-color: hsl(var(--background)); }
.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-sm{ --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05)); 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); }
.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); }
.backdrop-filter{ -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, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.transition-all{ transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.transition-colors{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.transition-opacity{ transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.transition-transform{ transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.duration-150{ transition-duration: 150ms; }
.duration-200{ transition-duration: 200ms; }
.duration-300{ transition-duration: 300ms; }
.ease-in-out{ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
.ease-out{ transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
@keyframes enter{

 from{ opacity: var(--tw-enter-opacity, 1); transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0)); } }
@keyframes exit{

 to{ opacity: var(--tw-exit-opacity, 1); transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0)); } }
.animate-in{ animation-name: enter; animation-duration: 150ms; --tw-enter-opacity: initial; --tw-enter-scale: initial; --tw-enter-rotate: initial; --tw-enter-translate-x: initial; --tw-enter-translate-y: initial; }
.fade-in-0{ --tw-enter-opacity: 0; }
.fade-out{ --tw-exit-opacity: 0; }
.zoom-in-95{ --tw-enter-scale: .95; }
.zoom-out{ --tw-exit-scale: 0; }
.duration-150{ animation-duration: 150ms; }
.duration-200{ animation-duration: 200ms; }
.duration-300{ animation-duration: 300ms; }
.ease-in-out{ animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
.ease-out{ animation-timing-function: cubic-bezier(0, 0, 0.2, 1); }
/* 텍스트 줄임표 */
.line-clamp-2 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
/* 스크롤바 스타일링 */
.scrollbar-thin {
        scrollbar-width: thin;
        scrollbar-color: rgb(156 163 175) transparent;
    }
.scrollbar-thin::-webkit-scrollbar {
        width: 6px;
        height: 6px;
    }
.scrollbar-thin::-webkit-scrollbar-track {
        background: transparent;
    }
.scrollbar-thin::-webkit-scrollbar-thumb {
        background-color: rgb(156 163 175);
        border-radius: 3px;
    }
.scrollbar-thin::-webkit-scrollbar-thumb:hover {
        background-color: rgb(107 114 128);
    }
/* 모바일 터치 최적화 */
/* 모바일 안전 영역 */
/* 모바일 최적화된 버튼 크기 */
.btn-mobile {
        min-height: 44px;
        min-width: 44px;
    }
/* 모바일 카드 스타일 */
/* 반응형 그리드 */
/* 모바일 네비게이션 */
/* 모바일 헤더 */
/* PDF 페이지 브레이크 */
@media print {
        .page-break-before {
            page-break-before: always;
        }
    }
.\[-ms-overflow-style\:none\]{ -ms-overflow-style: none; }
.\[scrollbar-width\:none\]{ scrollbar-width: none; }

.sidebar-menu {
    background: linear-gradient(to bottom, rgb(31, 41, 55), rgb(17, 24, 39));
}

/* 모바일 반응형 유틸리티 클래스 */

/* ============================================================
   meercatch-manager UI 토큰 + 레이아웃
   (로그인/헤더/사이드바 비주얼 포팅용. 기존 Tailwind와 네임스페이스 분리)
   ============================================================ */
:root {
    --mc-sb-w: 260px;
    --mc-sb-cw: 70px;
    --mc-radius: 8px;
    --mc-radius-sm: 6px;
    --mc-trans: 0.18s ease;
    --mc-bg0: #f9fafb;
    --mc-bg1: #ffffff;
    --mc-bg2: #f5f6fa;
    --mc-bg3: #ffffff;
    --mc-bd: #e2e6ed;
    --mc-bd2: #c8cdd8;
    --mc-t1: #1a1d23;
    --mc-t2: #5a6275;
    --mc-t3: #9aa0b0;
    --mc-ac: #6366f1;
    --mc-ac2: #4f52e0;
    --mc-err: #ef4444;
    --mc-warn: #f59e0b;
    --mc-shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);
    --mc-shadow: 0 2px 8px rgba(0, 0, 0, .10);
}

/* APP shell */
.mc-app { display: flex; height: 100vh; overflow: hidden; background: var(--mc-bg0); }

/* SIDEBAR */
.mc-sb {
    width: var(--mc-sb-w);
    min-width: var(--mc-sb-w);
    background: var(--lnb-bg, #12151f);
    border-right: 1px solid var(--lnb-border, rgba(255,255,255,0.06));
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition: width var(--mc-trans), min-width var(--mc-trans);
    position: relative;
    z-index: 100;
}
.mc-sb.collapsed { width: var(--mc-sb-cw); min-width: var(--mc-sb-cw); }

/* 헤더 */
.mc-sb-h {
    padding: 0 16px;
    height: 60px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--lnb-border, rgba(255,255,255,0.06));
    flex-shrink: 0;
    cursor: pointer;
}
.mc-sb-logo-row { display: flex; align-items: center; gap: 10px; width: 100%; overflow: hidden; }
.mc-sb-logo-icon {
    width: 28px; height: 28px;
    background: var(--color-point, #E84035);
    border-radius: 4px;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0; color: #fff; font-weight: 700; overflow: hidden;
    padding: 6px;
}
.mc-sb-logo-text {
    font-size: var(--fs-md, 14px); font-weight: 700;
    color: var(--lnb-logo-text, rgba(255,255,255,0.95));
    white-space: nowrap; overflow: hidden;
}
.mc-sb.collapsed .mc-sb-logo-text { display: none; }
.mc-sb.collapsed .mc-sb-h { padding: 0 8px; justify-content: center; }
.mc-sb.collapsed .mc-sb-logo-row { justify-content: center; width: auto; }

/* 학년도 / 학교 셀렉터 */
.mc-sb-selectors {
    padding: 10px 8px;
    display: flex; gap: 6px;
    border-bottom: 1px solid var(--lnb-border, rgba(255,255,255,0.06));
    flex-shrink: 0;
}
.mc-sb-selectors select {
    padding: 7px 6px; font-size: var(--fs-xs, 10px);
    background: var(--lnb-select-bg, rgb(16,19,30));
    color: var(--lnb-select-text, rgba(255,255,255,0.75));
    border: 1px solid var(--lnb-select-border, rgb(51,51,51));
    border-radius: 4px; outline: none; cursor: pointer;
    font-family: inherit;
}
.mc-sb-selectors select:disabled { color: var(--lnb-select-text-disabled, rgba(255,255,255,0.35)); cursor: not-allowed; }
.mc-sb.collapsed .mc-sb-selectors { display: none; }

/* 내비게이션 */
.mc-sb-nav {
    flex: 1; overflow-y: auto; overflow-x: hidden;
    padding: 8px 0;
    scrollbar-width: thin;
    scrollbar-color: var(--lnb-scrollbar, rgba(255,255,255,0.15)) transparent;
}
.mc-sb-nav::-webkit-scrollbar { width: 4px; }
.mc-sb-nav::-webkit-scrollbar-thumb { background: var(--lnb-scrollbar, rgba(255,255,255,0.15)); border-radius: 2px; }
.mc-sb-section { padding-bottom: 4px; }

/* 섹션 레이블 */
.mc-ns {
    padding: 12px 20px 4px;
    font-size: var(--fs-xs, 11px); font-weight: 600;
    color: var(--lnb-section-text, rgba(255,255,255,0.3));
    letter-spacing: 0.05em; text-transform: uppercase;
    white-space: nowrap; overflow: hidden;
}
.mc-sb.collapsed .mc-ns { display: none; }

/* 메뉴 아이템 */
.mc-ni {
    display: flex; align-items: center; gap: 10px;
    padding: 7px 16px; margin: 1px 8px;
    border-radius: 1px;
    cursor: pointer;
    color: var(--lnb-text, rgba(255,255,255,0.6));
    font-size: var(--fs-base, 13px); font-weight: 400;
    position: relative; overflow: hidden;
    border: 1px solid transparent;
    transition: background var(--mc-trans), color var(--mc-trans);
    outline: none;
}
.mc-ni:hover {
    background: var(--lnb-hover-bg, rgba(255,255,255,0.07));
    color: var(--lnb-text-active, #fff);
}
.mc-ni.a {
    background: var(--lnb-item-active-bg, rgba(232,64,53,0.25));
    color: var(--lnb-text-active, #fff);
    border-color: var(--lnb-item-active-bd, rgba(232,64,53,0.3));
    font-weight: 500;
}
.mc-ni.a::before {
    content: '';
    position: absolute; left: 0; top: 0; bottom: 0;
    width: 3px;
    background: var(--lnb-item-active-bar, var(--color-point, #e84035));
    border-radius: 0 2px 2px 0;
}
.mc-ic {
    width: 20px; height: 20px;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0; color: inherit;
}
.mc-ic > svg { width: 18px; height: 18px; }
.mc-ic > img { width: 16px; height: 16px; opacity: 0.7; }
.mc-ni.a .mc-ic > img { opacity: 1; }
.mc-ni-txt { flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mc-sb.collapsed .mc-ni {
    flex-direction: column; gap: 3px;
    padding: 7px 4px; justify-content: center; align-items: center;
    margin: 1px 4px;
}
.mc-sb.collapsed .mc-ni-txt {
    font-size: 9px; white-space: nowrap; overflow: hidden;
    text-overflow: ellipsis; max-width: 52px; text-align: center;
    line-height: 1.2; flex: none;
}

/* 배지 */
.mc-ni-badge {
    font-size: var(--fs-2xs, 8px); font-weight: 700;
    padding: 1px 5px; border-radius: 3px;
    margin-left: auto; flex-shrink: 0;
}
.mc-ni-badge.new  { background: var(--lnb-badge-new-bg, rgba(239,68,68,0.2));    color: var(--lnb-badge-new-text, #f87171); }
.mc-ni-badge.sys  { background: var(--lnb-badge-sys-bg, rgba(100,116,139,0.25)); color: var(--lnb-badge-sys-text, rgba(148,163,184,0.9)); }
.mc-ni-badge.edu  { background: var(--lnb-badge-edu-bg, rgba(99,102,241,0.25));  color: var(--lnb-badge-edu-text, rgba(165,168,255,0.9)); }
.mc-sb.collapsed .mc-ni-badge { display: none; }

/* 하단 유저 영역 */
.mc-sb-bottom {
    border-top: 1px solid var(--lnb-border, rgba(255,255,255,0.06));
    padding: 10px 8px;
    flex-shrink: 0;
}
.mc-sb-user {
    display: flex; align-items: center; gap: 8px;
    padding: 5px 6px; border-radius: 6px;
    cursor: pointer;
    transition: background var(--mc-trans);
}
.mc-sb-user:hover { background: var(--lnb-user-bg, rgba(255,255,255,0.07)); }
.mc-sb-user-avatar {
    width: 26px; height: 26px;
    background: var(--color-point, #E84035);
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: var(--fs-xs, 11px); font-weight: 700; color: #fff; flex-shrink: 0;
}
.mc-sb-user-info { overflow: hidden; flex: 1; }
.mc-sb-user-name { font-size: var(--fs-s, 12px); font-weight: 500; color: rgba(255,255,255,0.75); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mc-sb-user-role { font-size: var(--fs-2xs, 9px); color: var(--lnb-section-text, rgba(255,255,255,0.35)); }
.mc-sb.collapsed .mc-sb-user-info { display: none; }
.mc-sb.collapsed .mc-sb-user { justify-content: center; }

/* 접기 버튼 */
.mc-sb-collapse-btn {
    padding: 10px 16px;
    display: flex; align-items: center; justify-content: flex-end;
    border-top: 1px solid var(--lnb-border, rgba(255,255,255,0.06));
    flex-shrink: 0;
}
.mc-sb.collapsed .mc-sb-collapse-btn { justify-content: center; }
.mc-sb-toggle {
    width: 28px; height: 28px;
    background: var(--lnb-toggle-bg, rgba(255,255,255,0.08));
    border: 1px solid var(--lnb-toggle-border, rgba(255,255,255,0.1));
    border-radius: var(--mc-radius-sm);
    color: var(--lnb-text, rgba(255,255,255,0.5));
    display: flex; align-items: center; justify-content: center;
    font-size: 13px; cursor: pointer;
    transition: background var(--mc-trans), color var(--mc-trans);
}
.mc-sb-toggle:hover { background: var(--lnb-hover-bg); color: var(--lnb-text-active); }

/* MAIN */
.mc-mn { flex: 1; display: flex; flex-direction: column; overflow: hidden; background: var(--mc-bg0); }
.mc-mh {
    height: 60px;
    min-height: 60px;
    background: #ffffff !important;
    border-bottom: 1px solid var(--mc-bd);
    display: flex;
    align-items: center;
    padding: 0 24px;
    gap: 0;
}
.mc-mh-title { font-size: var(--fs-lg, 16px); font-weight: 600; color: var(--mc-t1); flex: 1; min-width: 0; }
.mc-mh-actions { display: flex; align-items: center; gap: 12px; }
.mc-mh-icon-btn {
    width: 32px;
    height: 32px;
    background: transparent;
    border: 1px solid var(--mc-bd);
    border-radius: var(--mc-radius-sm);
    color: var(--mc-t2);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    transition: background var(--mc-trans), color var(--mc-trans);
}
.mc-mh-icon-btn:hover { background: var(--mc-bg2); color: var(--mc-t1); }
.mc-mh-user {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 10px;
    border-radius: var(--mc-radius);
    border: 1px solid var(--mc-bd);
    cursor: pointer;
    transition: background var(--mc-trans);
    position: relative;
}
.mc-mh-user:hover { background: var(--mc-bg2); }
.mc-mh-user-avatar {
    width: 24px;
    height: 24px;
    background: var(--mc-ac);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--fs-xs, 11px);
    font-weight: 700;
    color: #fff;
    flex-shrink: 0;
}
.mc-mh-user-name { font-size: var(--fs-s, 12px); font-weight: 500; color: var(--mc-t1); white-space: nowrap; }
.mc-mh-dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 6px;
    background: var(--mc-bg1);
    border: 1px solid var(--mc-bd);
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, .1);
    min-width: 140px;
    z-index: 200;
    overflow: hidden;
}
.mc-mh-dropdown-item {
    padding: 10px 14px;
    font-size: var(--fs-base, 13px);
    cursor: pointer;
    color: var(--mc-t1);
    transition: background var(--mc-trans);
    user-select: none;
}
.mc-mh-dropdown-item:hover { background: var(--mc-bg2); }
.mc-mh-dropdown-item.danger {
    color: var(--mc-err);
    border-top: 1px solid var(--mc-bd);
}
.mc-mh-dropdown-item.danger:hover { background: #fef2f2; }
.mc-mh-hamburger {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 36px;
    height: 36px;
    padding: 6px;
    background: none;
    border: none;
    cursor: pointer;
    flex-shrink: 0;
    border-radius: var(--mc-radius-sm);
}
.mc-mh-hamburger:hover { background: var(--mc-bg2); }
.mc-mh-hamburger span {
    display: block;
    width: 18px;
    height: 2px;
    background: var(--mc-t2);
    border-radius: 2px;
}
.mc-mb {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    background: var(--mc-bg0);
}
.mc-mb::-webkit-scrollbar { width: 6px; }
.mc-mb::-webkit-scrollbar-thumb { background: var(--mc-bd2); border-radius: 3px; }

/* SIDEBAR mobile overlay */
.mc-sb-overlay { display: none; }

@media (max-width: 900px) {
    .mc-sb {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        transform: translateX(-100%);
        transition: transform 0.25s ease;
        z-index: 200;
    }
    .mc-sb.mobile-open { transform: translateX(0); }
    .mc-sb-overlay {
        display: block;
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.4);
        z-index: 199;
    }
    .mc-mh-hamburger { display: flex; }
}

/* LOGIN */
.mc-login-bg {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
}
.mc-login-card {
    width: 380px;
    max-width: 92vw;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, .1);
    padding: 40px 36px;
}
.mc-login-title {
    text-align: center;
    margin-bottom: 28px;
}
.mc-login-title h1 {
    font-size: 30px;
    font-weight: 800;
    color: #1e293b;
    letter-spacing: -1px;
    margin-bottom: 4px;
}
.mc-login-title p {
    font-size: 13px;
    color: #64748b;
}
.mc-login-alert {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #b91c1c;
    border-radius: 10px;
    padding: 12px 14px;
    margin-bottom: 16px;
    font-size: 13px;
    font-weight: 500;
}
.mc-login-alert-icon {
    font-size: 14px;
    line-height: 1;
}
.mc-login-form { display: flex; flex-direction: column; gap: 10px; }
.mc-login-label {
    font-size: 12px;
    font-weight: 600;
    color: #475569;
    margin-bottom: 4px;
    display: block;
}
.mc-login-input {
    width: 100%;
    box-sizing: border-box;
    padding: 11px 14px;
    border: 1.5px solid #e2e8f0;
    border-radius: 10px;
    font-size: 14px;
    outline: none;
    background: #fff;
    transition: border-color .15s;
    color: #1e293b;
}
.mc-login-input:focus { border-color: #3b82f6; }
.mc-login-input:disabled { background: #f8fafc; opacity: 0.7; cursor: not-allowed; }
.mc-login-btn {
    width: 100%;
    padding: 12px;
    margin-top: 6px;
    background: var(--mc-ac);
    color: #fff;
    border: none;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: filter .15s, background .15s;
}
.mc-login-btn:hover:not(:disabled) { filter: brightness(0.92); }
.mc-login-btn:disabled { background: #94a3b8; cursor: not-allowed; }
.mc-login-foot {
    text-align: center;
    margin-top: 20px;
    font-size: 12px;
    color: #94a3b8;
}

/* ============================================================
   V2 유틸리티 CSS — basic-layout 등 콘텐츠 페이지용
   ============================================================ */
:root {
    --t1: #1a1d23;
    --t2: #5a6275;
    --t3: #9aa0b0;
    --bg1: #ffffff;
    --bg2: #F2F6FA;
    --bg3: #e8ecf2;
    --bd: #e2e6ed;
    --ac: var(--color-point, #e84035);
}

/* 버튼 — Tailwind reset 우선순위 대응 */
button.btn, a.btn, span.btn, .btn {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 10px 14px; border-radius: 4px;
    font-size: var(--fs-base, 14px); font-weight: 500; cursor: pointer;
    border: 1px solid var(--bd); background: var(--bg1); color: var(--t2);
    font-family: inherit; transition: background .15s, color .15s;
    white-space: nowrap; text-decoration: none; line-height: 1.2;
}
button.btn:hover, .btn:hover { background: var(--bg3); color: var(--t1); }
.btn-p { background: var(--ac) !important; color: #fff !important; border-color: var(--ac) !important; }
.btn-p:hover { opacity: 0.88; background: var(--ac) !important; }
.btn-meer { background: var(--ac) !important; color: #fff !important; border-color: var(--ac) !important; }
.btn-meer:hover { opacity: 0.88; background: var(--ac) !important; }
.btn-d { color: #ef4444; }
.btn-sm { padding: 4px 10px !important; font-size: var(--fs-2xs, 10px) !important; }
.btn-xs { padding: 2px 8px !important; font-size: var(--fs-2xs, 9px) !important; }
.btn-outline { background: transparent !important; }
.btn-s { background: var(--bg2) !important; color: var(--t1) !important; }

/* 인풋 */
input.inp, select.inp, textarea.inp, .inp {
    height: 33px; padding: 0 10px;
    border: 1px solid var(--bd); border-radius: 4px;
    font-size: var(--fs-base, 14px); color: var(--t1); background: #fff;
    outline: none; font-family: inherit;
    transition: border-color .15s;
    box-sizing: border-box;
}
input.inp:focus, .inp:focus { border-color: var(--t2); }

/* 테이블 */
.dt { width: 100%; border-collapse: collapse; }
.dt thead { border-top: 2px solid #1a1d23; }
.dt th {
    padding: 9px 12px; text-align: left;
    font-size: var(--fs-base, 14px); font-weight: 500; color: var(--t3);
    background: #ffffff; border-bottom: 1px solid var(--bd);
    white-space: nowrap;
}
.dt th.c { text-align: center; }
.dt td {
    padding: 10px 12px; font-size: var(--fs-base, 14px); font-weight: 400; color: var(--t1);
    border-bottom: 1px solid var(--bg2); white-space: nowrap;
}
.dt td.c { text-align: center; }
.dt tbody tr:hover { background: rgba(var(--ac-rgb, 232,64,53), 0.06); }
.dt tbody tr.sel { background: rgba(232,64,53,0.06); }
.dt tbody tr.inactive { opacity: 0.45; }
.dt tbody tr { cursor: pointer; }

/* 뱃지 */
.bdg {
    display: inline-flex; align-items: center; gap: 4px;
    padding: 2px 8px; border-radius: 4px;
    font-size: var(--fs-2xs, 10px); font-weight: 500; border: 1px solid transparent;
}
.bdg-ok   { background: rgba(16,185,129,.08); color:#10b981; border-color:rgba(16,185,129,.2); }
.bdg-muted{ background: rgba(0,0,0,.04); color:var(--t3); border-color:var(--bd); }
.bdg-warn { background: rgba(245,158,11,.08); color:#f59e0b; border-color:rgba(245,158,11,.2); }
.bdg-err  { background: rgba(239,68,68,.08); color:#ef4444; border-color:rgba(239,68,68,.2); }
.bdg-ac   { background: rgba(232,64,53,.08); color:var(--ac); border-color:rgba(232,64,53,.2); }

/* 페이지네이션 버튼 */
button.pg-btn, .pg-btn {
    width: 28px; height: 28px; display: flex; align-items: center; justify-content: center;
    border: 1px solid var(--bd); border-radius: 4px;
    font-size: var(--fs-base, 14px); background: var(--bg1); color: var(--t2);
    cursor: pointer; font-family: inherit;
}
button.pg-btn:hover:not(:disabled), .pg-btn:hover:not(:disabled) { background: var(--bg3); color: var(--t1); }
button.pg-btn.a, .pg-btn.a { background: var(--ac); color: #fff; border-color: var(--ac); }
button.pg-btn:disabled, .pg-btn:disabled { opacity: 0.35; cursor: not-allowed; }

/* 필터 칩 */
.chip {
    display: flex; align-items: center; gap: 5px;
    padding: 0 10px; height: 33px;
    border: 1px solid var(--bd); border-radius: 4px;
    background: #fff; cursor: pointer; font-size: var(--fs-base, 14px); user-select: none;
}
.chip:hover { border-color: var(--t2); }

/* 패널 */
.v2-panel-overlay { position: fixed; inset: 0; z-index: 900; background: rgba(0,0,0,.25); }
.v2-panel {
    position: fixed; top: 0; right: 0; bottom: 0; width: 360px;
    z-index: 901; background: #fff;
    box-shadow: -8px 0 32px rgba(0,0,0,.12);
    display: flex; flex-direction: column;
}
.v2-panel-head {
    padding: 20px 20px 16px; border-bottom: 1px solid var(--bd);
    display: flex; align-items: center; justify-content: space-between;
}
.v2-panel-body { flex: 1; overflow-y: auto; padding: 0 20px; }
.v2-panel-foot {
    padding: 14px 20px; border-top: 1px solid var(--bd);
    display: flex; justify-content: flex-end; gap: 8px;
}

/* 소팅 아이콘 */
.sort-icon { opacity: 0.3; transition: opacity .15s; margin-left: 4px; display: inline; }
.sort-icon.a { opacity: 1; }
.file\:border-0::file-selector-button{ border-width: 0px; }
.file\:bg-transparent::file-selector-button{ background-color: transparent; }
.file\:text-sm::file-selector-button{ font-size: 0.875rem; line-height: 1.25rem; }
.file\:font-medium::file-selector-button{ font-weight: 500; }
.file\:text-foreground::file-selector-button{ color: hsl(var(--foreground)); }
.placeholder\:text-muted-foreground::placeholder{ color: hsl(var(--muted-foreground)); }
.after\:absolute::after{ content: var(--tw-content); position: absolute; }
.after\:left-\[2px\]::after{ content: var(--tw-content); left: 2px; }
.after\:top-\[2px\]::after{ content: var(--tw-content); top: 2px; }
.after\:h-5::after{ content: var(--tw-content); height: 1.25rem; }
.after\:w-5::after{ content: var(--tw-content); width: 1.25rem; }
.after\:rounded-full::after{ content: var(--tw-content); border-radius: 9999px; }
.after\:border::after{ content: var(--tw-content); border-width: 1px; }
.after\:border-gray-300::after{ content: var(--tw-content); --tw-border-opacity: 1; border-color: rgb(238 238 238 / var(--tw-border-opacity, 1)); }
.after\:bg-white::after{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }
.after\:transition-all::after{ content: var(--tw-content); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.after\:content-\[\'\'\]::after{ --tw-content: ''; content: var(--tw-content); }
.last\:border-b-0:last-child{ border-bottom-width: 0px; }
.hover\:-translate-y-0\.5:hover{ --tw-translate-y: -0.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\:scale-105:hover{ --tw-scale-x: 1.05; --tw-scale-y: 1.05; 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-blue-300:hover{ --tw-border-opacity: 1; border-color: rgb(147 197 253 / var(--tw-border-opacity, 1)); }
.hover\:border-blue-400:hover{ --tw-border-opacity: 1; border-color: rgb(96 165 250 / var(--tw-border-opacity, 1)); }
.hover\:border-blue-500:hover{ --tw-border-opacity: 1; border-color: rgb(61 138 253 / var(--tw-border-opacity, 1)); }
.hover\:border-gray-300:hover{ --tw-border-opacity: 1; border-color: rgb(238 238 238 / var(--tw-border-opacity, 1)); }
.hover\:border-gray-500:hover{ --tw-border-opacity: 1; border-color: rgb(107 114 128 / var(--tw-border-opacity, 1)); }
.hover\:bg-\[\#1f3a64\]:hover{ --tw-bg-opacity: 1; background-color: rgb(31 58 100 / var(--tw-bg-opacity, 1)); }
.hover\:bg-accent:hover{ background-color: hsl(var(--accent)); }
.hover\:bg-amber-100:hover{ --tw-bg-opacity: 1; background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1)); }
.hover\:bg-blue-100:hover{ --tw-bg-opacity: 1; background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1)); }
.hover\:bg-blue-200:hover{ --tw-bg-opacity: 1; background-color: rgb(191 219 254 / var(--tw-bg-opacity, 1)); }
.hover\:bg-blue-50:hover{ --tw-bg-opacity: 1; background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1)); }
.hover\:bg-blue-500:hover{ --tw-bg-opacity: 1; background-color: rgb(61 138 253 / var(--tw-bg-opacity, 1)); }
.hover\:bg-blue-600:hover{ --tw-bg-opacity: 1; background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1)); }
.hover\:bg-blue-700:hover{ --tw-bg-opacity: 1; background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1)); }
.hover\:bg-destructive\/80:hover{ background-color: hsl(var(--destructive) / 0.8); }
.hover\:bg-destructive\/90:hover{ background-color: hsl(var(--destructive) / 0.9); }
.hover\:bg-emerald-100:hover{ --tw-bg-opacity: 1; background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1)); }
.hover\:bg-gray-100:hover{ --tw-bg-opacity: 1; background-color: rgb(247 248 249 / var(--tw-bg-opacity, 1)); }
.hover\:bg-gray-200:hover{ background-color: #eeeeee80; }
.hover\:bg-gray-300:hover{ --tw-bg-opacity: 1; background-color: rgb(238 238 238 / var(--tw-bg-opacity, 1)); }
.hover\:bg-gray-300\/50:hover{ background-color: rgb(238 238 238 / 0.5); }
.hover\:bg-gray-300\/80:hover{ background-color: rgb(238 238 238 / 0.8); }
.hover\:bg-gray-50:hover{ --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); }
.hover\:bg-gray-800:hover{ --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); }
.hover\:bg-green-100:hover{ --tw-bg-opacity: 1; background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1)); }
.hover\:bg-green-50:hover{ --tw-bg-opacity: 1; background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1)); }
.hover\:bg-green-600:hover{ --tw-bg-opacity: 1; background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1)); }
.hover\:bg-green-700:hover{ --tw-bg-opacity: 1; background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1)); }
.hover\:bg-lightgray\/50:hover{ background-color: rgb(217 217 217 / 0.5); }
.hover\:bg-muted\/50:hover{ background-color: hsl(var(--muted) / 0.5); }
.hover\:bg-orange-500\/80:hover{ background-color: rgb(249 115 22 / 0.8); }
.hover\:bg-orange-600:hover{ --tw-bg-opacity: 1; background-color: rgb(234 88 12 / var(--tw-bg-opacity, 1)); }
.hover\:bg-pink-100:hover{ --tw-bg-opacity: 1; background-color: rgb(252 231 243 / var(--tw-bg-opacity, 1)); }
.hover\:bg-pink-700:hover{ --tw-bg-opacity: 1; background-color: rgb(190 24 93 / var(--tw-bg-opacity, 1)); }
.hover\:bg-primary\/80:hover{ background-color: hsl(var(--primary) / 0.8); }
.hover\:bg-primary\/90:hover{ background-color: hsl(var(--primary) / 0.9); }
.hover\:bg-purple-100:hover{ --tw-bg-opacity: 1; background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1)); }
.hover\:bg-purple-700:hover{ --tw-bg-opacity: 1; background-color: rgb(126 34 206 / var(--tw-bg-opacity, 1)); }
.hover\:bg-red-100:hover{ --tw-bg-opacity: 1; background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1)); }
.hover\:bg-red-50:hover{ --tw-bg-opacity: 1; background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1)); }
.hover\:bg-red-600:hover{ --tw-bg-opacity: 1; background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1)); }
.hover\:bg-red-700:hover{ --tw-bg-opacity: 1; background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1)); }
.hover\:bg-secondary\/80:hover{ background-color: hsl(var(--secondary) / 0.8); }
.hover\:bg-slate-50:hover{ --tw-bg-opacity: 1; background-color: rgb(248 250 252 / 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\:bg-white\/20:hover{ background-color: rgb(255 255 255 / 0.2); }
.hover\:bg-white\/50:hover{ background-color: rgb(255 255 255 / 0.5); }
.hover\:bg-yellow-100:hover{ --tw-bg-opacity: 1; background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1)); }
.hover\:text-accent-foreground:hover{ color: hsl(var(--accent-foreground)); }
.hover\:text-blue-500:hover{ --tw-text-opacity: 1; color: rgb(61 138 253 / var(--tw-text-opacity, 1)); }
.hover\:text-blue-600:hover{ --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity, 1)); }
.hover\:text-blue-800:hover{ --tw-text-opacity: 1; color: rgb(30 64 175 / var(--tw-text-opacity, 1)); }
.hover\:text-foreground:hover{ color: hsl(var(--foreground)); }
.hover\:text-gray-600:hover{ --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity, 1)); }
.hover\:text-gray-700:hover{ --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity, 1)); }
.hover\:text-gray-800:hover{ --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity, 1)); }
.hover\:text-gray-900:hover{ --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity, 1)); }
.hover\:text-green-600:hover{ --tw-text-opacity: 1; color: rgb(22 163 74 / var(--tw-text-opacity, 1)); }
.hover\:text-red-500:hover{ --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity, 1)); }
.hover\:text-red-600:hover{ --tw-text-opacity: 1; color: rgb(220 38 38 / var(--tw-text-opacity, 1)); }
.hover\:text-red-700:hover{ --tw-text-opacity: 1; color: rgb(185 28 28 / var(--tw-text-opacity, 1)); }
.hover\:text-white:hover{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
.hover\:underline:hover{ text-decoration-line: underline; }
.hover\:opacity-100:hover{ opacity: 1; }
.hover\:shadow-lg:hover{ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --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); }
.hover\:shadow-md:hover{ --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --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); }
.hover\:shadow-sm:hover{ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --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); }
.focus\:border:focus{ border-width: 1px; }
.focus\:border-blue-400:focus{ --tw-border-opacity: 1; border-color: rgb(96 165 250 / var(--tw-border-opacity, 1)); }
.focus\:border-blue-500:focus{ --tw-border-opacity: 1; border-color: rgb(61 138 253 / var(--tw-border-opacity, 1)); }
.focus\:bg-accent:focus{ background-color: hsl(var(--accent)); }
.focus\:bg-white:focus{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }
.focus\:text-accent-foreground:focus{ color: hsl(var(--accent-foreground)); }
.focus\:text-red-600:focus{ --tw-text-opacity: 1; color: rgb(220 38 38 / var(--tw-text-opacity, 1)); }
.focus\:text-white:focus{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
.focus\:outline-none:focus{ outline: 2px solid transparent; outline-offset: 2px; }
.focus\:ring-1: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(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); }
.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-blue-200:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity, 1)); }
.focus\:ring-blue-500:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(61 138 253 / var(--tw-ring-opacity, 1)); }
.focus\:ring-green-500:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity, 1)); }
.focus\:ring-ring:focus{ --tw-ring-color: hsl(var(--ring)); }
.focus\:ring-offset-2:focus{ --tw-ring-offset-width: 2px; }
.focus-visible\:outline-none:focus-visible{ outline: 2px solid transparent; outline-offset: 2px; }
.focus-visible\:ring-0: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(0px + 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-1: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(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); }
.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-ring:focus-visible{ --tw-ring-color: hsl(var(--ring)); }
.focus-visible\:ring-offset-0:focus-visible{ --tw-ring-offset-width: 0px; }
.focus-visible\:ring-offset-2:focus-visible{ --tw-ring-offset-width: 2px; }
.active\:scale-95:active{ --tw-scale-x: .95; --tw-scale-y: .95; 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)); }
.disabled\:pointer-events-none:disabled{ pointer-events: none; }
.disabled\:cursor-not-allowed:disabled{ cursor: not-allowed; }
.disabled\:bg-blue-300:disabled{ --tw-bg-opacity: 1; background-color: rgb(147 197 253 / var(--tw-bg-opacity, 1)); }
.disabled\:bg-gray-100:disabled{ --tw-bg-opacity: 1; background-color: rgb(247 248 249 / var(--tw-bg-opacity, 1)); }
.disabled\:bg-gray-50:disabled{ --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); }
.disabled\:text-gray-400:disabled{ --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); }
.disabled\:opacity-50:disabled{ opacity: 0.5; }
.group\/carousel:hover .group-hover\/carousel\:opacity-100{ opacity: 1; }
.group:hover .group-hover\:opacity-100{ opacity: 1; }
.peer:checked ~ .peer-checked\:after\:translate-x-full::after{ content: var(--tw-content); --tw-translate-x: 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)); }
.peer:disabled ~ .peer-disabled\:cursor-not-allowed{ cursor: not-allowed; }
.peer:disabled ~ .peer-disabled\:opacity-70{ opacity: 0.7; }
.data-\[disabled\]\:pointer-events-none[data-disabled]{ pointer-events: none; }
.data-\[side\=bottom\]\:translate-y-1[data-side="bottom"]{ --tw-translate-y: 0.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)); }
.data-\[side\=left\]\:-translate-x-1[data-side="left"]{ --tw-translate-x: -0.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)); }
.data-\[side\=right\]\:translate-x-1[data-side="right"]{ --tw-translate-x: 0.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)); }
.data-\[side\=top\]\:-translate-y-1[data-side="top"]{ --tw-translate-y: -0.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)); }
.data-\[state\=checked\]\:border-blue-500[data-state="checked"]{ --tw-border-opacity: 1; border-color: rgb(61 138 253 / var(--tw-border-opacity, 1)); }
.data-\[state\=checked\]\:border-blue-600[data-state="checked"]{ --tw-border-opacity: 1; border-color: rgb(37 99 235 / var(--tw-border-opacity, 1)); }
.data-\[state\=indeterminate\]\:border-blue-500[data-state="indeterminate"]{ --tw-border-opacity: 1; border-color: rgb(61 138 253 / var(--tw-border-opacity, 1)); }
.data-\[state\=active\]\:bg-background[data-state="active"]{ background-color: hsl(var(--background)); }
.data-\[state\=checked\]\:bg-blue-500[data-state="checked"]{ --tw-bg-opacity: 1; background-color: rgb(61 138 253 / var(--tw-bg-opacity, 1)); }
.data-\[state\=checked\]\:bg-blue-600[data-state="checked"]{ --tw-bg-opacity: 1; background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1)); }
.data-\[state\=checked\]\:bg-white[data-state="checked"]{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }
.data-\[state\=indeterminate\]\:bg-white[data-state="indeterminate"]{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }
.data-\[state\=open\]\:bg-accent[data-state="open"]{ background-color: hsl(var(--accent)); }
.data-\[state\=open\]\:bg-secondary[data-state="open"]{ background-color: hsl(var(--secondary)); }
.data-\[state\=selected\]\:bg-muted[data-state="selected"]{ background-color: hsl(var(--muted)); }
.data-\[state\=active\]\:text-foreground[data-state="active"]{ color: hsl(var(--foreground)); }
.data-\[state\=checked\]\:text-\[\#1f3a64\][data-state="checked"]{ --tw-text-opacity: 1; color: rgb(31 58 100 / var(--tw-text-opacity, 1)); }
.data-\[state\=checked\]\:text-white[data-state="checked"]{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
.data-\[state\=open\]\:text-muted-foreground[data-state="open"]{ color: hsl(var(--muted-foreground)); }
.data-\[state\=unchecked\]\:text-white[data-state="unchecked"]{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
.data-\[disabled\]\:opacity-50[data-disabled]{ opacity: 0.5; }
.data-\[state\=active\]\:shadow[data-state="active"]{ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -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); }
.data-\[state\=closed\]\:duration-300[data-state="closed"]{ transition-duration: 300ms; }
.data-\[state\=open\]\:duration-500[data-state="open"]{ transition-duration: 500ms; }
.data-\[state\=open\]\:animate-in[data-state="open"]{ animation-name: enter; animation-duration: 150ms; --tw-enter-opacity: initial; --tw-enter-scale: initial; --tw-enter-rotate: initial; --tw-enter-translate-x: initial; --tw-enter-translate-y: initial; }
.data-\[state\=closed\]\:animate-out[data-state="closed"]{ animation-name: exit; animation-duration: 150ms; --tw-exit-opacity: initial; --tw-exit-scale: initial; --tw-exit-rotate: initial; --tw-exit-translate-x: initial; --tw-exit-translate-y: initial; }
.data-\[state\=closed\]\:fade-out-0[data-state="closed"]{ --tw-exit-opacity: 0; }
.data-\[state\=open\]\:fade-in-0[data-state="open"]{ --tw-enter-opacity: 0; }
.data-\[state\=closed\]\:zoom-out-95[data-state="closed"]{ --tw-exit-scale: .95; }
.data-\[state\=open\]\:zoom-in-95[data-state="open"]{ --tw-enter-scale: .95; }
.data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"]{ --tw-enter-translate-y: -0.5rem; }
.data-\[side\=left\]\:slide-in-from-right-2[data-side="left"]{ --tw-enter-translate-x: 0.5rem; }
.data-\[side\=right\]\:slide-in-from-left-2[data-side="right"]{ --tw-enter-translate-x: -0.5rem; }
.data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"]{ --tw-enter-translate-y: 0.5rem; }
.data-\[state\=closed\]\:slide-out-to-bottom[data-state="closed"]{ --tw-exit-translate-y: 100%; }
.data-\[state\=closed\]\:slide-out-to-left[data-state="closed"]{ --tw-exit-translate-x: -100%; }
.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state="closed"]{ --tw-exit-translate-x: -50%; }
.data-\[state\=closed\]\:slide-out-to-right[data-state="closed"]{ --tw-exit-translate-x: 100%; }
.data-\[state\=closed\]\:slide-out-to-top[data-state="closed"]{ --tw-exit-translate-y: -100%; }
.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state="closed"]{ --tw-exit-translate-y: -48%; }
.data-\[state\=open\]\:slide-in-from-bottom[data-state="open"]{ --tw-enter-translate-y: 100%; }
.data-\[state\=open\]\:slide-in-from-left[data-state="open"]{ --tw-enter-translate-x: -100%; }
.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state="open"]{ --tw-enter-translate-x: -50%; }
.data-\[state\=open\]\:slide-in-from-right[data-state="open"]{ --tw-enter-translate-x: 100%; }
.data-\[state\=open\]\:slide-in-from-top[data-state="open"]{ --tw-enter-translate-y: -100%; }
.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state="open"]{ --tw-enter-translate-y: -48%; }
.data-\[state\=closed\]\:duration-300[data-state="closed"]{ animation-duration: 300ms; }
.data-\[state\=open\]\:duration-500[data-state="open"]{ animation-duration: 500ms; }
@media (min-width: 640px){

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

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

 .sm\:mb-2{ margin-bottom: 0.5rem; }

 .sm\:mb-6{ margin-bottom: 1.5rem; }

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

 .sm\:mr-2{ margin-right: 0.5rem; }

 .sm\:mt-0{ margin-top: 0px; }

 .sm\:mt-10{ margin-top: 2.5rem; }

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

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

 .sm\:inline{ display: inline; }

 .sm\:flex{ display: flex; }

 .sm\:hidden{ display: none; }

 .sm\:h-10{ height: 2.5rem; }

 .sm\:h-4{ height: 1rem; }

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

 .sm\:w-10{ width: 2.5rem; }

 .sm\:w-28{ width: 7rem; }

 .sm\:w-4{ width: 1rem; }

 .sm\:w-40{ width: 10rem; }

 .sm\:w-64{ width: 16rem; }

 .sm\:w-72{ width: 18rem; }

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

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

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

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

 .sm\:w-auto{ width: auto; }

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

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

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

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

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

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

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

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

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

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

 .sm\:flex-none{ flex: none; }

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

 .sm\:flex-row{ flex-direction: row; }

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

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

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

 .sm\:gap-0{ gap: 0px; }

 .sm\:gap-10{ gap: 2.5rem; }

 .sm\:gap-2{ gap: 0.5rem; }

 .sm\:gap-4{ gap: 1rem; }

 .sm\:gap-6{ gap: 1.5rem; }

 .sm\:gap-x-2{ column-gap: 0.5rem; }

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

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

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

 .sm\:rounded-lg{ border-radius: var(--radius); }

 .sm\:p-6{ padding: 1.5rem; }

 .sm\:px-12{ padding-left: 3rem; padding-right: 3rem; }

 .sm\:px-2{ padding-left: 0.5rem; padding-right: 0.5rem; }

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

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

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

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

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

 .sm\:text-xl{ font-size: 1.25rem; line-height: 1.75rem; } }
@media (min-width: 768px){

 .md\:mb-10{ margin-bottom: 2.5rem; }

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

 .md\:block{ display: block; }

 .md\:inline{ display: inline; }

 .md\:h-12{ height: 3rem; }

 .md\:w-12{ width: 3rem; }

 .md\:w-40{ width: 10rem; }

 .md\:w-auto{ width: auto; }

 .md\:flex-1{ flex: 1 1 0%; }

 .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\:flex-row{ flex-direction: row; }

 .md\:gap-6{ gap: 1.5rem; }

 .md\:p-8{ padding: 2rem; }

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

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

 .md\:text-sm{ font-size: 0.875rem; line-height: 1.25rem; }

 .md\:text-xl{ font-size: 1.25rem; line-height: 1.75rem; } }
@media (min-width: 1024px){

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

 .lg\:mb-0{ margin-bottom: 0px; }

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

 .lg\:mt-0{ margin-top: 0px; }

 .lg\:flex{ display: flex; }

 .lg\:h-full{ height: 100%; }

 .lg\:w-32{ width: 8rem; }

 .lg\:w-64{ width: 16rem; }

 .lg\:flex-initial{ flex: 0 1 auto; }

 .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-\[1fr_auto_1fr\]{ grid-template-columns: 1fr auto 1fr; }

 .lg\:flex-row{ flex-direction: row; }

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

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

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

 .lg\:border-b-0{ border-bottom-width: 0px; }

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

 .lg\:p-3{ padding: 0.75rem; }

 .lg\:px-3{ padding-left: 0.75rem; padding-right: 0.75rem; }

 .lg\:px-40{ padding-left: 10rem; padding-right: 10rem; }

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

 .lg\:text-2xl{ font-size: 1.5rem; line-height: 2rem; } }
@media (min-width: 1280px){

 .xl\:mb-6{ margin-bottom: 1.5rem; }

 .xl\:w-60{ width: 15rem; }

 .xl\:w-72{ width: 18rem; }

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

 .xl\:flex-row{ flex-direction: row; }

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

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

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

 .xl\:pl-10{ padding-left: 2.5rem; } }
@media (min-width: 1536px){

 .\32xl\:p-10{ padding: 2.5rem; }

 .\32xl\:px-10{ padding-left: 2.5rem; padding-right: 2.5rem; } }
.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{ display: none; }
.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){ padding-right: 0px; }
.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{ --tw-translate-y: 2px; 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)); }
.\[\&\>span\]\:line-clamp-1>span{
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1; }
.\[\&\>svg\]\:size-4>svg{ width: 1rem; height: 1rem; }
.\[\&\>svg\]\:shrink-0>svg{ flex-shrink: 0; }
.\[\&\>tr\]\:last\:border-b-0:last-child>tr{ border-bottom-width: 0px; }
.\[\&_svg\]\:pointer-events-none svg{ pointer-events: none; }
.\[\&_svg\]\:size-4 svg{ width: 1rem; height: 1rem; }
.\[\&_svg\]\:shrink-0 svg{ flex-shrink: 0; }
.\[\&_tr\:last-child\]\:border-0 tr:last-child{ border-width: 0px; }
.\[\&_tr\]\:border-b tr{ border-bottom-width: 1px; }