@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&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(59 130 246 / .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(59 130 246 / .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: ; }
*, ::before, ::after { box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 231, 235); }
::before, ::after { --tw-content: ""; }
html, :host { line-height: 1.5; text-size-adjust: 100%; tab-size: 4; font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent; }
body { margin: 0px; line-height: inherit; }
hr { height: 0px; color: inherit; border-top-width: 1px; }
abbr:where([title]) { text-decoration: underline dotted; }
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }
a { color: inherit; text-decoration: inherit; }
b, strong { font-weight: bolder; }
code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-feature-settings: normal; font-variation-settings: normal; font-size: 1em; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
table { text-indent: 0px; border-color: inherit; border-collapse: collapse; }
button, input, optgroup, select, textarea { font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0px; padding: 0px; }
button, select { text-transform: none; }
button, input:where([type="button"]), input:where([type="reset"]), input:where([type="submit"]) { appearance: button; background-color: transparent; background-image: none; }
progress { vertical-align: baseline; }
::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; }
[type="search"] { appearance: textfield; outline-offset: -2px; }
::-webkit-search-decoration { appearance: none; }
::-webkit-file-upload-button { appearance: button; font: inherit; }
summary { display: list-item; }
blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0px; }
fieldset { margin: 0px; padding: 0px; }
legend { padding: 0px; }
ol, ul, menu { list-style: none; margin: 0px; padding: 0px; }
dialog { padding: 0px; }
textarea { resize: vertical; }
input::placeholder, textarea::placeholder { opacity: 1; color: rgb(156, 163, 175); }
button, [role="button"] { cursor: pointer; }
:disabled { cursor: default; }
img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; }
img, video { max-width: 100%; height: auto; }
[hidden]:where(:not([hidden="until-found"])) { display: none; }
:root { --background: 218 35% 88%; --foreground: 230 25% 18%; --card: 0 0% 100%; --card-foreground: 230 25% 18%; --popover: 0 0% 100%; --popover-foreground: 230 25% 18%; --primary: 217 91% 60%; --primary-foreground: 0 0% 100%; --secondary: 220 20% 94%; --secondary-foreground: 230 25% 18%; --muted: 220 18% 92%; --muted-foreground: 220 12% 50%; --accent: 263 70% 50%; --accent-foreground: 0 0% 100%; --destructive: 0 84% 60%; --destructive-foreground: 0 0% 100%; --border: 220 15% 88%; --input: 220 15% 88%; --ring: 217 91% 60%; --radius: .75rem; }
* { border-color: hsl(var(--border)); }
html { scroll-behavior: smooth; }
body { font-family: Inter, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif; color: hsl(var(--foreground)); background-color: rgb(214, 224, 240); overflow-x: hidden; -webkit-font-smoothing: antialiased; }
::selection { background: rgba(59, 130, 246, 0.2); color: rgb(26, 29, 46); }
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(59, 130, 246, 0.2); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: rgba(59, 130, 246, 0.35); }
.\!container { width: 100% !important; }
.container { width: 100%; }
@media (min-width: 640px) {
  .\!container { max-width: 640px !important; }
  .container { max-width: 640px; }
}
@media (min-width: 768px) {
  .\!container { max-width: 768px !important; }
  .container { max-width: 768px; }
}
@media (min-width: 1024px) {
  .\!container { max-width: 1024px !important; }
  .container { max-width: 1024px; }
}
@media (min-width: 1280px) {
  .\!container { max-width: 1280px !important; }
  .container { max-width: 1280px; }
}
@media (min-width: 1536px) {
  .\!container { max-width: 1536px !important; }
  .container { max-width: 1536px; }
}
.page-container { min-height: 100vh; padding-top: 64px; color: rgb(42, 47, 66); }
.card-white { background: rgba(255, 255, 255, 0.82); border: 1px solid rgba(200, 210, 230, 0.5); border-radius: 16px; box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 2px, rgba(0, 0, 0, 0.02) 0px 4px 16px, rgba(255, 255, 255, 0.6) 0px 0px 0px 1px inset; transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); backdrop-filter: blur(16px) saturate(1.2); }
.card-white:hover { background: rgba(255, 255, 255, 0.9); box-shadow: rgba(0, 0, 0, 0.04) 0px 4px 12px, rgba(0, 0, 0, 0.04) 0px 16px 40px, rgba(59, 130, 246, 0.1) 0px 0px 0px 1px; transform: translateY(-2px); border-color: rgba(59, 130, 246, 0.15); }
.text-gradient-green { background: linear-gradient(135deg, rgb(59, 130, 246), rgb(37, 99, 235)) text; -webkit-text-fill-color: transparent; }
.btn-primary { display: inline-flex; align-items: center; gap: 8px; padding: 14px 32px; font-size: 15px; font-weight: 600; color: rgb(255, 255, 255); background: linear-gradient(135deg, rgb(59, 130, 246), rgb(37, 99, 235)); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 12px; cursor: pointer; transition: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); letter-spacing: 0.02em; box-shadow: rgba(59, 130, 246, 0.25) 0px 2px 10px; }
.btn-primary:hover { transform: translateY(-2px); box-shadow: rgba(59, 130, 246, 0.35) 0px 8px 28px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border-width: 0px; }
.pointer-events-none { pointer-events: none; }
.visible { visibility: visible; }
.invisible { visibility: hidden; }
.collapse { visibility: collapse; }
.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-12 { bottom: -3rem; }
.-left-12 { left: -3rem; }
.-right-12 { right: -3rem; }
.-top-12 { top: -3rem; }
.bottom-0 { bottom: 0px; }
.left-0 { left: 0px; }
.left-1\/2 { left: 50%; }
.left-2 { left: 0.5rem; }
.left-\[50\%\] { left: 50%; }
.right-0 { right: 0px; }
.right-1 { right: 0.25rem; }
.right-2 { right: 0.5rem; }
.right-3 { right: 0.75rem; }
.right-4 { right: 1rem; }
.top-0 { top: 0px; }
.top-1\.5 { top: 0.375rem; }
.top-1\/2 { top: 50%; }
.top-3\.5 { top: 0.875rem; }
.top-4 { top: 1rem; }
.top-\[1px\] { top: 1px; }
.top-\[50\%\] { top: 50%; }
.top-\[60\%\] { top: 60%; }
.top-full { top: 100%; }
.isolate { isolation: isolate; }
.z-10 { z-index: 10; }
.z-20 { z-index: 20; }
.z-50 { z-index: 50; }
.z-\[1\] { z-index: 1; }
.order-first { order: -9999; }
.order-last { order: 9999; }
.col-start-2 { grid-column-start: 2; }
.row-span-2 { grid-row: span 2 / span 2; }
.row-start-1 { grid-row-start: 1; }
.\!m-0 { margin: 0px !important; }
.-mx-1 { margin-left: -0.25rem; margin-right: -0.25rem; }
.-my-2 { margin-top: -0.5rem; margin-bottom: -0.5rem; }
.mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; }
.mx-3\.5 { margin-left: 0.875rem; margin-right: 0.875rem; }
.mx-auto { margin-left: auto; margin-right: auto; }
.my-0 { margin-top: 0px; margin-bottom: 0px; }
.my-0\.5 { margin-top: 0.125rem; margin-bottom: 0.125rem; }
.my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; }
.-ml-4 { margin-left: -1rem; }
.-mt-4 { margin-top: -1rem; }
.mb-2 { margin-bottom: 0.5rem; }
.mb-3 { margin-bottom: 0.75rem; }
.ml-1 { margin-left: 0.25rem; }
.ml-4 { margin-left: 1rem; }
.ml-auto { margin-left: auto; }
.mt-1\.5 { margin-top: 0.375rem; }
.mt-2 { margin-top: 0.5rem; }
.mt-4 { margin-top: 1rem; }
.mt-auto { margin-top: auto; }
.line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.block { display: block; }
.inline-block { display: inline-block; }
.inline { display: inline; }
.flex { display: flex; }
.inline-flex { display: inline-flex; }
.table { display: table; }
.table-caption { display: table-caption; }
.table-cell { display: table-cell; }
.table-row { display: table-row; }
.grid { display: grid; }
.hidden { display: none; }
.aspect-square { aspect-ratio: 1 / 1; }
.aspect-video { aspect-ratio: 16 / 9; }
.size-10 { width: 2.5rem; height: 2.5rem; }
.size-2 { width: 0.5rem; height: 0.5rem; }
.size-2\.5 { width: 0.625rem; height: 0.625rem; }
.size-3 { width: 0.75rem; height: 0.75rem; }
.size-3\.5 { width: 0.875rem; height: 0.875rem; }
.size-4 { width: 1rem; height: 1rem; }
.size-6 { width: 1.5rem; height: 1.5rem; }
.size-7 { width: 1.75rem; height: 1.75rem; }
.size-8 { width: 2rem; height: 2rem; }
.size-9 { width: 2.25rem; height: 2.25rem; }
.size-auto { width: auto; height: auto; }
.size-full { width: 100%; height: 100%; }
.h-1\.5 { height: 0.375rem; }
.h-10 { height: 2.5rem; }
.h-12 { height: 3rem; }
.h-2 { height: 0.5rem; }
.h-2\.5 { height: 0.625rem; }
.h-4 { height: 1rem; }
.h-5 { height: 1.25rem; }
.h-6 { height: 1.5rem; }
.h-7 { height: 1.75rem; }
.h-8 { height: 2rem; }
.h-9 { height: 2.25rem; }
.h-\[1\.15rem\] { height: 1.15rem; }
.h-\[calc\(100\%-1px\)\] { height: calc(100% - 1px); }
.h-\[var\(--radix-navigation-menu-viewport-height\)\] { height: var(--radix-navigation-menu-viewport-height); }
.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-svh { height: 100svh; }
.max-h-\[300px\] { max-height: 300px; }
.min-h-0 { min-height: 0px; }
.min-h-16 { min-height: 4rem; }
.min-h-4 { min-height: 1rem; }
.min-h-svh { min-height: 100svh; }
.w-0 { width: 0px; }
.w-1 { width: 0.25rem; }
.w-2 { width: 0.5rem; }
.w-2\.5 { width: 0.625rem; }
.w-3 { width: 0.75rem; }
.w-3\/4 { width: 75%; }
.w-4 { width: 1rem; }
.w-5 { width: 1.25rem; }
.w-64 { width: 16rem; }
.w-72 { width: 18rem; }
.w-8 { width: 2rem; }
.w-9 { width: 2.25rem; }
.w-\[100px\] { width: 100px; }
.w-auto { width: auto; }
.w-fit { width: fit-content; }
.w-full { width: 100%; }
.w-max { width: max-content; }
.w-px { width: 1px; }
.min-w-0 { min-width: 0px; }
.min-w-10 { min-width: 2.5rem; }
.min-w-5 { min-width: 1.25rem; }
.min-w-8 { min-width: 2rem; }
.min-w-9 { min-width: 2.25rem; }
.min-w-\[12rem\] { min-width: 12rem; }
.min-w-\[8rem\] { min-width: 8rem; }
.min-w-\[var\(--radix-select-trigger-width\)\] { min-width: var(--radix-select-trigger-width); }
.max-w-\[calc\(100\%-2rem\)\] { max-width: calc(100% - 2rem); }
.max-w-max { max-width: max-content; }
.max-w-sm { max-width: 24rem; }
.flex-1 { flex: 1 1 0%; }
.shrink-0 { flex-shrink: 0; }
.grow { flex-grow: 1; }
.grow-0 { flex-grow: 0; }
.basis-full { flex-basis: 100%; }
.caption-bottom { caption-side: bottom; }
.border-collapse { border-collapse: collapse; }
.-translate-x-1\/2 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.-translate-x-px { --tw-translate-x: -1px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(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)) skew(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)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.translate-x-px { --tw-translate-x: 1px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.translate-y-0\.5 { --tw-translate-y: .125rem; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(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)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.translate-y-\[calc\(-50\%_-_2px\)\] { --tw-translate-y: calc(-50% - 2px); transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.rotate-45 { --tw-rotate: 45deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(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)) skew(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)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
@keyframes caret-blink { 
  0%, 70%, 100% { opacity: 1; }
  20%, 50% { opacity: 0; }
}
.animate-caret-blink { animation: 1.25s ease-out 0s infinite normal none running caret-blink; }
@keyframes pulse { 
  50% { opacity: 0.5; }
}
.animate-pulse { animation: 2s cubic-bezier(0.4, 0, 0.6, 1) 0s infinite normal none running pulse; }
@keyframes spin { 
  100% { transform: rotate(360deg); }
}
.animate-spin { animation: 1s linear 0s infinite normal none running spin; }
.cursor-default { cursor: default; }
.cursor-text { cursor: text; }
.touch-none { touch-action: none; }
.select-none { user-select: none; }
.resize-none { resize: none; }
.resize { resize: both; }
.scroll-my-1 { scroll-margin-top: 0.25rem; scroll-margin-bottom: 0.25rem; }
.scroll-py-1 { scroll-padding-top: 0.25rem; scroll-padding-bottom: 0.25rem; }
.list-disc { list-style-type: disc; }
.list-none { list-style-type: none; }
.auto-rows-min { grid-auto-rows: min-content; }
.grid-cols-\[0_1fr\] { grid-template-columns: 0px 1fr; }
.grid-rows-\[auto_auto\] { grid-template-rows: auto auto; }
.flex-row { flex-direction: row; }
.flex-col { flex-direction: column; }
.flex-col-reverse { flex-direction: column-reverse; }
.flex-wrap { flex-wrap: wrap; }
.place-content-center { place-content: center; }
.items-start { align-items: flex-start; }
.items-end { align-items: flex-end; }
.items-center { align-items: center; }
.items-stretch { align-items: stretch; }
.justify-start { justify-content: flex-start; }
.justify-center { justify-content: center; }
.justify-between { justify-content: space-between; }
.justify-items-start { justify-items: start; }
.gap-0\.5 { gap: 0.125rem; }
.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-6 { gap: 1.5rem; }
.gap-7 { gap: 1.75rem; }
.gap-\[--spacing\(var\(--gap\)\)\] { }
.gap-y-0\.5 { row-gap: 0.125rem; }
.self-start { align-self: flex-start; }
.self-stretch { align-self: stretch; }
.justify-self-end { justify-self: end; }
.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; }
.whitespace-nowrap { white-space: nowrap; }
.text-balance { text-wrap: balance; }
.break-words { overflow-wrap: break-word; }
.rounded-\[2px\] { border-radius: 2px; }
.rounded-\[4px\] { border-radius: 4px; }
.rounded-\[calc\(var\(--radius\)-5px\)\] { border-radius: calc(var(--radius) - 5px); }
.rounded-\[inherit\] { border-radius: inherit; }
.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: calc(var(--radius) + 4px); }
.rounded-xs { border-radius: calc(var(--radius) - 6px); }
.rounded-l-md { border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); }
.rounded-r-md { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); }
.rounded-tl-sm { border-top-left-radius: calc(var(--radius) - 4px); }
.border { border-width: 1px; }
.border-0 { border-width: 0px; }
.border-\[1\.5px\] { border-width: 1.5px; }
.border-y { border-top-width: 1px; border-bottom-width: 1px; }
.border-b { border-bottom-width: 1px; }
.border-l { border-left-width: 1px; }
.border-r { border-right-width: 1px; }
.border-t { border-top-width: 1px; }
.border-dashed { border-style: dashed; }
.border-border { border-color: hsl(var(--border)); }
.border-border\/50 { border-color: hsl(var(--border) / .5); }
.border-input { border-color: hsl(var(--input)); }
.border-primary { border-color: hsl(var(--primary)); }
.border-sidebar-border { border-color: hsl(var(--sidebar-border)); }
.border-transparent { border-color: transparent; }
.border-l-transparent { border-left-color: transparent; }
.border-t-transparent { border-top-color: transparent; }
.bg-accent { background-color: hsl(var(--accent)); }
.bg-background { background-color: hsl(var(--background)); }
.bg-black\/50 { background-color: rgba(0, 0, 0, 0.5); }
.bg-border { background-color: hsl(var(--border)); }
.bg-card { background-color: hsl(var(--card)); }
.bg-destructive { --tw-bg-opacity: 1; background-color: hsl(var(--destructive) / var(--tw-bg-opacity, 1)); }
.bg-foreground { background-color: hsl(var(--foreground)); }
.bg-input { background-color: hsl(var(--input)); }
.bg-muted { background-color: hsl(var(--muted)); }
.bg-muted\/50 { background-color: hsl(var(--muted) / .5); }
.bg-popover { background-color: hsl(var(--popover)); }
.bg-primary { background-color: hsl(var(--primary)); }
.bg-primary\/20 { background-color: hsl(var(--primary) / .2); }
.bg-secondary { background-color: hsl(var(--secondary)); }
.bg-sidebar { background-color: hsl(var(--sidebar-background)); }
.bg-sidebar-border { background-color: hsl(var(--sidebar-border)); }
.bg-transparent { background-color: transparent; }
.bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }
.fill-current { fill: currentcolor; }
.fill-foreground { fill: hsl(var(--foreground)); }
.fill-primary { fill: hsl(var(--primary)); }
.p-0 { padding: 0px; }
.p-1 { padding: 0.25rem; }
.p-2 { padding: 0.5rem; }
.p-3 { padding: 0.75rem; }
.p-4 { padding: 1rem; }
.p-6 { padding: 1.5rem; }
.p-\[3px\] { padding: 3px; }
.p-px { padding: 1px; }
.px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
.px-1\.5 { padding-left: 0.375rem; padding-right: 0.375rem; }
.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-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
.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-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; }
.pb-3 { padding-bottom: 0.75rem; }
.pb-4 { padding-bottom: 1rem; }
.pl-2 { padding-left: 0.5rem; }
.pl-3 { padding-left: 0.75rem; }
.pl-4 { padding-left: 1rem; }
.pl-8 { padding-left: 2rem; }
.pr-1 { padding-right: 0.25rem; }
.pr-2 { padding-right: 0.5rem; }
.pr-2\.5 { padding-right: 0.625rem; }
.pr-3 { padding-right: 0.75rem; }
.pr-8 { padding-right: 2rem; }
.pt-0 { padding-top: 0px; }
.pt-3 { padding-top: 0.75rem; }
.pt-4 { padding-top: 1rem; }
.text-left { text-align: left; }
.text-center { text-align: center; }
.align-middle { vertical-align: middle; }
.font-mono { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
.font-sans { font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }
.text-\[0\.8rem\] { font-size: 0.8rem; }
.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-sm\/relaxed { font-size: 0.875rem; line-height: 1.625; }
.text-xs { font-size: 0.75rem; line-height: 1rem; }
.font-medium { font-weight: 500; }
.font-normal { font-weight: 400; }
.font-semibold { font-weight: 600; }
.uppercase { text-transform: uppercase; }
.italic { font-style: italic; }
.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-normal { line-height: 1.5; }
.leading-snug { line-height: 1.375; }
.tracking-tight { letter-spacing: -0.025em; }
.tracking-widest { letter-spacing: 0.1em; }
.text-accent-foreground { color: hsl(var(--accent-foreground)); }
.text-background { color: hsl(var(--background)); }
.text-card-foreground { color: hsl(var(--card-foreground)); }
.text-current { color: currentcolor; }
.text-destructive { --tw-text-opacity: 1; color: hsl(var(--destructive) / var(--tw-text-opacity, 1)); }
.text-foreground { color: hsl(var(--foreground)); }
.text-muted-foreground { color: hsl(var(--muted-foreground)); }
.text-popover-foreground { color: hsl(var(--popover-foreground)); }
.text-primary { color: hsl(var(--primary)); }
.text-primary-foreground { color: hsl(var(--primary-foreground)); }
.text-secondary-foreground { color: hsl(var(--secondary-foreground)); }
.text-sidebar-foreground { color: hsl(var(--sidebar-foreground)); }
.text-sidebar-foreground\/70 { color: hsl(var(--sidebar-foreground) / .7); }
.text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
.underline-offset-4 { text-underline-offset: 4px; }
.opacity-0 { opacity: 0; }
.opacity-50 { opacity: 0.5; }
.opacity-70 { opacity: 0.7; }
.shadow { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(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_0_1px_hsl\(var\(--sidebar-border\)\)\] { --tw-shadow: 0 0 0 1px hsl(var(--sidebar-border)); --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }
.shadow-lg { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(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 / .1), 0 2px 4px -2px rgb(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 / .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 / .1), 0 8px 10px -6px rgb(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); }
.shadow-xs { --tw-shadow: 0 1px 2px 0 rgb(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); }
.outline-none { outline: transparent solid 2px; outline-offset: 2px; }
.outline { outline-style: solid; }
.ring-0 { --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); }
.ring-ring\/50 { --tw-ring-color: hsl(var(--ring) / .5); }
.ring-sidebar-ring { --tw-ring-color: hsl(var(--sidebar-ring)); }
.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 { --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06)); 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); }
.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: 0.15s; }
.transition-\[color\,box-shadow\] { transition-property: color, box-shadow; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }
.transition-\[left\,right\,width\] { transition-property: left, right, width; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }
.transition-\[margin\,opacity\] { transition-property: margin, opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }
.transition-\[width\,height\,padding\] { transition-property: width, height, padding; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }
.transition-\[width\] { transition-property: width; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }
.transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }
.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: 0.15s; }
.transition-none { transition-property: none; }
.transition-opacity { transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }
.transition-shadow { transition-property: box-shadow; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }
.transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }
.duration-100 { transition-duration: 0.1s; }
.duration-1000 { transition-duration: 1s; }
.duration-200 { transition-duration: 0.2s; }
.duration-300 { transition-duration: 0.3s; }
.ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
.ease-linear { transition-timing-function: linear; }
@keyframes enter { 
  0% { 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 { 
  100% { 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: 0.15s; --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; }
.zoom-in-95 { --tw-enter-scale: .95; }
.duration-100 { animation-duration: 0.1s; }
.duration-1000 { animation-duration: 1s; }
.duration-200 { animation-duration: 0.2s; }
.duration-300 { animation-duration: 0.3s; }
.ease-in-out { animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
.ease-linear { animation-timing-function: linear; }
.\[--cell-size\:--spacing\(8\)\] { }
.selection\:bg-primary ::selection { background-color: hsl(var(--primary)); }
.selection\:text-primary-foreground ::selection { color: hsl(var(--primary-foreground)); }
.selection\:bg-primary::selection { background-color: hsl(var(--primary)); }
.selection\:text-primary-foreground::selection { color: hsl(var(--primary-foreground)); }
.file\:inline-flex::file-selector-button { display: inline-flex; }
.file\:h-7::file-selector-button { height: 1.75rem; }
.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\:-inset-2::after { content: var(--tw-content); inset: -0.5rem; }
.after\:inset-y-0::after { content: var(--tw-content); top: 0px; bottom: 0px; }
.after\:left-1\/2::after { content: var(--tw-content); left: 50%; }
.after\:w-1::after { content: var(--tw-content); width: 0.25rem; }
.after\:w-\[2px\]::after { content: var(--tw-content); width: 2px; }
.after\:-translate-x-1\/2::after { content: var(--tw-content); --tw-translate-x: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.first\:rounded-l-md:first-child { border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); }
.first\:border-l:first-child { border-left-width: 1px; }
.last\:mt-0:last-child { margin-top: 0px; }
.last\:rounded-r-md:last-child { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); }
.last\:border-b-0:last-child { border-bottom-width: 0px; }
.hover\:bg-accent:hover { background-color: hsl(var(--accent)); }
.hover\:bg-destructive\/90:hover { background-color: hsl(var(--destructive) / .9); }
.hover\:bg-muted:hover { background-color: hsl(var(--muted)); }
.hover\:bg-muted\/50:hover { background-color: hsl(var(--muted) / .5); }
.hover\:bg-primary\/90:hover { background-color: hsl(var(--primary) / .9); }
.hover\:bg-secondary\/80:hover { background-color: hsl(var(--secondary) / .8); }
.hover\:bg-sidebar-accent:hover { background-color: hsl(var(--sidebar-accent)); }
.hover\:text-accent-foreground:hover { color: hsl(var(--accent-foreground)); }
.hover\:text-foreground:hover { color: hsl(var(--foreground)); }
.hover\:text-muted-foreground:hover { color: hsl(var(--muted-foreground)); }
.hover\:text-sidebar-accent-foreground:hover { color: hsl(var(--sidebar-accent-foreground)); }
.hover\:underline:hover { text-decoration-line: underline; }
.hover\:opacity-100:hover { opacity: 1; }
.hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover { --tw-shadow: 0 0 0 1px hsl(var(--sidebar-accent)); --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }
.hover\:ring-4:hover { --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(4px + 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); }
.hover\:after\:bg-sidebar-border:hover::after { content: var(--tw-content); background-color: hsl(var(--sidebar-border)); }
.focus\:z-10:focus { z-index: 10; }
.focus\:bg-accent:focus { background-color: hsl(var(--accent)); }
.focus\:text-accent-foreground:focus { color: hsl(var(--accent-foreground)); }
.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-ring:focus { --tw-ring-color: hsl(var(--ring)); }
.focus\:ring-offset-2:focus { --tw-ring-offset-width: 2px; }
.focus-visible\:z-10:focus-visible { z-index: 10; }
.focus-visible\:border-ring:focus-visible { border-color: hsl(var(--ring)); }
.focus-visible\:outline-1:focus-visible { outline-width: 1px; }
.focus-visible\:outline-ring:focus-visible { outline-color: hsl(var(--ring)); }
.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-4: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(4px + 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-\[3px\]: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(3px + 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-destructive\/20:focus-visible { --tw-ring-color: hsl(var(--destructive) / .2); }
.focus-visible\:ring-ring:focus-visible { --tw-ring-color: hsl(var(--ring)); }
.focus-visible\:ring-ring\/50:focus-visible { --tw-ring-color: hsl(var(--ring) / .5); }
.focus-visible\:ring-offset-1:focus-visible { --tw-ring-offset-width: 1px; }
.active\:bg-sidebar-accent:active { background-color: hsl(var(--sidebar-accent)); }
.active\:text-sidebar-accent-foreground:active { color: hsl(var(--sidebar-accent-foreground)); }
.disabled\:pointer-events-none:disabled { pointer-events: none; }
.disabled\:cursor-not-allowed:disabled { cursor: not-allowed; }
.disabled\:opacity-50:disabled { opacity: 0.5; }
.group\/menu-item:focus-within .group-focus-within\/menu-item\:opacity-100 { opacity: 1; }
.group\/menu-item:hover .group-hover\/menu-item\:opacity-100 { opacity: 1; }
.peer\/menu-button:hover ~ .peer-hover\/menu-button\:text-sidebar-accent-foreground { color: hsl(var(--sidebar-accent-foreground)); }
.peer:disabled ~ .peer-disabled\:cursor-not-allowed { cursor: not-allowed; }
.peer:disabled ~ .peer-disabled\:opacity-50 { opacity: 0.5; }
.has-\[\>button\]\:ml-\[-0\.45rem\]:has(> button) { margin-left: -0.45rem; }
.has-\[\>button\]\:mr-\[-0\.45rem\]:has(> button) { margin-right: -0.45rem; }
.has-\[\>kbd\]\:ml-\[-0\.35rem\]:has(> kbd) { margin-left: -0.35rem; }
.has-\[\>kbd\]\:mr-\[-0\.35rem\]:has(> kbd) { margin-right: -0.35rem; }
.has-\[\>\[data-align\=block-end\]\]\:h-auto:has(> [data-align="block-end"]) { height: auto; }
.has-\[\>\[data-align\=block-start\]\]\:h-auto:has(> [data-align="block-start"]) { height: auto; }
.has-\[\>textarea\]\:h-auto:has(> textarea) { height: auto; }
.has-\[\>\[data-slot\=field\]\]\:w-full:has(> [data-slot="field"]) { width: 100%; }
.has-\[\>svg\]\:grid-cols-\[calc\(var\(--spacing\)\*4\)_1fr\]:has(> svg) { grid-template-columns: calc(var(--spacing) * 4) 1fr; }
.has-\[\>\[data-align\=block-end\]\]\:flex-col:has(> [data-align="block-end"]) { flex-direction: column; }
.has-\[\>\[data-align\=block-start\]\]\:flex-col:has(> [data-align="block-start"]) { flex-direction: column; }
.has-\[\>\[data-slot\=field\]\]\:flex-col:has(> [data-slot="field"]) { flex-direction: column; }
.has-\[\>\[data-slot\=field-content\]\]\:items-start:has(> [data-slot="field-content"]) { align-items: flex-start; }
.has-\[\>\[data-slot\=button-group\]\]\:gap-2:has(> [data-slot="button-group"]) { gap: 0.5rem; }
.has-\[\>\[data-slot\=checkbox-group\]\]\:gap-3:has(> [data-slot="checkbox-group"]) { gap: 0.75rem; }
.has-\[\>\[data-slot\=radio-group\]\]\:gap-3:has(> [data-slot="radio-group"]) { gap: 0.75rem; }
.has-\[\>svg\]\:gap-x-3:has(> svg) { column-gap: 0.75rem; }
.has-\[\>\[data-slot\=field\]\]\:rounded-md:has(> [data-slot="field"]) { border-radius: calc(var(--radius) - 2px); }
.has-\[\>\[data-slot\=field\]\]\:border:has(> [data-slot="field"]) { border-width: 1px; }
.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:border-ring:has([data-slot="input-group-control"]:focus-visible) { border-color: hsl(var(--ring)); }
.has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-destructive:has([data-slot][aria-invalid="true"]) { --tw-border-opacity: 1; border-color: hsl(var(--destructive) / var(--tw-border-opacity, 1)); }
.has-\[\>svg\]\:p-0:has(> svg) { padding: 0px; }
.has-\[\>svg\]\:px-2:has(> svg) { padding-left: 0.5rem; padding-right: 0.5rem; }
.has-\[\>svg\]\:px-2\.5:has(> svg) { padding-left: 0.625rem; padding-right: 0.625rem; }
.has-\[\>svg\]\:px-3:has(> svg) { padding-left: 0.75rem; padding-right: 0.75rem; }
.has-\[\>svg\]\:px-4:has(> svg) { padding-left: 1rem; padding-right: 1rem; }
.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-\[3px\]:has([data-slot="input-group-control"]: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(3px + 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); }
.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:has([data-slot="input-group-control"]:focus-visible) { --tw-ring-color: hsl(var(--ring) / .5); }
.has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has([data-slot][aria-invalid="true"]) { --tw-ring-color: hsl(var(--destructive) / .2); }
.group\/item:has([data-slot="item-description"]) .group-has-\[\[data-slot\=item-description\]\]\/item\:translate-y-0\.5 { --tw-translate-y: .125rem; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.group\/item:has([data-slot="item-description"]) .group-has-\[\[data-slot\=item-description\]\]\/item\:self-start { align-self: flex-start; }
.group\/field:has([data-orientation="horizontal"]) .group-has-\[\[data-orientation\=horizontal\]\]\/field\:text-balance { text-wrap: balance; }
.group\/input-group:has(> input) .group-has-\[\>input\]\/input-group\:pb-2\.5 { padding-bottom: 0.625rem; }
.group\/input-group:has(> input) .group-has-\[\>input\]\/input-group\:pt-2\.5 { padding-top: 0.625rem; }
.aria-disabled\:pointer-events-none[aria-disabled="true"] { pointer-events: none; }
.aria-disabled\:opacity-50[aria-disabled="true"] { opacity: 0.5; }
.aria-selected\:text-muted-foreground[aria-selected="true"] { color: hsl(var(--muted-foreground)); }
.data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"], .data-\[disabled\]\:pointer-events-none[data-disabled] { pointer-events: none; }
.data-\[vaul-drawer-direction\=bottom\]\:inset-x-0[data-vaul-drawer-direction="bottom"] { left: 0px; right: 0px; }
.data-\[vaul-drawer-direction\=left\]\:inset-y-0[data-vaul-drawer-direction="left"], .data-\[vaul-drawer-direction\=right\]\:inset-y-0[data-vaul-drawer-direction="right"] { top: 0px; bottom: 0px; }
.data-\[vaul-drawer-direction\=top\]\:inset-x-0[data-vaul-drawer-direction="top"] { left: 0px; right: 0px; }
.data-\[vaul-drawer-direction\=bottom\]\:bottom-0[data-vaul-drawer-direction="bottom"] { bottom: 0px; }
.data-\[vaul-drawer-direction\=left\]\:left-0[data-vaul-drawer-direction="left"] { left: 0px; }
.data-\[vaul-drawer-direction\=right\]\:right-0[data-vaul-drawer-direction="right"] { right: 0px; }
.data-\[vaul-drawer-direction\=top\]\:top-0[data-vaul-drawer-direction="top"] { top: 0px; }
.data-\[active\=true\]\:z-10[data-active="true"] { z-index: 10; }
.data-\[vaul-drawer-direction\=bottom\]\:mt-24[data-vaul-drawer-direction="bottom"] { margin-top: 6rem; }
.data-\[vaul-drawer-direction\=top\]\:mb-24[data-vaul-drawer-direction="top"] { margin-bottom: 6rem; }
.data-\[orientation\=horizontal\]\:h-1\.5[data-orientation="horizontal"] { height: 0.375rem; }
.data-\[orientation\=horizontal\]\:h-full[data-orientation="horizontal"] { height: 100%; }
.data-\[orientation\=horizontal\]\:h-px[data-orientation="horizontal"] { height: 1px; }
.data-\[orientation\=vertical\]\:h-auto[data-orientation="vertical"] { height: auto; }
.data-\[orientation\=vertical\]\:h-full[data-orientation="vertical"] { height: 100%; }
.data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction="vertical"] { height: 1px; }
.data-\[size\=default\]\:h-9[data-size="default"] { height: 2.25rem; }
.data-\[size\=sm\]\:h-8[data-size="sm"] { height: 2rem; }
.data-\[vaul-drawer-direction\=bottom\]\:max-h-\[80vh\][data-vaul-drawer-direction="bottom"], .data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\][data-vaul-drawer-direction="top"] { max-height: 80vh; }
.data-\[orientation\=vertical\]\:min-h-44[data-orientation="vertical"] { min-height: 11rem; }
.data-\[orientation\=horizontal\]\:w-full[data-orientation="horizontal"] { width: 100%; }
.data-\[orientation\=vertical\]\:w-1\.5[data-orientation="vertical"] { width: 0.375rem; }
.data-\[orientation\=vertical\]\:w-auto[data-orientation="vertical"] { width: auto; }
.data-\[orientation\=vertical\]\:w-full[data-orientation="vertical"] { width: 100%; }
.data-\[orientation\=vertical\]\:w-px[data-orientation="vertical"] { width: 1px; }
.data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction="vertical"] { width: 100%; }
.data-\[vaul-drawer-direction\=left\]\:w-3\/4[data-vaul-drawer-direction="left"], .data-\[vaul-drawer-direction\=right\]\:w-3\/4[data-vaul-drawer-direction="right"] { width: 75%; }
.data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] { --tw-translate-y: .25rem; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(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: -.25rem; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(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: .25rem; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(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: -.25rem; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\][data-state="checked"] { --tw-translate-x: calc(100% - 2px); transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"] { --tw-translate-x: 0px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
@keyframes accordion-up { 
  0% { height: var(--radix-accordion-content-height); }
  100% { height: 0px; }
}
.data-\[state\=closed\]\:animate-accordion-up[data-state="closed"] { animation: 0.2s ease-out 0s 1 normal none running accordion-up; }
@keyframes accordion-down { 
  0% { height: 0px; }
  100% { height: var(--radix-accordion-content-height); }
}
.data-\[state\=open\]\:animate-accordion-down[data-state="open"] { animation: 0.2s ease-out 0s 1 normal none running accordion-down; }
.data-\[orientation\=vertical\]\:flex-col[data-orientation="vertical"], .data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction="vertical"] { flex-direction: column; }
.data-\[slot\=checkbox-group\]\:gap-3[data-slot="checkbox-group"] { gap: 0.75rem; }
.data-\[range-end\=true\]\:rounded-md[data-range-end="true"] { border-radius: calc(var(--radius) - 2px); }
.data-\[range-middle\=true\]\:rounded-none[data-range-middle="true"] { border-radius: 0px; }
.data-\[range-start\=true\]\:rounded-md[data-range-start="true"] { border-radius: calc(var(--radius) - 2px); }
.data-\[selected\=true\]\:rounded-none[data-selected="true"], .data-\[spacing\=0\]\:rounded-none[data-spacing="0"] { border-radius: 0px; }
.data-\[range-end\=true\]\:rounded-r-md[data-range-end="true"] { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); }
.data-\[range-start\=true\]\:rounded-l-md[data-range-start="true"] { border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); }
.data-\[vaul-drawer-direction\=bottom\]\:rounded-t-lg[data-vaul-drawer-direction="bottom"] { border-top-left-radius: var(--radius); border-top-right-radius: var(--radius); }
.data-\[vaul-drawer-direction\=top\]\:rounded-b-lg[data-vaul-drawer-direction="top"] { border-bottom-right-radius: var(--radius); border-bottom-left-radius: var(--radius); }
.data-\[spacing\=0\]\:data-\[variant\=outline\]\:border-l-0[data-variant="outline"][data-spacing="0"] { border-left-width: 0px; }
.data-\[vaul-drawer-direction\=bottom\]\:border-t[data-vaul-drawer-direction="bottom"] { border-top-width: 1px; }
.data-\[vaul-drawer-direction\=left\]\:border-r[data-vaul-drawer-direction="left"] { border-right-width: 1px; }
.data-\[vaul-drawer-direction\=right\]\:border-l[data-vaul-drawer-direction="right"] { border-left-width: 1px; }
.data-\[vaul-drawer-direction\=top\]\:border-b[data-vaul-drawer-direction="top"] { border-bottom-width: 1px; }
.data-\[active\=true\]\:border-ring[data-active="true"] { border-color: hsl(var(--ring)); }
.data-\[state\=checked\]\:border-primary[data-state="checked"] { border-color: hsl(var(--primary)); }
.data-\[active\=true\]\:bg-accent\/50[data-active="true"] { background-color: hsl(var(--accent) / .5); }
.data-\[active\=true\]\:bg-sidebar-accent[data-active="true"] { background-color: hsl(var(--sidebar-accent)); }
.data-\[range-end\=true\]\:bg-primary[data-range-end="true"] { background-color: hsl(var(--primary)); }
.data-\[range-middle\=true\]\:bg-accent[data-range-middle="true"] { background-color: hsl(var(--accent)); }
.data-\[range-start\=true\]\:bg-primary[data-range-start="true"], .data-\[selected-single\=true\]\:bg-primary[data-selected-single="true"] { background-color: hsl(var(--primary)); }
.data-\[selected\=true\]\:bg-accent[data-selected="true"] { background-color: hsl(var(--accent)); }
.data-\[state\=active\]\:bg-background[data-state="active"] { background-color: hsl(var(--background)); }
.data-\[state\=checked\]\:bg-primary[data-state="checked"] { background-color: hsl(var(--primary)); }
.data-\[state\=on\]\:bg-accent[data-state="on"], .data-\[state\=open\]\:bg-accent[data-state="open"] { background-color: hsl(var(--accent)); }
.data-\[state\=open\]\:bg-accent\/50[data-state="open"] { background-color: hsl(var(--accent) / .5); }
.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\=unchecked\]\:bg-input[data-state="unchecked"] { background-color: hsl(var(--input)); }
.data-\[inset\]\:pl-8[data-inset] { padding-left: 2rem; }
.data-\[variant\=label\]\:text-sm[data-variant="label"] { font-size: 0.875rem; line-height: 1.25rem; }
.data-\[variant\=legend\]\:text-base[data-variant="legend"] { font-size: 1rem; line-height: 1.5rem; }
.data-\[active\=true\]\:font-medium[data-active="true"] { font-weight: 500; }
.data-\[active\=true\]\:text-accent-foreground[data-active="true"] { color: hsl(var(--accent-foreground)); }
.data-\[active\=true\]\:text-sidebar-accent-foreground[data-active="true"] { color: hsl(var(--sidebar-accent-foreground)); }
.data-\[error\=true\]\:text-destructive[data-error="true"], .data-\[invalid\=true\]\:text-destructive[data-invalid="true"] { --tw-text-opacity: 1; color: hsl(var(--destructive) / var(--tw-text-opacity, 1)); }
.data-\[placeholder\]\:text-muted-foreground[data-placeholder] { color: hsl(var(--muted-foreground)); }
.data-\[range-end\=true\]\:text-primary-foreground[data-range-end="true"] { color: hsl(var(--primary-foreground)); }
.data-\[range-middle\=true\]\:text-accent-foreground[data-range-middle="true"] { color: hsl(var(--accent-foreground)); }
.data-\[range-start\=true\]\:text-primary-foreground[data-range-start="true"], .data-\[selected-single\=true\]\:text-primary-foreground[data-selected-single="true"] { color: hsl(var(--primary-foreground)); }
.data-\[selected\=true\]\:text-accent-foreground[data-selected="true"] { color: hsl(var(--accent-foreground)); }
.data-\[state\=checked\]\:text-primary-foreground[data-state="checked"] { color: hsl(var(--primary-foreground)); }
.data-\[state\=on\]\:text-accent-foreground[data-state="on"], .data-\[state\=open\]\:text-accent-foreground[data-state="open"] { color: hsl(var(--accent-foreground)); }
.data-\[state\=open\]\:text-muted-foreground[data-state="open"] { color: hsl(var(--muted-foreground)); }
.data-\[variant\=destructive\]\:text-destructive[data-variant="destructive"] { --tw-text-opacity: 1; color: hsl(var(--destructive) / var(--tw-text-opacity, 1)); }
.data-\[disabled\=true\]\:opacity-50[data-disabled="true"], .data-\[disabled\]\:opacity-50[data-disabled] { opacity: 0.5; }
.data-\[state\=open\]\:opacity-100[data-state="open"] { opacity: 1; }
.data-\[spacing\=0\]\:shadow-none[data-spacing="0"] { --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); }
.data-\[spacing\=default\]\:data-\[variant\=outline\]\:shadow-xs[data-variant="outline"][data-spacing="default"], .data-\[state\=active\]\:shadow-sm[data-state="active"] { --tw-shadow: 0 1px 2px 0 rgb(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); }
.data-\[active\=true\]\:ring-\[3px\][data-active="true"] { --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(3px + 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); }
.data-\[active\=true\]\:ring-ring\/50[data-active="true"] { --tw-ring-color: hsl(var(--ring) / .5); }
.data-\[state\=closed\]\:duration-300[data-state="closed"] { transition-duration: 0.3s; }
.data-\[state\=open\]\:duration-500[data-state="open"] { transition-duration: 0.5s; }
.data-\[motion\^\=from-\]\:animate-in[data-motion^="from-"], .data-\[state\=open\]\:animate-in[data-state="open"], .data-\[state\=visible\]\:animate-in[data-state="visible"] { animation-name: enter; animation-duration: 0.15s; --tw-enter-opacity: initial; --tw-enter-scale: initial; --tw-enter-rotate: initial; --tw-enter-translate-x: initial; --tw-enter-translate-y: initial; }
.data-\[motion\^\=to-\]\:animate-out[data-motion^="to-"], .data-\[state\=closed\]\:animate-out[data-state="closed"], .data-\[state\=hidden\]\:animate-out[data-state="hidden"] { animation-name: exit; animation-duration: 0.15s; --tw-exit-opacity: initial; --tw-exit-scale: initial; --tw-exit-rotate: initial; --tw-exit-translate-x: initial; --tw-exit-translate-y: initial; }
.data-\[motion\^\=from-\]\:fade-in[data-motion^="from-"] { --tw-enter-opacity: 0; }
.data-\[motion\^\=to-\]\:fade-out[data-motion^="to-"], .data-\[state\=closed\]\:fade-out-0[data-state="closed"], .data-\[state\=hidden\]\:fade-out[data-state="hidden"] { --tw-exit-opacity: 0; }
.data-\[state\=open\]\:fade-in-0[data-state="open"], .data-\[state\=visible\]\:fade-in[data-state="visible"] { --tw-enter-opacity: 0; }
.data-\[state\=closed\]\:zoom-out-95[data-state="closed"] { --tw-exit-scale: .95; }
.data-\[state\=open\]\:zoom-in-90[data-state="open"] { --tw-enter-scale: .9; }
.data-\[state\=open\]\:zoom-in-95[data-state="open"] { --tw-enter-scale: .95; }
.data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion="from-end"] { --tw-enter-translate-x: 13rem; }
.data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion="from-start"] { --tw-enter-translate-x: -13rem; }
.data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion="to-end"] { --tw-exit-translate-x: 13rem; }
.data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion="to-start"] { --tw-exit-translate-x: -13rem; }
.data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] { --tw-enter-translate-y: -.5rem; }
.data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] { --tw-enter-translate-x: .5rem; }
.data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] { --tw-enter-translate-x: -.5rem; }
.data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] { --tw-enter-translate-y: .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-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\=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-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\=closed\]\:duration-300[data-state="closed"] { animation-duration: 0.3s; }
.data-\[state\=open\]\:duration-500[data-state="open"] { animation-duration: 0.5s; }
.\*\:data-\[slot\=select-value\]\:line-clamp-1[data-slot="select-value"] > * { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.\*\:data-\[slot\=select-value\]\:flex[data-slot="select-value"] > * { display: flex; }
.\*\:data-\[slot\=select-value\]\:items-center[data-slot="select-value"] > * { align-items: center; }
.\*\:data-\[slot\=select-value\]\:gap-2[data-slot="select-value"] > * { gap: 0.5rem; }
.\*\:data-\[slot\=alert-description\]\:text-destructive\/90[data-slot="alert-description"] > * { color: hsl(var(--destructive) / .9); }
.data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction="vertical"]::after { content: var(--tw-content); left: 0px; }
.data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction="vertical"]::after { content: var(--tw-content); height: 0.25rem; }
.data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction="vertical"]::after { content: var(--tw-content); width: 100%; }
.data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction="vertical"]::after { content: var(--tw-content); --tw-translate-y: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction="vertical"]::after { content: var(--tw-content); --tw-translate-x: 0px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.data-\[spacing\=0\]\:first\:rounded-l-md:first-child[data-spacing="0"] { border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); }
.data-\[spacing\=0\]\:data-\[variant\=outline\]\:first\:border-l:first-child[data-variant="outline"][data-spacing="0"] { border-left-width: 1px; }
.data-\[spacing\=0\]\:last\:rounded-r-md:last-child[data-spacing="0"] { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); }
.data-\[active\=true\]\:hover\:bg-accent:hover[data-active="true"], .data-\[state\=open\]\:hover\:bg-accent:hover[data-state="open"] { background-color: hsl(var(--accent)); }
.data-\[state\=open\]\:hover\:bg-sidebar-accent:hover[data-state="open"] { background-color: hsl(var(--sidebar-accent)); }
.data-\[state\=open\]\:hover\:text-sidebar-accent-foreground:hover[data-state="open"] { color: hsl(var(--sidebar-accent-foreground)); }
.data-\[active\=true\]\:focus\:bg-accent:focus[data-active="true"] { background-color: hsl(var(--accent)); }
.data-\[state\=open\]\:focus\:bg-accent:focus[data-state="open"] { background-color: hsl(var(--accent)); }
.data-\[variant\=destructive\]\:focus\:bg-destructive\/10:focus[data-variant="destructive"] { background-color: hsl(var(--destructive) / .1); }
.data-\[variant\=destructive\]\:focus\:text-destructive:focus[data-variant="destructive"] { --tw-text-opacity: 1; color: hsl(var(--destructive) / var(--tw-text-opacity, 1)); }
.group[data-disabled="true"] .group-data-\[disabled\=true\]\:pointer-events-none { pointer-events: none; }
.group\/day[data-focused="true"] .group-data-\[focused\=true\]\/day\:relative { position: relative; }
.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\] { left: calc(var(--sidebar-width) * -1); }
.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\] { right: calc(var(--sidebar-width) * -1); }
.group[data-side="left"] .group-data-\[side\=left\]\:-right-4 { right: -1rem; }
.group[data-side="right"] .group-data-\[side\=right\]\:left-0 { left: 0px; }
.group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:top-full { top: 100%; }
.group\/day[data-focused="true"] .group-data-\[focused\=true\]\/day\:z-10 { z-index: 10; }
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:-mt-8 { margin-top: -2rem; }
.group\/field-group[data-variant="outline"] .group-data-\[variant\=outline\]\/field-group\:-mb-2 { margin-bottom: -0.5rem; }
.group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:mt-1\.5 { margin-top: 0.375rem; }
.group\/drawer-content[data-vaul-drawer-direction="bottom"] .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block { display: block; }
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:hidden { display: none; }
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\] { width: calc(var(--sidebar-width-icon) + (--spacing(4))); }
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\] { width: calc(var(--sidebar-width-icon) + (--spacing(4)) + 2px); }
.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:w-0 { width: 0px; }
.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:translate-x-0 { --tw-translate-x: 0px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.group[data-side="right"] .group-data-\[side\=right\]\:rotate-180, .group[data-state="open"] .group-data-\[state\=open\]\:rotate-180 { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:overflow-hidden, .group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:overflow-hidden { overflow: hidden; }
.group[data-variant="floating"] .group-data-\[variant\=floating\]\:rounded-lg { border-radius: var(--radius); }
.group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:rounded-md { border-radius: calc(var(--radius) - 2px); }
.group[data-variant="floating"] .group-data-\[variant\=floating\]\:border, .group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:border { border-width: 1px; }
.group[data-side="left"] .group-data-\[side\=left\]\:border-r { border-right-width: 1px; }
.group[data-side="right"] .group-data-\[side\=right\]\:border-l { border-left-width: 1px; }
.group\/day[data-focused="true"] .group-data-\[focused\=true\]\/day\:border-ring { border-color: hsl(var(--ring)); }
.group[data-variant="floating"] .group-data-\[variant\=floating\]\:border-sidebar-border { border-color: hsl(var(--sidebar-border)); }
.group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:bg-popover { background-color: hsl(var(--popover)); }
.group\/drawer-content[data-vaul-drawer-direction="bottom"] .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:text-center, .group\/drawer-content[data-vaul-drawer-direction="top"] .group-data-\[vaul-drawer-direction\=top\]\/drawer-content\:text-center { text-align: center; }
.group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:text-popover-foreground { color: hsl(var(--popover-foreground)); }
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:opacity-0 { opacity: 0; }
.group\/field[data-disabled="true"] .group-data-\[disabled\=true\]\/field\:opacity-50, .group\/input-group[data-disabled="true"] .group-data-\[disabled\=true\]\/input-group\:opacity-50, .group[data-disabled="true"] .group-data-\[disabled\=true\]\:opacity-50 { opacity: 0.5; }
.group[data-variant="floating"] .group-data-\[variant\=floating\]\:shadow-sm { --tw-shadow: 0 1px 2px 0 rgb(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); }
.group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:shadow { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(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); }
.group\/day[data-focused="true"] .group-data-\[focused\=true\]\/day\:ring-\[3px\] { --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(3px + 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); }
.group\/day[data-focused="true"] .group-data-\[focused\=true\]\/day\:ring-ring\/50 { --tw-ring-color: hsl(var(--ring) / .5); }
.group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:duration-200 { transition-duration: 0.2s; animation-duration: 0.2s; }
.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:after\:left-full::after { content: var(--tw-content); left: 100%; }
.group[data-collapsible="offcanvas"] .hover\:group-data-\[collapsible\=offcanvas\]\:bg-sidebar:hover { background-color: hsl(var(--sidebar-background)); }
.group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:animate-in[data-state="open"] { animation-name: enter; animation-duration: 0.15s; --tw-enter-opacity: initial; --tw-enter-scale: initial; --tw-enter-rotate: initial; --tw-enter-translate-x: initial; --tw-enter-translate-y: initial; }
.group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:animate-out[data-state="closed"] { animation-name: exit; animation-duration: 0.15s; --tw-exit-opacity: initial; --tw-exit-scale: initial; --tw-exit-rotate: initial; --tw-exit-translate-x: initial; --tw-exit-translate-y: initial; }
.group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:fade-out-0[data-state="closed"] { --tw-exit-opacity: 0; }
.group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:fade-in-0[data-state="open"] { --tw-enter-opacity: 0; }
.group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:zoom-out-95[data-state="closed"] { --tw-exit-scale: .95; }
.group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:zoom-in-95[data-state="open"] { --tw-enter-scale: .95; }
.peer\/menu-button[data-size="default"] ~ .peer-data-\[size\=default\]\/menu-button\:top-1\.5 { top: 0.375rem; }
.peer\/menu-button[data-size="lg"] ~ .peer-data-\[size\=lg\]\/menu-button\:top-2\.5 { top: 0.625rem; }
.peer\/menu-button[data-size="sm"] ~ .peer-data-\[size\=sm\]\/menu-button\:top-1 { top: 0.25rem; }
.peer\/menu-button[data-active="true"] ~ .peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground { color: hsl(var(--sidebar-accent-foreground)); }
.dark\:border-input:is(.dark *) { border-color: hsl(var(--input)); }
.dark\:bg-destructive\/60:is(.dark *) { background-color: hsl(var(--destructive) / .6); }
.dark\:bg-input\/30:is(.dark *) { background-color: hsl(var(--input) / .3); }
.dark\:bg-transparent:is(.dark *) { background-color: transparent; }
.dark\:text-muted-foreground:is(.dark *) { color: hsl(var(--muted-foreground)); }
.dark\:hover\:bg-accent\/50:hover:is(.dark *) { background-color: hsl(var(--accent) / .5); }
.dark\:hover\:bg-input\/50:hover:is(.dark *) { background-color: hsl(var(--input) / .5); }
.dark\:hover\:text-accent-foreground:hover:is(.dark *) { color: hsl(var(--accent-foreground)); }
.dark\:focus-visible\:ring-destructive\/40:focus-visible:is(.dark *) { --tw-ring-color: hsl(var(--destructive) / .4); }
.dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:has([data-slot][aria-invalid="true"]):is(.dark *) { --tw-ring-color: hsl(var(--destructive) / .4); }
.dark\:data-\[state\=active\]\:border-input[data-state="active"]:is(.dark *) { border-color: hsl(var(--input)); }
.dark\:data-\[state\=active\]\:bg-input\/30[data-state="active"]:is(.dark *) { background-color: hsl(var(--input) / .3); }
.dark\:data-\[state\=checked\]\:bg-primary[data-state="checked"]:is(.dark *) { background-color: hsl(var(--primary)); }
.dark\:data-\[state\=checked\]\:bg-primary-foreground[data-state="checked"]:is(.dark *) { background-color: hsl(var(--primary-foreground)); }
.dark\:data-\[state\=unchecked\]\:bg-foreground[data-state="unchecked"]:is(.dark *) { background-color: hsl(var(--foreground)); }
.dark\:data-\[state\=unchecked\]\:bg-input\/80[data-state="unchecked"]:is(.dark *) { background-color: hsl(var(--input) / .8); }
.dark\:data-\[state\=active\]\:text-foreground[data-state="active"]:is(.dark *) { color: hsl(var(--foreground)); }
.dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:focus[data-variant="destructive"]:is(.dark *) { background-color: hsl(var(--destructive) / .2); }
@media (min-width: 640px) {
  .sm\:block { display: block; }
  .sm\:flex { display: flex; }
  .sm\:max-w-lg { max-width: 32rem; }
  .sm\:max-w-sm { max-width: 24rem; }
  .sm\:flex-row { flex-direction: row; }
  .sm\:justify-end { justify-content: flex-end; }
  .sm\:gap-2\.5 { gap: 0.625rem; }
  .sm\:pl-2\.5 { padding-left: 0.625rem; }
  .sm\:pr-2\.5 { padding-right: 0.625rem; }
  .sm\:text-left { text-align: left; }
  .data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm[data-vaul-drawer-direction="left"], .data-\[vaul-drawer-direction\=right\]\:sm\:max-w-sm[data-vaul-drawer-direction="right"] { max-width: 24rem; }
}
@media (min-width: 768px) {
  .md\:absolute { position: absolute; }
  .md\:block { display: block; }
  .md\:flex { display: flex; }
  .md\:hidden { display: none; }
  .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\] { width: var(--radix-navigation-menu-viewport-width); }
  .md\:w-auto { width: auto; }
  .md\:flex-row { flex-direction: row; }
  .md\:gap-1\.5 { gap: 0.375rem; }
  .md\:p-12 { padding: 3rem; }
  .md\:text-left { text-align: left; }
  .md\:text-sm { font-size: 0.875rem; line-height: 1.25rem; }
  .md\:opacity-0 { opacity: 0; }
  .md\:after\:hidden::after { content: var(--tw-content); display: none; }
  .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:m-2 { margin: 0.5rem; }
  .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:ml-0 { margin-left: 0px; }
  .peer[data-variant="inset"][data-state="collapsed"] ~ .md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2 { margin-left: 0.5rem; }
  .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:rounded-xl { border-radius: calc(var(--radius) + 4px); }
  .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:shadow-sm { --tw-shadow: 0 1px 2px 0 rgb(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); }
}
@media (min-width: 1024px) {
  .lg\:block { display: block; }
  .lg\:inline { display: inline; }
  .lg\:hidden { display: none; }
}
.\[\&\+\[data-slot\=item-content\]\]\:flex-none + [data-slot="item-content"] { flex: 0 0 auto; }
.\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-md:first-child[data-selected="true"] button { border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); }
.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role="checkbox"]) { padding-right: 0px; }
.\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-md:last-child[data-selected="true"] button { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); }
.\[\&\:nth-child\(2\)\[data-selected\=true\]_button\]\:rounded-l-md:nth-child(2)[data-selected="true"] button { border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); }
.\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-none > :not(:first-child) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none > :not(:first-child) { border-top-left-radius: 0px; border-top-right-radius: 0px; }
.\[\&\>\*\:not\(\:first-child\)\]\:border-l-0 > :not(:first-child) { border-left-width: 0px; }
.\[\&\>\*\:not\(\:first-child\)\]\:border-t-0 > :not(:first-child) { border-top-width: 0px; }
.\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none > :not(:last-child) { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
.\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-none > :not(:last-child) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.\[\&\>\*\]\:w-full > * { width: 100%; }
.\[\&\>\*\]\:focus-visible\:relative:focus-visible > * { position: relative; }
.\[\&\>\*\]\:focus-visible\:z-10:focus-visible > * { z-index: 10; }
.\[\&\>\*\]\:data-\[slot\=field\]\:p-4[data-slot="field"] > * { padding: 1rem; }
.\[\&\>\.sr-only\]\:w-auto > .sr-only { width: auto; }
.\[\&\>\[data-slot\=field-group\]\]\:gap-4 > [data-slot="field-group"] { gap: 1rem; }
.\[\&\>\[data-slot\=field-label\]\]\:flex-auto > [data-slot="field-label"] { flex: 1 1 auto; }
.has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md > [data-slot="select-trigger"]:last-of-type:has(select[aria-hidden="true"]:last-child) { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); }
.\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit > [data-slot="select-trigger"]:not([class*="w-"]) { width: fit-content; }
.\[\&\>\[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)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.\[\&\>a\:hover\]\:text-primary > a:hover { color: hsl(var(--primary)); }
.\[\&\>a\]\:underline > a { text-decoration-line: underline; }
.\[\&\>a\]\:underline-offset-4 > a { text-underline-offset: 4px; }
.\[\&\>button\]\:hidden > button { display: none; }
.\[\&\>input\]\:flex-1 > input { flex: 1 1 0%; }
.has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3 > input:has(> [data-align="block-end"]) { padding-top: 0.75rem; }
.has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3 > input:has(> [data-align="block-start"]) { padding-bottom: 0.75rem; }
.has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-2 > input:has(> [data-align="inline-end"]) { padding-right: 0.5rem; }
.has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-2 > input:has(> [data-align="inline-start"]) { padding-left: 0.5rem; }
.\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\] > kbd { border-radius: calc(var(--radius) - 5px); }
.\[\&\>span\:last-child\]\:truncate > span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.\[\&\>span\]\:text-xs > span { font-size: 0.75rem; line-height: 1rem; }
.\[\&\>span\]\:opacity-70 > span { opacity: 0.7; }
.\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 > svg:not([class*="size-"]) { width: 0.875rem; height: 0.875rem; }
.\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 > svg:not([class*="size-"]) { width: 1rem; height: 1rem; }
.\[\&\>svg\]\:pointer-events-none > svg { pointer-events: none; }
.\[\&\>svg\]\:size-3 > svg { width: 0.75rem; height: 0.75rem; }
.\[\&\>svg\]\:size-3\.5 > svg { width: 0.875rem; height: 0.875rem; }
.\[\&\>svg\]\:size-4 > svg { width: 1rem; height: 1rem; }
.\[\&\>svg\]\:h-2\.5 > svg { height: 0.625rem; }
.\[\&\>svg\]\:h-3 > svg { height: 0.75rem; }
.\[\&\>svg\]\:w-2\.5 > svg { width: 0.625rem; }
.\[\&\>svg\]\:w-3 > svg { width: 0.75rem; }
.\[\&\>svg\]\:shrink-0 > svg { flex-shrink: 0; }
.\[\&\>svg\]\:translate-y-0\.5 > svg { --tw-translate-y: .125rem; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.\[\&\>svg\]\:text-current > svg { color: currentcolor; }
.\[\&\>svg\]\:text-muted-foreground > svg { color: hsl(var(--muted-foreground)); }
.\[\&\>svg\]\:text-sidebar-accent-foreground > svg { color: hsl(var(--sidebar-accent-foreground)); }
.\[\&\>tr\]\:last\:border-b-0:last-child > tr { border-bottom-width: 0px; }
.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction="vertical"] > div { --tw-rotate: 90deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state="open"] > svg { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text { fill: hsl(var(--muted-foreground)); }
.\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"] { stroke: hsl(var(--border) / .5); }
.\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor { stroke: hsl(var(--border)); }
.\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke="#fff"] { stroke: transparent; }
.\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke="#ccc"] { stroke: hsl(var(--border)); }
.\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector, .\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor { fill: hsl(var(--muted)); }
.\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke="#ccc"] { stroke: hsl(var(--border)); }
.\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke="#fff"] { stroke: transparent; }
.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] { padding-left: 0.5rem; padding-right: 0.5rem; }
.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] { padding-top: 0.375rem; padding-bottom: 0.375rem; }
.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] { font-size: 0.75rem; line-height: 1rem; }
.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] { font-weight: 500; }
.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading] { color: hsl(var(--muted-foreground)); }
.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~ [cmdk-group] { padding-top: 0px; }
.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] { padding-left: 0.5rem; padding-right: 0.5rem; }
.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg { height: 1.25rem; }
.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg { width: 1.25rem; }
.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] { height: 3rem; }
.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] { padding-left: 0.5rem; padding-right: 0.5rem; }
.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg { height: 1.25rem; }
.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg { width: 1.25rem; }
.\[\&_img\]\:size-full img { width: 100%; height: 100%; }
.\[\&_img\]\:object-cover img { object-fit: cover; }
.\[\&_p\]\:leading-relaxed p { line-height: 1.625; }
.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*="size-"]) { width: 0.75rem; height: 0.75rem; }
.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*="size-"]) { width: 1rem; height: 1rem; }
.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 svg:not([class*="size-"]) { width: 1.5rem; height: 1.5rem; }
.\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*="text-"]) { color: hsl(var(--muted-foreground)); }
.\[\&_svg\]\:pointer-events-none svg { pointer-events: none; }
.\[\&_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; }
[data-side="left"][data-collapsible="offcanvas"] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 { right: -0.5rem; }
[data-side="left"][data-state="collapsed"] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize { cursor: e-resize; }
[data-side="right"][data-collapsible="offcanvas"] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 { left: -0.5rem; }
[data-side="right"][data-state="collapsed"] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize { cursor: w-resize; }
[data-slot="card-content"] .\[\[data-slot\=card-content\]_\&\]\:bg-transparent, [data-slot="popover-content"] .\[\[data-slot\=popover-content\]_\&\]\:bg-transparent { background-color: transparent; }
[data-slot="tooltip-content"] .\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/20 { background-color: hsl(var(--background) / .2); }
[data-slot="tooltip-content"] .\[\[data-slot\=tooltip-content\]_\&\]\:text-background { color: hsl(var(--background)); }
[data-slot="tooltip-content"] .dark\:\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/10:is(.dark *) { background-color: hsl(var(--background) / .1); }
[data-variant="legend"] + .\[\[data-variant\=legend\]\+\&\]\:-mt-1\.5 { margin-top: -0.375rem; }
a.\[a\&\]\:hover\:bg-accent:hover { background-color: hsl(var(--accent)); }
a.\[a\&\]\:hover\:bg-destructive\/90:hover { background-color: hsl(var(--destructive) / .9); }
a.\[a\&\]\:hover\:bg-primary\/90:hover { background-color: hsl(var(--primary) / .9); }
a.\[a\&\]\:hover\:bg-secondary\/90:hover { background-color: hsl(var(--secondary) / .9); }
a.\[a\&\]\:hover\:text-accent-foreground:hover { color: hsl(var(--accent-foreground)); }
html, body { max-width: 100%; overflow-x: hidden !important; }
body * { box-sizing: border-box; }
.page-container { max-width: 100vw !important; overflow-x: hidden !important; }
body.patch-page-active #root, body.affiliate-patch-active #root { min-height: 0px !important; height: auto !important; overflow: visible !important; }
body.patch-page-active #root > div:first-child, body.affiliate-patch-active #root > div:first-child { min-height: 0px !important; height: auto !important; overflow: visible !important; }
.atm-home-network-lines { inset: 0px !important; width: 100% !important; max-width: 100% !important; transform: none !important; overflow: hidden !important; }
@media (max-width: 720px) {
  .page-container section { max-width: 100vw !important; overflow-x: hidden !important; }
  .page-container h1 { max-width: 100% !important; font-size: clamp(30px, 9vw, 36px) !important; line-height: 1.18 !important; overflow-wrap: normal !important; word-break: keep-all !important; letter-spacing: 0px !important; }
  .page-container h2 { font-size: clamp(24px, 7vw, 30px) !important; line-height: 1.25 !important; letter-spacing: 0px !important; }
  .page-container p { max-width: 100% !important; overflow-wrap: break-word !important; }
  .page-container a, .page-container button { max-width: 100% !important; }
  body.patch-page-active #phases-container, body.patch-page-active #training-phases-container, body.patch-page-active #feedback-spa, body.affiliate-patch-active .affiliate-patch-page { width: 100% !important; max-width: 100vw !important; overflow-x: hidden !important; }
  #phases-buttons { display: grid !important; grid-template-columns: 1fr !important; gap: 14px !important; width: 100% !important; max-width: 430px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 16px !important; padding-right: 16px !important; }
  #phases-buttons .phase-btn { width: 100% !important; min-width: 0px !important; min-height: 150px !important; display: flex !important; flex-direction: row !important; align-items: stretch !important; gap: 14px !important; padding: 18px !important; }
  #phases-buttons .phase-btn > div[style*="flex:1"], #phases-buttons .phase-btn > div[style*="flex: 1"] { flex: 1 1 auto !important; min-width: 0px !important; }
  #phases-buttons .phase-card-title { display: block !important; width: auto !important; min-width: 0px !important; max-width: 100% !important; font-size: 21px !important; line-height: 1.3 !important; white-space: normal !important; word-break: keep-all !important; overflow-wrap: normal !important; writing-mode: horizontal-tb !important; }
  #phases-buttons .phase-card-icon { width: 52px !important; height: 52px !important; font-size: 28px !important; flex: 0 0 52px !important; }
  #phases-buttons .phase-arrow { width: 34px !important; height: 34px !important; flex: 0 0 34px !important; }
  #training-phase-shell { width: 100% !important; max-width: 430px !important; padding-left: 16px !important; padding-right: 16px !important; }
  #training-phase-grid { display: grid !important; grid-template-columns: 1fr !important; gap: 14px !important; }
  .training-phase-card { width: 100% !important; min-width: 0px !important; min-height: 150px !important; gap: 14px !important; padding: 18px !important; }
  .training-phase-body { min-width: 0px !important; }
  .training-phase-title { font-size: 21px !important; line-height: 1.3 !important; white-space: normal !important; word-break: keep-all !important; }
  .training-phase-icon { width: 52px !important; height: 52px !important; font-size: 28px !important; flex-basis: 52px !important; }
  .training-phase-arrow { width: 34px !important; height: 34px !important; flex-basis: 34px !important; }
  .overview-support { width: 100% !important; max-width: 430px !important; padding-left: 16px !important; padding-right: 16px !important; }
  .overview-support-head { padding: 16px !important; border-radius: 16px !important; }
  .overview-support-grid { grid-template-columns: 1fr !important; }
  .affiliate-patch-page { padding-left: 16px !important; padding-right: 16px !important; }
  .affiliate-patch-grid { grid-template-columns: 1fr !important; }
  .affiliate-detail-layout { grid-template-columns: 1fr !important; }
  .affiliate-events-shell { width: 100% !important; max-width: 100% !important; }
  .affiliate-events-page { padding-left: 16px !important; padding-right: 16px !important; }
}
#patch-image-lightbox { position: fixed; inset: 0px; z-index: 2147483000; display: none; background: rgba(6, 10, 20, 0.88); backdrop-filter: blur(10px); touch-action: none; user-select: none; }
#patch-image-lightbox.is-open { display: block; }
#patch-lightbox-stage { position: absolute; inset: 0px; overflow: hidden; }
#patch-lightbox-img { position: absolute; top: 50%; left: 50%; transform-origin: center center; user-select: none; -webkit-user-drag: none; border-radius: 12px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.45) 0px 24px 80px; will-change: transform; max-width: none !important; max-height: none !important; width: auto !important; height: auto !important; }
#patch-lightbox-img.is-loading { opacity: 0.35; }
#patch-lightbox-toolbar { position: absolute; top: 18px; right: 18px; display: flex; gap: 8px; z-index: 2; }
#patch-lightbox-toolbar button { width: 42px; height: 42px; border: 1px solid rgba(255, 255, 255, 0.22); border-radius: 10px; background: rgba(15, 23, 42, 0.82); color: rgb(255, 255, 255); font-size: 18px; font-weight: 800; line-height: 1; display: inline-flex; align-items: center; justify-content: center; box-shadow: rgba(0, 0, 0, 0.22) 0px 10px 28px; }
#patch-lightbox-toolbar button:hover { background: rgba(37, 99, 235, 0.92); border-color: rgba(255, 255, 255, 0.35); }
#patch-lightbox-caption { position: absolute; left: 50%; bottom: 18px; transform: translateX(-50%); max-width: min(86vw, 980px); padding: 8px 12px; border-radius: 999px; background: rgba(15, 23, 42, 0.72); color: rgba(255, 255, 255, 0.92); font-size: 13px; line-height: 1.45; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; z-index: 2; }
#patch-lightbox-hint { position: absolute; left: 18px; bottom: 18px; padding: 8px 11px; border-radius: 10px; background: rgba(15, 23, 42, 0.64); color: rgba(255, 255, 255, 0.78); font-size: 12px; line-height: 1.4; z-index: 2; }
@media (max-width: 720px) {
  #patch-lightbox-toolbar { top: 12px; right: 12px; }
  #patch-lightbox-toolbar button { width: 38px; height: 38px; font-size: 16px; }
  #patch-lightbox-caption { bottom: 12px; max-width: calc(-24px + 100vw); border-radius: 10px; }
  #patch-lightbox-hint { display: none; }
}
html { scroll-behavior: auto !important; }
#phases-container :not(.atm-home-network-lines):not(.atm-home-network-bg), #training-phases-container :not(.atm-home-network-lines):not(.atm-home-network-bg), #affiliate-overview-patch :not(.atm-home-network-lines):not(.atm-home-network-bg), #affiliate-events-patch :not(.atm-home-network-lines):not(.atm-home-network-bg), #affiliate-structured-patch :not(.atm-home-network-lines):not(.atm-home-network-bg), #affiliate-features-patch :not(.atm-home-network-lines):not(.atm-home-network-bg) { transition: none !important; animation: auto ease 0s 1 normal none running none !important; }
.nav-dropdown-group:hover > .nav-dropdown-menu, .nav-dropdown-group:focus-within > .nav-dropdown-menu, .nav-dropdown-group.patch-dropdown-open > .nav-dropdown-menu, .nav-dropdown-group.patch-touch-open > .nav-dropdown-menu, [class*="nav-dropdown-group"]:hover > [class*="nav-dropdown-menu"], [class*="nav-dropdown-group"]:focus-within > [class*="nav-dropdown-menu"], [class*="nav-dropdown-group"].patch-dropdown-open > [class*="nav-dropdown-menu"], [class*="nav-dropdown-group"].patch-touch-open > [class*="nav-dropdown-menu"] { display: block !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; transform: translateY(0px) scale(1) !important; z-index: 10050 !important; }
.nav-dropdown-group:hover > .nav-dropdown-menu *, .nav-dropdown-group:focus-within > .nav-dropdown-menu *, .nav-dropdown-group.patch-dropdown-open > .nav-dropdown-menu *, .nav-dropdown-group.patch-touch-open > .nav-dropdown-menu *, [class*="nav-dropdown-group"]:hover > [class*="nav-dropdown-menu"] *, [class*="nav-dropdown-group"]:focus-within > [class*="nav-dropdown-menu"] *, [class*="nav-dropdown-group"].patch-dropdown-open > [class*="nav-dropdown-menu"] *, [class*="nav-dropdown-group"].patch-touch-open > [class*="nav-dropdown-menu"] * { visibility: visible !important; pointer-events: auto !important; }
.nav-group-header:hover + [class*="submenu"], .nav-group-header:hover + [class*="dropdown"], .nav-group-header:hover + [class*="children"], .nav-group-header:hover + [class*="group-items"], .nav-group-header:hover ~ [class*="submenu"], .nav-group-header:hover ~ [class*="dropdown"], .nav-group-header:hover ~ [class*="children"], .nav-group-header:hover ~ [class*="group-items"], [class*="submenu"]:hover, [class*="dropdown"]:hover, [class*="children"]:hover, [class*="group-items"]:hover { display: block !important; visibility: visible !important; opacity: 1 !important; height: auto !important; overflow: visible !important; }
html:has(body.patch-page-active), html:has(body.affiliate-patch-active) { scrollbar-gutter: stable; scrollbar-width: auto; min-height: 0px !important; overflow: hidden auto !important; }
body.patch-page-active, body.affiliate-patch-active { scrollbar-gutter: stable; scrollbar-width: auto; min-height: 0px !important; overflow: hidden auto !important; }
body.patch-page-active #root, body.affiliate-patch-active #root { min-height: 0px !important; height: auto !important; overflow: visible !important; }
body.patch-page-active #root > div:first-child, body.affiliate-patch-active #root > div:first-child { min-height: 0px !important; height: auto !important; overflow: visible !important; }
body.patch-page-active .page-container { display: none !important; }
body.patch-page-active::-webkit-scrollbar, body.affiliate-patch-active::-webkit-scrollbar, html:has(body.patch-page-active)::-webkit-scrollbar, html:has(body.affiliate-patch-active)::-webkit-scrollbar { width: 14px; height: 14px; }
body.patch-page-active::-webkit-scrollbar-track, body.affiliate-patch-active::-webkit-scrollbar-track, html:has(body.patch-page-active)::-webkit-scrollbar-track, html:has(body.affiliate-patch-active)::-webkit-scrollbar-track { background: rgb(233, 238, 247); }
body.patch-page-active::-webkit-scrollbar-thumb, body.affiliate-patch-active::-webkit-scrollbar-thumb, html:has(body.patch-page-active)::-webkit-scrollbar-thumb, html:has(body.affiliate-patch-active)::-webkit-scrollbar-thumb { background: rgb(159, 176, 200); border-radius: 999px; border: 3px solid rgb(233, 238, 247); }
body.patch-page-active .nav-dropdown-menu, body.patch-page-active [class*="nav-dropdown-menu"], body.affiliate-patch-active .nav-dropdown-menu, body.affiliate-patch-active [class*="nav-dropdown-menu"] { z-index: 10020 !important; }
body.patch-page-active canvas:not(.atm-home-network-bg), body.affiliate-patch-active canvas:not(.atm-home-network-bg) { display: none !important; pointer-events: none !important; }
body.patch-page-active #phases-container, body.patch-page-active #training-phases-container, body.patch-page-active #feedback-spa, body.patch-page-active #search-spa { min-height: 0px !important; z-index: 20 !important; }
body.patch-page-active #phases-container { overflow-x: clip !important; overflow-y: visible !important; }
body.patch-page-active #feedback-spa { box-sizing: border-box !important; width: 100% !important; padding-left: 16px !important; padding-right: 16px !important; }
body.patch-page-active #feedback-spa > div[style*="grid-template-columns"] { width: 100% !important; max-width: 1100px !important; box-sizing: border-box !important; }
@media (max-width: 720px) {
  body.patch-page-active #feedback-spa { padding: 84px 16px 34px !important; }
  body.patch-page-active #feedback-spa > div[style*="grid-template-columns"] { display: grid !important; grid-template-columns: 1fr !important; gap: 16px !important; margin-left: auto !important; margin-right: auto !important; }
  body.patch-page-active #feedback-spa input, body.patch-page-active #feedback-spa select, body.patch-page-active #feedback-spa textarea, body.patch-page-active #feedback-spa button[type="submit"] { width: 100% !important; min-width: 0px !important; box-sizing: border-box !important; }
  body.patch-page-active #phases-buttons, body.patch-page-active #training-phase-grid { grid-template-columns: 1fr !important; max-width: 100% !important; }
  body.patch-page-active #phase-detail .phase-detail-layout { display: block !important; }
  body.patch-page-active #phase-sidebar { width: auto !important; position: relative !important; top: auto !important; max-height: 260px !important; margin-bottom: 16px !important; }
  body.patch-page-active #phase-content { max-height: none !important; overflow: visible !important; padding-right: 0px !important; }
  body.patch-page-active #phase-content .operation-auto-toc-layout { grid-template-columns: 1fr !important; }
  body.patch-page-active #phase-content .operation-auto-toc { position: relative !important; top: auto !important; max-height: 230px !important; }
  body.patch-page-active #phase-content .operation-music-grid { grid-template-columns: 1fr !important; }
  body.patch-page-active #phase-content .operation-image-grid { grid-template-columns: 1fr !important; }
  body.patch-page-active .affiliate-detail-layout { grid-template-columns: 1fr !important; }
  body.patch-page-active .affiliate-detail-sidebar { position: relative !important; top: auto !important; max-height: 260px !important; }
}
body.affiliate-patch-active .page-container { display: none !important; }
#search-spa, #affiliate-overview-patch, #affiliate-events-patch, #affiliate-structured-patch, #affiliate-features-patch { min-height: 0px; background: transparent; position: relative; z-index: 20; }
body:not(.patch-page-active) #search-spa { display: none !important; }
body:not(.affiliate-patch-active) #affiliate-overview-patch { display: none !important; }
body:not(.affiliate-patch-active) #affiliate-events-patch { display: none !important; }
body:not(.affiliate-patch-active) #affiliate-structured-patch { display: none !important; }
body:not(.affiliate-patch-active) #affiliate-features-patch { display: none !important; }
.affiliate-patch-page { min-height: 100vh; padding: 96px 22px 56px; color: rgb(31, 41, 55); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif; position: relative; overflow: hidden; background: radial-gradient(circle at 8% 42%, rgba(59, 130, 246, 0.24) 0px, rgba(59, 130, 246, 0.24) 3px, transparent 4px), radial-gradient(circle at 28% 15%, rgba(59, 130, 246, 0.16) 0px, rgba(59, 130, 246, 0.16) 3px, transparent 4px), radial-gradient(circle at 49% 20%, rgba(59, 130, 246, 0.19) 0px, rgba(59, 130, 246, 0.19) 3px, transparent 4px), radial-gradient(circle at 74% 28%, rgba(59, 130, 246, 0.18) 0px, rgba(59, 130, 246, 0.18) 3px, transparent 4px), radial-gradient(circle at 91% 52%, rgba(59, 130, 246, 0.22) 0px, rgba(59, 130, 246, 0.22) 3px, transparent 4px), radial-gradient(circle at 22% 86%, rgba(59, 130, 246, 0.19) 0px, rgba(59, 130, 246, 0.19) 3px, transparent 4px), linear-gradient(135deg, rgb(174, 190, 214) 0%, rgb(189, 203, 224) 34%, rgb(201, 213, 232) 67%, rgb(212, 222, 237) 100%) rgb(185, 200, 223); }
.affiliate-patch-page { background-color: rgb(185, 200, 223) !important; background-image: radial-gradient(circle at 50% 35%, rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0.12) 26%, transparent 48%), linear-gradient(135deg, rgb(174, 190, 214) 0%, rgb(189, 203, 224) 34%, rgb(201, 213, 232) 67%, rgb(212, 222, 237) 100%) !important; background-size: 100% 100%, 100% 100% !important; background-position: center top !important; }
.affiliate-patch-page::after { content: ""; position: fixed; inset: 0px; pointer-events: none; background: radial-gradient(circle at 52% 18%, rgba(255, 255, 255, 0.22), transparent 24%), radial-gradient(circle at 48% 72%, rgba(59, 130, 246, 0.07), transparent 30%); z-index: 0; }
body.affiliate-patch-active .affiliate-patch-page::after, body.affiliate-patch-active .atm-home-network-lines, body.affiliate-patch-active .atm-home-network-bg { display: none !important; content: none !important; animation: auto ease 0s 1 normal none running none !important; will-change: auto !important; }
.affiliate-patch-shell { max-width: 1120px; margin: 0px auto; position: relative; z-index: 1; }
.affiliate-patch-hero { margin: 0px auto 30px; text-align: center; }
.affiliate-patch-titlebar { max-width: 780px; margin: 0px auto; }
.affiliate-patch-eyebrow { display: inline-flex; align-items: center; padding: 7px 15px; border: 1px solid rgba(37, 99, 235, 0.16); border-radius: 999px; color: rgb(37, 99, 235); background: rgba(255, 255, 255, 0.78); font-size: 13px; font-weight: 850; margin-bottom: 15px; box-shadow: rgba(42, 98, 176, 0.08) 0px 8px 22px; }
.affiliate-patch-page h1 { margin: 0px; font-size: clamp(34px, 4vw, 50px); line-height: 1.12; letter-spacing: 0px; font-weight: 900; color: rgb(17, 24, 39); }
.affiliate-patch-desc { max-width: 660px; margin: 14px auto 0px; color: rgb(93, 104, 120); font-size: 16px; line-height: 1.75; }
.affiliate-patch-grid { display: block; column-count: 3; column-gap: 18px; }
.affiliate-patch-card { position: relative; overflow: hidden; min-height: 0px; background: rgba(255, 255, 255, 0.9); border: 1px solid rgba(148, 163, 184, 0.24); border-radius: 18px; padding: 24px; box-shadow: rgba(45, 83, 143, 0.09) 0px 18px 42px; display: flex; flex-direction: column; justify-content: flex-start; gap: 18px; cursor: pointer; transition: transform 0.18s, border-color 0.18s, box-shadow 0.18s, background 0.18s; break-inside: avoid; margin: 0px 0px 18px; }
.affiliate-patch-card::before { content: ""; position: absolute; inset: 0px; background: linear-gradient(135deg,color-mix(in srgb,var(--accent) 13%,transparent),transparent 48%); opacity: 0.48; pointer-events: none; }
.affiliate-patch-card:hover, .affiliate-patch-card:focus-visible { transform: translateY(-3px); border-color: color-mix(in srgb,var(--accent) 32%,rgba(148,163,184,.35)); box-shadow: rgba(45, 83, 143, 0.13) 0px 22px 46px; background: rgb(255, 255, 255); outline: none; }
.affiliate-patch-card-head { position: relative; display: grid; grid-template-columns: 52px minmax(0px, 1fr); gap: 14px; align-items: start; }
.affiliate-patch-num { width: 50px; height: 50px; border-radius: 16px; background: color-mix(in srgb,var(--accent) 12%,white); color: var(--accent); display: flex; align-items: center; justify-content: center; font-size: 24px; font-weight: 850; box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent),0 12px 28px color-mix(in srgb,var(--accent) 19%,transparent); }
.affiliate-patch-card-title { min-width: 0px; }
.affiliate-patch-card h2 { margin: 0px 0px 8px; font-size: 21px; line-height: 1.32; color: rgb(17, 24, 39); font-weight: 900; }
.affiliate-patch-card p { margin: 0px; color: rgb(91, 102, 117); font-size: 14px; line-height: 1.7; }
.affiliate-patch-enter { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 14px; border-top: 1px solid rgba(148, 163, 184, 0.2); color: var(--accent); font-size: 14px; font-weight: 850; }
.affiliate-patch-enter { pointer-events: auto; text-decoration: none; min-height: 44px; }
.affiliate-patch-enter:hover { color: color-mix(in srgb,var(--accent) 82%,#111827); }
.affiliate-patch-enter:focus-visible { outline: 2px solid color-mix(in srgb,var(--accent) 45%,white); outline-offset: 3px; border-radius: 12px; }
.affiliate-patch-enter b { width: 28px; height: 28px; border-radius: 999px; display: flex; align-items: center; justify-content: center; background: color-mix(in srgb,var(--accent) 11%,white); font-size: 22px; line-height: 1; }
.affiliate-patch-children { position: relative; display: flex; flex-wrap: wrap; gap: 8px; margin-top: -6px; }
.affiliate-patch-child { display: inline-grid; grid-template-columns: auto minmax(0px, 1fr); align-items: center; gap: 7px; max-width: 100%; min-height: 32px; padding: 6px 9px; border-radius: 12px; border: 1px solid rgba(148, 163, 184, 0.22); background: rgba(248, 250, 252, 0.72); color: rgb(82, 96, 112); text-decoration: none; transition: background 0.16s, border-color 0.16s, color 0.16s; }
.affiliate-patch-child:hover { border-color: color-mix(in srgb,var(--accent) 28%,rgba(148,163,184,.35)); background: color-mix(in srgb,var(--accent) 8%,white); color: rgb(15, 23, 42); }
.affiliate-patch-child-thumb { width: 28px; height: 28px; border-radius: 9px; overflow: hidden; background: rgb(234, 242, 255); border: 1px solid rgba(148, 163, 184, 0.24); }
.affiliate-patch-child-thumb img { width: 100%; height: 100%; display: block; object-fit: cover; }
.affiliate-patch-child-copy { min-width: 0px; display: block; }
.affiliate-patch-child-copy > span { display: block; min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; font-weight: 800; }
.affiliate-patch-child-copy small { display: none; }
.affiliate-patch-page .overview-support { position: relative; z-index: 1; margin: 22px auto 0px; padding: 0px; }
.affiliate-patch-page .overview-support-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; margin: 0px 0px 16px; padding: 20px 22px; border-radius: 18px; background: rgba(255, 255, 255, 0.58); border: 1px solid rgba(255, 255, 255, 0.62); box-shadow: rgba(58, 86, 132, 0.08) 0px 14px 36px; backdrop-filter: blur(12px); }
.affiliate-patch-page .overview-support-head span { display: block; font-size: 13px; font-weight: 900; color: rgb(37, 99, 235); margin-bottom: 6px; }
.affiliate-patch-page .overview-support-head h2 { margin: 0px; max-width: 720px; color: rgb(38, 50, 71); font-size: 15px; line-height: 1.75; font-weight: 700; }
.affiliate-patch-page .overview-support-count { min-width: 86px; height: 64px; border-radius: 16px; background: rgb(255, 255, 255); color: rgb(37, 99, 235); display: flex; align-items: center; justify-content: center; gap: 5px; font-size: 25px; font-weight: 950; box-shadow: rgba(37, 99, 235, 0.08) 0px 0px 0px 1px inset; }
.affiliate-patch-page .overview-support-count small { font-size: 12px; color: rgb(100, 116, 139); font-weight: 800; }
.affiliate-patch-page .overview-support-grid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 14px; }
.affiliate-patch-page .overview-support-grid article { padding: 18px; border-radius: 16px; background: rgba(255, 255, 255, 0.72); border: 1px solid rgba(255, 255, 255, 0.7); box-shadow: rgba(58, 86, 132, 0.07) 0px 12px 28px; }
.affiliate-patch-page .overview-support-grid b { display: inline-flex; width: 34px; height: 34px; align-items: center; justify-content: center; border-radius: 11px; background: rgb(238, 246, 255); color: rgb(37, 99, 235); font-size: 12px; margin-bottom: 12px; }
.affiliate-patch-page .overview-support-grid strong { display: block; color: rgb(17, 24, 39); font-size: 16px; font-weight: 900; margin-bottom: 7px; }
.affiliate-patch-page .overview-support-grid p { margin: 0px; color: rgb(95, 107, 125); font-size: 13px; line-height: 1.7; }
@media (max-width: 980px) {
  .affiliate-patch-grid { column-count: 2; }
}
@media (max-width: 640px) {
  .affiliate-patch-page { padding: 84px 14px 34px; }
  .affiliate-patch-grid { column-count: 1; }
  .affiliate-patch-card { padding: 18px; }
  .affiliate-patch-card h2 { font-size: 19px; }
  .affiliate-patch-enter { min-height: 48px; font-size: 15px; }
  .affiliate-patch-page .overview-support-grid { grid-template-columns: 1fr; }
  .affiliate-patch-page .overview-support-head { align-items: flex-start; flex-direction: column; }
}
.search-page { min-height: 100vh; padding: 104px 24px 56px; color: rgb(29, 29, 31); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif; }
.search-page-shell { max-width: 960px; margin: 0px auto; }
.search-page-kicker { display: inline-flex; align-items: center; padding: 7px 12px; border: 1px solid rgba(59, 130, 246, 0.18); border-radius: 999px; color: rgb(37, 99, 235); background: rgb(255, 255, 255); font-size: 13px; font-weight: 800; margin-bottom: 16px; }
.search-page h1 { margin: 0px; font-size: clamp(34px, 5vw, 58px); line-height: 1.08; font-weight: 850; letter-spacing: 0px; }
.search-page-desc { max-width: 720px; margin: 14px 0px 24px; color: rgb(81, 81, 84); font-size: 17px; line-height: 1.7; }
.search-page-box { display: grid; grid-template-columns: minmax(0px, 1fr) auto; gap: 10px; align-items: center; padding: 12px; background: rgb(255, 255, 255); border: 1px solid rgba(148, 163, 184, 0.28); border-radius: 18px; box-shadow: rgba(20, 25, 38, 0.08) 0px 16px 40px; }
.search-page-input { width: 100%; min-width: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; background: rgb(248, 250, 252); border-radius: 12px; padding: 14px 16px; color: rgb(26, 29, 46); font-size: 16px; line-height: 1.4; }
.search-page-clear { border: 1px solid rgba(148, 163, 184, 0.38); background: rgb(255, 255, 255); color: rgb(71, 85, 105); border-radius: 12px; padding: 13px 16px; font-size: 14px; font-weight: 800; cursor: pointer; white-space: nowrap; }
.search-page-clear:hover { background: rgb(238, 246, 255); border-color: rgba(59, 130, 246, 0.28); color: rgb(37, 99, 235); }
.search-page-meta { margin: 16px 0px 12px; color: rgb(100, 116, 139); font-size: 14px; font-weight: 700; }
.search-page-empty { padding: 28px; border: 1px dashed rgba(148, 163, 184, 0.5); border-radius: 16px; background: rgb(255, 255, 255); color: rgb(138, 149, 176); text-align: center; }
.search-page-results { display: grid; gap: 10px; }
.search-page-result { display: grid; grid-template-columns: auto minmax(0px, 1fr); gap: 6px 10px; width: 100%; text-align: left; padding: 15px 16px; border-radius: 14px; border: 1px solid rgba(226, 232, 240, 0.95); background: rgb(255, 255, 255); color: rgb(26, 29, 46); cursor: pointer; box-shadow: rgba(20, 25, 38, 0.04) 0px 8px 24px; }
.search-page-result:hover { border-color: rgba(59, 130, 246, 0.3); transform: translateY(-1px); }
.search-page-type { align-self: start; font-size: 11px; font-weight: 800; color: rgb(37, 99, 235); background: rgba(59, 130, 246, 0.1); padding: 3px 8px; border-radius: 999px; }
.search-page-result strong { font-size: 15px; line-height: 1.45; }
.search-page-result small { grid-column: 2; color: rgb(100, 116, 139); font-size: 13px; line-height: 1.65; }
.search-keyword-hit, .patch-jump-hit { display: inline !important; padding: 1px 4px !important; border-radius: 5px !important; background: rgb(255, 242, 168) !important; color: rgb(17, 24, 39) !important; font-weight: 900 !important; box-shadow: rgba(245, 158, 11, 0.35) 0px -1px 0px inset !important; }
.patch-search-target { position: relative !important; outline: rgba(245, 158, 11, 0.72) solid 2px !important; outline-offset: 3px !important; background: linear-gradient(0deg, rgba(255, 247, 203, 0.2), rgba(255, 247, 203, 0.2)) !important; border-radius: 10px !important; box-shadow: rgba(245, 158, 11, 0.1) 0px 0px 0px 5px !important; }
.patch-search-location-badge { position: absolute !important; right: 10px !important; top: -14px !important; z-index: 30 !important; max-width: min(300px, 100% - 20px) !important; padding: 5px 10px !important; border-radius: 999px !important; background: rgb(245, 158, 11) !important; color: rgb(255, 255, 255) !important; font-size: 12px !important; font-weight: 900 !important; line-height: 1.2 !important; box-shadow: rgba(245, 158, 11, 0.22) 0px 8px 18px !important; pointer-events: none !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
.affiliate-events-page { padding: 88px 24px 56px; color: rgb(29, 29, 31); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif; }
.affiliate-events-shell { width: min(100%, -96px + 100vw); max-width: none; margin: 0px auto; }
.affiliate-back-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: 0px 14px; margin: 0px 0px 18px; border-radius: 999px; border: 1px solid rgba(0, 113, 227, 0.18); background: rgb(255, 255, 255); color: rgb(0, 113, 227); font-size: 14px; font-weight: 800; text-decoration: none; box-shadow: rgba(20, 25, 38, 0.06) 0px 8px 22px; transition: 0.18s; }
.affiliate-back-btn:hover, .affiliate-back-btn:focus-visible { transform: translateY(-1px); background: rgb(238, 246, 255); border-color: rgba(0, 113, 227, 0.32); outline: none; }
.affiliate-events-date { margin: 8px 0px 0px; text-align: center; color: rgb(138, 149, 176); font-size: 13px; }
.affiliate-events-pdf { margin: 0px 0px 24px; padding: 18px 20px; text-align: center; background: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 14px; box-shadow: rgba(20, 25, 38, 0.06) 0px 8px 24px; }
.affiliate-events-pdf a { color: rgb(59, 130, 246); font-size: 15px; font-weight: 700; text-decoration: none; }
.affiliate-detail-layout { display: grid; grid-template-columns: 236px minmax(0px, 1fr); gap: 20px; align-items: start; width: 100%; }
.affiliate-detail-sidebar { position: sticky; top: 92px; max-height: calc(-116px + 100vh); overflow: auto; padding: 14px; border-radius: 14px; background: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.08); box-shadow: rgba(20, 25, 38, 0.07) 0px 10px 28px; }
.affiliate-events-grid { scrollbar-gutter: auto; overscroll-behavior: auto; max-height: none !important; overflow: visible !important; padding-right: 0px !important; }
.affiliate-events-grid::-webkit-scrollbar, .affiliate-detail-sidebar::-webkit-scrollbar { width: 18px; }
.affiliate-events-grid::-webkit-scrollbar-track, .affiliate-detail-sidebar::-webkit-scrollbar-track { background: rgb(233, 238, 247); border-radius: 999px; }
.affiliate-events-grid::-webkit-scrollbar-thumb, .affiliate-detail-sidebar::-webkit-scrollbar-thumb { background: rgb(159, 176, 200); border-radius: 999px; border: 3px solid rgb(233, 238, 247); }
.affiliate-events-grid::-webkit-scrollbar-thumb:hover, .affiliate-detail-sidebar::-webkit-scrollbar-thumb:hover { background: rgb(127, 145, 173); }
.affiliate-events-grid, .affiliate-detail-sidebar { scrollbar-width: auto; scrollbar-color: rgb(159, 176, 200) rgb(233, 238, 247); }
.affiliate-detail-sidebar-title { margin: 0px 0px 10px; color: rgb(29, 29, 31); font-size: 14px; font-weight: 850; }
.affiliate-detail-toc { display: grid; gap: 8px; }
.affiliate-detail-toc button { display: grid; grid-template-columns: auto minmax(0px, 1fr); gap: 8px; align-items: start; width: 100%; padding: 10px 11px; border-radius: 11px; color: rgb(63, 70, 84); background: rgb(248, 250, 252); border: 1px solid rgba(226, 232, 240, 0.95); text-decoration: none; text-align: left; cursor: pointer; font-family: inherit; transition: none; }
.affiliate-detail-toc button:hover, .affiliate-detail-toc button:focus-visible { color: rgb(0, 113, 227); background: rgb(238, 246, 255); border-color: rgba(0, 113, 227, 0.22); outline: none; transform: none; }
.affiliate-detail-toc span { min-width: 25px; color: rgb(0, 113, 227); font-size: 11px; font-weight: 850; line-height: 1.5; }
.affiliate-detail-toc strong { min-width: 0px; font-size: 13px; line-height: 1.45; font-weight: 750; overflow-wrap: anywhere; }
.affiliate-events-card[id], .affiliate-feature-item[id] { scroll-margin-top: 96px; }
.affiliate-events-grid { display: grid; grid-template-columns: 1fr; gap: 18px; align-items: start; }
.affiliate-events-card { background: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 14px; overflow: hidden; box-shadow: rgba(20, 25, 38, 0.055) 0px 6px 18px; content-visibility: auto; contain-intrinsic-size: 320px; }
.affiliate-events-cover { width: 100%; height: clamp(180px, 32vw, 420px); max-width: 100%; object-fit: contain; display: block; background: rgb(248, 250, 252); border-bottom: 1px solid rgba(0, 0, 0, 0.06); margin: 0px auto; }
.affiliate-events-body { padding: 20px; }
.affiliate-events-index { display: inline-flex; align-items: center; justify-content: center; min-width: 38px; height: 28px; padding: 0px 10px; border-radius: 999px; background: rgb(238, 246, 255); color: rgb(0, 113, 227); font-size: 12px; font-weight: 800; margin-bottom: 12px; }
.affiliate-events-card h2 { margin: 0px 0px 8px; color: rgb(29, 29, 31); font-size: 20px; line-height: 1.35; letter-spacing: 0px; }
.affiliate-events-desc, .affiliate-events-text { margin: 0px 0px 12px; color: rgb(81, 81, 84); font-size: 15px; line-height: 1.75; }
.affiliate-events-list { margin: 0px 0px 12px; padding-left: 0px; color: rgb(63, 70, 84); line-height: 1.75; font-size: 15px; list-style: none; display: grid; gap: 7px; }
.affiliate-events-list li { margin: 0px; display: flex; align-items: flex-start; gap: 9px; }
.affiliate-line-icon { flex: 0 0 auto; width: 20px; height: 20px; margin-top: 3px; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; background: rgb(238, 246, 255); color: rgb(0, 113, 227); font-size: 11px; font-weight: 800; line-height: 1; }
.affiliate-title-icon { width: 34px; height: 34px; margin-right: 10px; display: inline-flex; align-items: center; justify-content: center; border-radius: 12px; background: linear-gradient(135deg, rgb(238, 246, 255), rgb(244, 248, 255)); border: 1px solid rgba(0, 113, 227, 0.14); font-size: 17px; vertical-align: middle; box-shadow: rgba(0, 113, 227, 0.08) 0px 6px 18px; }
.affiliate-events-card { position: relative; }
.affiliate-events-card::before { content: ""; position: absolute; inset: 0px auto 0px 0px; width: 3px; background: linear-gradient(rgb(0, 113, 227), rgb(96, 165, 250)); opacity: 0.75; }
.affiliate-events-tip { margin: 12px 0px; padding: 12px 14px; border-radius: 12px; border: 1px solid rgba(0, 113, 227, 0.16); background: rgb(238, 246, 255); color: rgb(23, 74, 124); font-size: 14px; line-height: 1.7; }
.affiliate-events-figure { margin: 14px 0px; }
.affiliate-events-figure img { width: 100%; min-height: 140px; max-height: 420px; object-fit: contain; display: block; border-radius: 12px; border: 1px solid rgba(0, 0, 0, 0.08); background: rgb(248, 250, 252); }
.affiliate-events-figure figcaption { margin-top: 8px; color: rgb(110, 110, 115); font-size: 13px; line-height: 1.5; text-align: center; }
.affiliate-structured-page .affiliate-events-card h2 { font-size: 22px; }
.affiliate-hero-figure img { max-height: 420px; }
.affiliate-feature-item { margin: 18px 0px 0px; padding-top: 18px; border-top: 1px solid rgba(0, 0, 0, 0.07); }
.affiliate-feature-item h3 { margin: 0px 0px 10px; color: rgb(29, 29, 31); font-size: 18px; line-height: 1.45; letter-spacing: 0px; }
@media (max-width: 900px) {
  .affiliate-events-page { padding-left: 16px; padding-right: 16px; }
  .affiliate-detail-layout { grid-template-columns: 1fr; }
  .affiliate-detail-sidebar { position: relative; top: auto; max-height: 260px; overflow-y: auto; }
  .affiliate-events-grid { padding-right: 0px; max-height: none !important; overflow: visible !important; }
  .affiliate-detail-toc { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
  .affiliate-events-shell { max-width: 960px; }
}
html, body { max-width: 100%; overflow-x: hidden !important; }
body * { box-sizing: border-box; }
.page-container { max-width: 100vw !important; overflow-x: hidden !important; }
body.patch-page-active #root, body.affiliate-patch-active #root { min-height: 0px !important; height: auto !important; overflow: visible !important; }
body.patch-page-active #root > div:first-child, body.affiliate-patch-active #root > div:first-child { min-height: 0px !important; height: auto !important; overflow: visible !important; }
.atm-home-network-lines { inset: 0px !important; width: 100% !important; max-width: 100% !important; transform: none !important; overflow: hidden !important; }
@media (max-width: 720px) {
  .page-container section { max-width: 100vw !important; overflow-x: hidden !important; }
  .page-container h1 { max-width: 100% !important; font-size: clamp(30px, 9vw, 36px) !important; line-height: 1.18 !important; overflow-wrap: normal !important; word-break: keep-all !important; letter-spacing: 0px !important; }
  .page-container h2 { font-size: clamp(24px, 7vw, 30px) !important; line-height: 1.25 !important; letter-spacing: 0px !important; }
  .page-container p { max-width: 100% !important; overflow-wrap: break-word !important; }
  .page-container a, .page-container button { max-width: 100% !important; }
  body.patch-page-active #phases-container, body.patch-page-active #training-phases-container, body.patch-page-active #feedback-spa, body.affiliate-patch-active .affiliate-patch-page { width: 100% !important; max-width: 100vw !important; overflow-x: hidden !important; }
  #phases-buttons { display: grid !important; grid-template-columns: 1fr !important; gap: 14px !important; width: 100% !important; max-width: 430px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 16px !important; padding-right: 16px !important; }
  #phases-buttons .phase-btn { width: 100% !important; min-width: 0px !important; min-height: 150px !important; display: flex !important; flex-direction: row !important; align-items: stretch !important; gap: 14px !important; padding: 18px !important; }
  #phases-buttons .phase-btn > div[style*="flex:1"], #phases-buttons .phase-btn > div[style*="flex: 1"] { flex: 1 1 auto !important; min-width: 0px !important; }
  #phases-buttons .phase-card-title { display: block !important; width: auto !important; min-width: 0px !important; max-width: 100% !important; font-size: 21px !important; line-height: 1.3 !important; white-space: normal !important; word-break: keep-all !important; overflow-wrap: normal !important; writing-mode: horizontal-tb !important; }
  #phases-buttons .phase-card-icon { width: 52px !important; height: 52px !important; font-size: 28px !important; flex: 0 0 52px !important; }
  #phases-buttons .phase-arrow { width: 34px !important; height: 34px !important; flex: 0 0 34px !important; }
  #training-phase-shell { width: 100% !important; max-width: 430px !important; padding-left: 16px !important; padding-right: 16px !important; }
  #training-phase-grid { display: grid !important; grid-template-columns: 1fr !important; gap: 14px !important; }
  .training-phase-card { width: 100% !important; min-width: 0px !important; min-height: 150px !important; gap: 14px !important; padding: 18px !important; }
  .training-phase-body { min-width: 0px !important; }
  .training-phase-title { font-size: 21px !important; line-height: 1.3 !important; white-space: normal !important; word-break: keep-all !important; }
  .training-phase-icon { width: 52px !important; height: 52px !important; font-size: 28px !important; flex-basis: 52px !important; }
  .training-phase-arrow { width: 34px !important; height: 34px !important; flex-basis: 34px !important; }
  .overview-support { width: 100% !important; max-width: 430px !important; padding-left: 16px !important; padding-right: 16px !important; }
  .overview-support-head { padding: 16px !important; border-radius: 16px !important; }
  .overview-support-grid { grid-template-columns: 1fr !important; }
  .affiliate-patch-page { padding-left: 16px !important; padding-right: 16px !important; }
  .affiliate-patch-grid { grid-template-columns: 1fr !important; }
  .affiliate-detail-layout { grid-template-columns: 1fr !important; }
  .affiliate-events-shell { width: 100% !important; max-width: 100% !important; }
  .affiliate-events-page { padding-left: 16px !important; padding-right: 16px !important; }
}
[data-patch-active="true"] { background-color: rgba(59, 130, 246, 0.08) !important; color: rgb(59, 130, 246) !important; border-color: rgba(59, 130, 246, 0.2) !important; }
[data-patch-active="true"] * { color: rgb(59, 130, 246) !important; }
.nav-dropdown-menu:empty, [class*="nav-dropdown-menu"]:empty { display: none !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; height: 0px !important; min-height: 0px !important; padding: 0px !important; margin: 0px !important; border: 0px !important; box-shadow: none !important; }
@media (pointer: fine) {
  *, ::before, ::after { cursor: none !important; }
}
@keyframes atmNetworkDrift { 
  0% { transform: translate3d(-1.6%, -1.2%, 0px) scale(1.035); opacity: 0.42; }
  50% { transform: translate3d(1.2%, 0.8%, 0px) scale(1.055); opacity: 0.58; }
  100% { transform: translate3d(2.1%, -1.6%, 0px) scale(1.04); opacity: 0.46; }
}
@keyframes atmNetworkPulse { 
  0%, 100% { opacity: 0.7; }
  50% { opacity: 0.92; }
}
.atm-home-network-lines { position: absolute !important; inset: -6% -4% !important; z-index: 0 !important; pointer-events: none !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20viewBox%3D%220%200%201600%20900%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%233b82f6%22%20stroke-opacity%3D%22.16%22%20stroke-width%3D%221%22%3E%3Cpath%20d%3D%22M20%20355L110%20264L235%20326L386%20158L548%20226L690%2098L835%20210L965%20105L1138%20202L1285%20118L1550%20255%22/%3E%3Cpath%20d%3D%22M0%20502L145%20436L262%20572L438%20476L572%20586L724%20480L902%20594L1038%20438L1225%20534L1395%20458L1600%20582%22/%3E%3Cpath%20d%3D%22M72%20782L230%20672L380%20762L522%20628L706%20728L850%20603L1040%20746L1198%20618L1370%20792L1534%20672%22/%3E%3Cpath%20d%3D%22M126%20118L285%20226L442%20142L600%20280L764%20122L924%20250L1086%20156L1252%20272L1448%20144%22/%3E%3Cpath%20d%3D%22M214%20312L438%20476L690%2098M572%20586L850%20603L1038%20438M965%20105L1225%20534L1534%20672%22/%3E%3C/g%3E%3Cg%20fill%3D%22%233b82f6%22%20fill-opacity%3D%22.28%22%3E%3Ccircle%20cx%3D%22110%22%20cy%3D%22264%22%20r%3D%223%22/%3E%3Ccircle%20cx%3D%22235%22%20cy%3D%22326%22%20r%3D%223%22/%3E%3Ccircle%20cx%3D%22442%22%20cy%3D%22142%22%20r%3D%223%22/%3E%3Ccircle%20cx%3D%22690%22%20cy%3D%2298%22%20r%3D%223%22/%3E%3Ccircle%20cx%3D%22965%22%20cy%3D%22105%22%20r%3D%223%22/%3E%3Ccircle%20cx%3D%221225%22%20cy%3D%22534%22%20r%3D%223%22/%3E%3Ccircle%20cx%3D%221448%22%20cy%3D%22144%22%20r%3D%223%22/%3E%3Ccircle%20cx%3D%22145%22%20cy%3D%22436%22%20r%3D%223%22/%3E%3Ccircle%20cx%3D%22572%22%20cy%3D%22586%22%20r%3D%223%22/%3E%3Ccircle%20cx%3D%22850%22%20cy%3D%22603%22%20r%3D%223%22/%3E%3Ccircle%20cx%3D%221198%22%20cy%3D%22618%22%20r%3D%223%22/%3E%3Ccircle%20cx%3D%221534%22%20cy%3D%22672%22%20r%3D%223%22/%3E%3C/g%3E%3C/svg%3E") !important; background-size: cover !important; background-position: center center !important; animation: 18s ease-in-out 0s infinite alternate none running atmNetworkDrift, 7s ease-in-out 0s infinite normal none running atmNetworkPulse !important; will-change: transform, opacity !important; }
.atm-home-network-bg { position: absolute !important; inset: 0px !important; width: 100% !important; height: 100% !important; z-index: 0 !important; pointer-events: none !important; display: block !important; opacity: 0.72 !important; }
#phases-container, #training-phases-container, .affiliate-patch-page { background: radial-gradient(circle at 50% 35%, rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0.12) 27%, transparent 52%) center center / 100% 100%, linear-gradient(135deg, rgb(174, 190, 214) 0%, rgb(189, 203, 224) 34%, rgb(201, 213, 232) 67%, rgb(212, 222, 237) 100%) 0% 0% / 100% 100% rgb(185, 200, 223) !important; }
#phases-container::after, #training-phases-container::after, .affiliate-patch-page::after { display: none !important; }
@media (max-width: 720px) {
  .atm-home-network-bg { opacity: 0.52 !important; }
}
#phase-content .operation-speech-topics { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 8px; margin-top: 14px; }
#phase-content .operation-speech-topic { border: 1px solid rgba(226, 232, 240, 0.95); border-radius: 10px; background: rgb(248, 250, 252); padding: 8px 10px; color: rgb(51, 65, 85); font-size: 12px; font-weight: 700; line-height: 1.45; }
#phase-content .operation-speech-layout { --op-accent: #f59e0b; margin-top: 16px; display: grid; grid-template-columns: minmax(190px, 240px) minmax(0px, 1fr); gap: 16px; align-items: start; }
#phase-content .operation-speech-toc { position: sticky; top: 92px; max-height: calc(-170px + 100vh); overflow: auto; border: 1px solid rgba(226, 232, 240, 0.95); border-radius: 14px; background: rgba(255, 255, 255, 0.96); padding: 12px; box-shadow: rgba(15, 23, 42, 0.05) 0px 2px 12px; }
#phase-content .operation-speech-toc-title { font-size: 13px; font-weight: 800; color: rgb(15, 23, 42); margin: 0px 0px 10px; }
#phase-content .operation-speech-toc button { width: 100%; display: flex; align-items: center; gap: 8px; text-align: left; border: 0px; background: transparent; border-radius: 10px; padding: 8px 9px; color: rgb(71, 85, 105); font-size: 12px; font-weight: 700; line-height: 1.35; cursor: pointer; }
#phase-content .operation-speech-toc button:hover, #phase-content .operation-speech-toc button.active { background: color-mix(in srgb,var(--op-accent) 12%,#fff); color: rgb(15, 23, 42); }
#phase-content .operation-speech-toc span { width: 22px; height: 22px; border-radius: 7px; background: color-mix(in srgb,var(--op-accent) 16%,#fff); color: var(--op-accent); display: inline-flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 900; flex: 0 0 auto; }
#phase-content .operation-speech-scroll { min-height: 0px; padding: 0px 12px 4px 0px; scrollbar-gutter: stable; height: auto !important; max-height: none !important; overflow: visible !important; }
#phase-content .operation-speech-scroll::-webkit-scrollbar, #phase-content .operation-speech-toc::-webkit-scrollbar { width: 16px; }
#phase-content .operation-speech-scroll::-webkit-scrollbar-track, #phase-content .operation-speech-toc::-webkit-scrollbar-track { background: rgb(238, 242, 247); border-radius: 999px; }
#phase-content .operation-speech-scroll::-webkit-scrollbar-thumb, #phase-content .operation-speech-toc::-webkit-scrollbar-thumb { background: color-mix(in srgb,var(--op-accent) 50%,#cbd5e1); border-radius: 999px; border: 3px solid rgb(238, 242, 247); }
#phase-content .operation-speech-toc { scrollbar-width: auto; scrollbar-color: color-mix(in srgb,var(--op-accent) 50%,#cbd5e1) #eef2f7; }
#phase-content .operation-speech-section { background: rgba(255, 255, 255, 0.97); border-top: 1px solid rgba(226, 232, 240, 0.95); border-right: 1px solid rgba(226, 232, 240, 0.95); border-bottom: 1px solid rgba(226, 232, 240, 0.95); border-image: none; border-left: 4px solid var(--op-accent); border-radius: 14px; box-shadow: rgba(15, 23, 42, 0.05) 0px 2px 12px; padding: 20px; margin-bottom: 14px; }
#phase-content .operation-speech-section h3 { display: flex; align-items: center; gap: 9px; font-size: 16px; font-weight: 800; color: rgb(26, 29, 46); margin: 0px 0px 12px; }
#phase-content .operation-speech-section h3 span { width: 28px; height: 28px; border-radius: 9px; background: color-mix(in srgb,var(--op-accent) 14%,#fff); color: var(--op-accent); display: inline-flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 900; flex: 0 0 auto; }
#phase-content .operation-speech-body { font-size: 13px; color: rgb(74, 79, 100); line-height: 1.78; }
#phase-content .operation-speech-paragraph { margin: 0px 0px 10px; padding: 10px 12px; border-radius: 10px; background: rgb(248, 250, 252); color: inherit; line-height: 1.78; }
#phase-content .operation-speech-paragraph-bulk { white-space: pre-wrap; word-break: break-word; }
#phase-content .operation-speech-chip-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 8px; margin: 10px 0px; }
#phase-content .operation-speech-chip { border: 1px solid rgba(226, 232, 240, 0.95); border-radius: 10px; background: rgb(255, 255, 255); padding: 8px 10px; color: inherit; font-size: 12px; font-weight: 700; line-height: 1.45; word-break: break-word; }
#phase-content .operation-speech-tables { display: grid; grid-template-columns: 1fr; gap: 12px; margin-top: 14px; }
#phase-content .operation-speech-table-card { border: 1px solid rgb(226, 232, 240); border-radius: 12px; background: rgb(255, 255, 255); overflow: hidden; box-shadow: rgba(15, 23, 42, 0.04) 0px 2px 10px; }
#phase-content .operation-speech-table-title { font-size: 13px; font-weight: 800; color: rgb(15, 23, 42); background: color-mix(in srgb,var(--op-accent) 10%,#fff); padding: 10px 12px; border-bottom: 1px solid rgb(226, 232, 240); }
#phase-content .operation-speech-table-wrap { overflow: auto; max-height: 360px; }
#phase-content .operation-speech-table-wrap table { width: 100%; min-width: 860px; border-collapse: collapse; font-size: 12px; color: rgb(51, 65, 85); line-height: 1.55; }
#phase-content .operation-speech-table-wrap th { background: rgb(238, 242, 247); color: rgb(15, 23, 42); font-weight: 800; text-align: center; padding: 9px 10px; border: 1px solid rgb(203, 213, 225); white-space: nowrap; }
#phase-content .operation-speech-table-wrap td { min-width: 90px; height: 36px; padding: 8px 10px; border: 1px solid rgb(226, 232, 240); background: rgb(255, 255, 255); vertical-align: top; }
#phase-content .operation-speech-table-wrap tbody tr:nth-child(2n) td { background: rgb(248, 250, 252); }
#phase-content .operation-speech-images { margin-top: 14px; display: grid; grid-template-columns: 1fr; gap: 12px; justify-items: center; }
#phase-content .operation-speech-images > div { width: 100%; text-align: center; }
#phase-content .operation-speech-images img { width: auto; max-width: min(100%, 720px); max-height: 520px; object-fit: contain; height: auto; border-radius: 12px; border: 1px solid rgb(226, 232, 240); box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 14px; background: rgb(255, 255, 255); }
@media (max-width: 860px) {
  #phase-content .operation-speech-layout { grid-template-columns: 1fr; }
  #phase-content .operation-speech-toc { position: relative; top: auto; max-height: 210px; }
  #phase-content .operation-speech-scroll { height: auto; max-height: 70vh; min-height: 420px; padding-right: 8px; }
}
#phase-detail .phase-detail-layout { width: 100%; align-items: flex-start; }
#phase-content { flex: 1 1 auto !important; min-width: 0px !important; max-width: none !important; max-height: none !important; overflow: visible !important; padding-right: 12px !important; scrollbar-gutter: stable !important; }
#phase-content::-webkit-scrollbar, #phase-sidebar::-webkit-scrollbar { width: 16px !important; }
#phase-content::-webkit-scrollbar-track, #phase-sidebar::-webkit-scrollbar-track { background: rgb(233, 238, 247) !important; border-radius: 999px !important; }
#phase-content::-webkit-scrollbar-thumb, #phase-sidebar::-webkit-scrollbar-thumb { background: rgb(159, 176, 200) !important; border-radius: 999px !important; border: 3px solid rgb(233, 238, 247) !important; }
#phase-content::-webkit-scrollbar-thumb:hover, #phase-sidebar::-webkit-scrollbar-thumb:hover { background: rgb(127, 145, 173) !important; }
#phase-content, #phase-sidebar { scrollbar-width: auto !important; scrollbar-color: rgb(159, 176, 200) rgb(233, 238, 247) !important; }
#phase-content .operation-image-grid { margin-top: 20px; display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 640px)); gap: 16px; justify-content: center; align-items: start; }
#phase-content .operation-image-grid.single-image { grid-template-columns: minmax(0px, 980px); justify-content: center; }
#phase-content .operation-image-card { display: flex; justify-content: center; align-items: flex-start; width: 100%; max-width: 100%; min-height: 140px; padding: 10px; background: rgb(248, 250, 252); border: 1px solid rgb(226, 232, 240); border-radius: 14px; overflow: hidden; text-align: center; }
#phase-content .operation-inline-image { display: block; width: min(100%, 640px); min-width: min(100%, 260px); max-width: 100%; max-height: none; min-height: 120px; height: auto; object-fit: contain; border-radius: 10px; border: 1px solid rgb(226, 232, 240); box-shadow: none; background: rgb(255, 255, 255); }
#phase-content .operation-image-grid.single-image .operation-inline-image { width: min(100%, 980px) !important; max-height: none !important; }
#phase-content .operation-inline-image.is-tall { width: min(100%, 460px); }
#phase-content .operation-inline-image.is-taller { width: min(100%, 420px); }
#phase-content .operation-image-grid.single-image .operation-inline-image.is-tall, #phase-content .operation-image-grid.single-image .operation-inline-image.is-taller { width: min(100%, 900px) !important; max-height: none !important; }
#phase-content .operation-inline-image.is-wide { width: min(100%, 900px); }
#phase-content .operation-image-grid.pk-battle-image { grid-template-columns: minmax(0px, 500px) !important; }
#phase-content .operation-image-grid.pk-battle-image .operation-image-card { padding: 8px; }
#phase-content .operation-image-grid.pk-battle-image .operation-inline-image { width: min(100%, 480px) !important; max-height: none !important; }
#phase-content .operation-auto-toc-layout { margin-top: 16px; display: grid; grid-template-columns: minmax(200px, 240px) minmax(0px, 1fr); gap: 16px; align-items: start; }
#phase-content .operation-auto-toc { position: sticky; top: 92px; max-height: calc(-170px + 100vh); overflow: auto; border: 1px solid rgba(226, 232, 240, 0.95); border-radius: 14px; background: rgba(255, 255, 255, 0.96); padding: 12px; box-shadow: rgba(15, 23, 42, 0.06) 0px 6px 18px; }
#phase-content .operation-auto-toc-title { font-size: 13px; font-weight: 800; color: rgb(15, 23, 42); margin: 0px 0px 10px; }
#phase-content .operation-auto-toc button { width: 100%; display: grid; grid-template-columns: auto minmax(0px, 1fr); gap: 8px; align-items: start; text-align: left; border: 0px; background: transparent; border-radius: 10px; padding: 8px 9px; color: rgb(71, 85, 105); font-size: 12px; font-weight: 700; line-height: 1.35; cursor: pointer; font-family: inherit; }
#phase-content .operation-auto-toc button:hover, #phase-content .operation-auto-toc button.active { background: color-mix(in srgb,var(--op-accent) 12%,#fff); color: rgb(15, 23, 42); }
#phase-content .operation-auto-toc span { width: 24px; height: 24px; border-radius: 8px; background: color-mix(in srgb,var(--op-accent) 16%,#fff); color: var(--op-accent); display: inline-flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 900; }
#phase-content .operation-auto-toc-content { min-width: 0px; }
#phase-content .operation-auto-section { scroll-margin-top: 96px; }
#phase-content .operation-auto-toc { scrollbar-width: auto; scrollbar-color: rgb(159, 176, 200) rgb(233, 238, 247); }
#phase-content .operation-auto-toc::-webkit-scrollbar { width: 14px; height: 14px; }
#phase-content .operation-auto-toc::-webkit-scrollbar-track { background: rgb(233, 238, 247); border-radius: 999px; }
#phase-content .operation-auto-toc::-webkit-scrollbar-thumb { background: rgb(159, 176, 200); border-radius: 999px; border: 3px solid rgb(233, 238, 247); }
@media (min-width: 861px) {
  #phase-detail .phase-detail-layout { grid-template-columns: 260px minmax(0px, 1fr); gap: 20px; display: grid !important; }
  #phase-sidebar { width: 260px !important; }
}
@media (max-width: 860px) {
  #phase-detail .phase-detail-layout { display: block !important; }
  #phase-sidebar { margin-bottom: 16px; width: auto !important; position: relative !important; top: auto !important; max-height: 260px !important; }
  #phase-content { max-height: none !important; overflow-y: visible !important; padding-right: 0px !important; }
  #phase-content .operation-auto-toc-layout { grid-template-columns: 1fr; }
  #phase-content .operation-auto-toc { position: relative; top: auto; max-height: 230px; }
  #phase-content .operation-image-grid { grid-template-columns: 1fr; justify-content: stretch; }
  #phase-content .operation-image-card { width: 100%; }
  #phase-content .operation-inline-image { width: auto; max-width: 100%; }
  #phase-content .operation-image-grid.single-image .operation-inline-image, #phase-content .operation-image-grid.single-image .operation-inline-image.is-tall, #phase-content .operation-image-grid.single-image .operation-inline-image.is-taller { width: 100% !important; }
}
html, body, *, ::before, ::after { cursor: auto !important; }
a, button, [role="button"], input[type="button"], input[type="submit"], input[type="file"], label[for], select, .file-upload { cursor: pointer !important; }
input[type="text"], input[type="email"], input[type="password"], input[type="search"], textarea { cursor: text !important; }
button:disabled, [aria-disabled="true"] { cursor: not-allowed !important; }
body.patch-page-active, body.patch-page-active *, body.affiliate-patch-active, body.affiliate-patch-active *, #feedback-spa, #phases-container, #training-phases-container, #affiliate-overview-patch, #affiliate-events-patch, #affiliate-structured-patch, #affiliate-features-patch, #feedback-spa *, #phases-container *, #training-phases-container *, #affiliate-overview-patch *, #affiliate-events-patch *, #affiliate-structured-patch *, #affiliate-features-patch * { cursor: auto !important; }
body.patch-page-active a, body.patch-page-active button, body.patch-page-active [role="button"], body.patch-page-active .phase-btn, body.affiliate-patch-active a, body.affiliate-patch-active button, body.affiliate-patch-active [role="button"], body.affiliate-patch-active .affiliate-patch-card, body.affiliate-patch-active .affiliate-patch-child { cursor: pointer !important; }
.page-container img:not([data-no-lightbox]), main img:not([data-no-lightbox]), article img:not([data-no-lightbox]), section img:not([data-no-lightbox]), #feedback-spa img:not([data-no-lightbox]), #phases-container img:not([data-no-lightbox]), #training-phases-container img:not([data-no-lightbox]), #affiliate-overview-patch img:not([data-no-lightbox]), #affiliate-events-patch img:not([data-no-lightbox]), #affiliate-structured-patch img:not([data-no-lightbox]), #affiliate-features-patch img:not([data-no-lightbox]) { cursor: zoom-in !important; }
#patch-image-lightbox, #patch-image-lightbox * { cursor: auto !important; }
#patch-image-lightbox button { cursor: pointer !important; }
#patch-lightbox-img { cursor: grab !important; }
#patch-lightbox-img.is-dragging { cursor: grabbing !important; }
div[aria-hidden="true"].hidden, #cursorRing, #cursorGlow { display: none !important; }
#phases-container { background-color: rgb(185, 200, 223) !important; background-image: radial-gradient(circle at 50% 35%, rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0.12) 26%, transparent 48%), linear-gradient(135deg, rgb(174, 190, 214) 0%, rgb(189, 203, 224) 34%, rgb(201, 213, 232) 67%, rgb(212, 222, 237) 100%) !important; background-size: 100% 100%, 100% 100% !important; background-position: center top !important; }
#phases-container::after { content: ""; position: fixed; inset: 0px; pointer-events: none; background: radial-gradient(circle at 52% 18%, rgba(255, 255, 255, 0.38), transparent 22%), radial-gradient(circle at 48% 72%, rgba(59, 130, 246, 0.08), transparent 28%); z-index: 0; }
#phases-header, #phases-buttons, #phase-detail, .overview-support { position: relative; z-index: 1; }
.overview-support { max-width: 1120px; margin: 0px auto; padding: 0px 22px; }
.overview-support-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; margin: 0px 0px 16px; padding: 20px 22px; border-radius: 18px; background: rgba(255, 255, 255, 0.58); border: 1px solid rgba(255, 255, 255, 0.62); box-shadow: rgba(58, 86, 132, 0.08) 0px 14px 36px; backdrop-filter: blur(12px); }
.overview-support-head span { display: block; font-size: 13px; font-weight: 900; color: rgb(37, 99, 235); margin-bottom: 6px; }
.overview-support-head h2 { margin: 0px; max-width: 720px; color: rgb(38, 50, 71); font-size: 15px; line-height: 1.75; font-weight: 700; }
.overview-support-count { min-width: 86px; height: 64px; border-radius: 16px; background: rgb(255, 255, 255); color: rgb(37, 99, 235); display: flex; align-items: center; justify-content: center; gap: 5px; font-size: 25px; font-weight: 950; box-shadow: rgba(37, 99, 235, 0.08) 0px 0px 0px 1px inset; }
.overview-support-count small { font-size: 12px; color: rgb(100, 116, 139); font-weight: 800; }
.overview-support-grid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 14px; }
.overview-support-grid article { padding: 18px; border-radius: 16px; background: rgba(255, 255, 255, 0.72); border: 1px solid rgba(255, 255, 255, 0.7); box-shadow: rgba(58, 86, 132, 0.07) 0px 12px 28px; }
.overview-support-grid b { display: inline-flex; width: 34px; height: 34px; align-items: center; justify-content: center; border-radius: 11px; background: rgb(238, 246, 255); color: rgb(37, 99, 235); font-size: 12px; margin-bottom: 12px; }
.overview-support-grid strong { display: block; color: rgb(17, 24, 39); font-size: 16px; font-weight: 900; margin-bottom: 7px; }
.overview-support-grid p { margin: 0px; color: rgb(95, 107, 125); font-size: 13px; line-height: 1.7; }
#phases-buttons { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 20px; margin: 0px auto 36px; max-width: 1120px; padding: 0px 22px; }
#phases-buttons .phase-btn { min-height: 188px; }
#phases-buttons .phase-btn::before { content: ""; position: absolute; inset: 0px; background: linear-gradient(135deg,color-mix(in srgb,var(--phase-color) 13%,transparent),transparent 48%); opacity: 0.48; pointer-events: none; }
#phases-buttons .phase-btn:hover { transform: translateY(-3px); box-shadow: rgba(45, 83, 143, 0.13) 0px 22px 46px !important; border-color: color-mix(in srgb,var(--phase-color) 32%,rgba(148,163,184,.35)) !important; background: rgb(255, 255, 255) !important; }
#phases-buttons .phase-btn:hover .phase-arrow { transform: translateX(4px); background: var(--phase-color) !important; color: rgb(255, 255, 255) !important; }
@media (max-width: 860px) {
  #phases-buttons { grid-template-columns: 1fr !important; max-width: 640px !important; padding: 0px 12px !important; }
  #phases-buttons .phase-btn { min-height: 128px !important; }
  .overview-support-grid { grid-template-columns: 1fr !important; }
  .overview-support-head { align-items: flex-start !important; flex-direction: column !important; }
}
@media (max-width: 520px) {
  #phases-container { padding-top: 72px !important; }
  #phases-buttons .phase-btn { padding: 20px !important; }
  .phase-card-icon { width: 52px !important; height: 52px !important; font-size: 28px !important; }
  .phase-card-title { font-size: 20px !important; }
}
.nav-dropdown-group:hover .nav-dropdown-menu { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; }

/* Unified visual background: keeps all captured content intact while giving every route a calmer work-focused surface. */
:root { --atm-canvas:#e7f0ec; --atm-rule:rgba(33,73,66,.055); }
html,body { background-color:var(--atm-canvas)!important; background-image:linear-gradient(90deg,var(--atm-rule) 1px,transparent 1px),linear-gradient(0deg,var(--atm-rule) 1px,transparent 1px),linear-gradient(180deg,#f8fbfa 0%,var(--atm-canvas) 100%)!important; background-size:32px 32px,32px 32px,100% 100%!important; background-attachment:fixed!important; }
#snapshot-host,#snapshot-host>#root,.page-container { background:transparent!important; }
.page-container>section:first-child { background:linear-gradient(180deg,rgba(255,255,255,.56),rgba(247,250,248,.08))!important; border-bottom:1px solid rgba(36,83,74,.1); }
.page-container>section:nth-child(even) { background:rgba(255,255,255,.34)!important; border-top:1px solid rgba(36,83,74,.065); border-bottom:1px solid rgba(36,83,74,.065); }
.page-container>section:last-of-type { background:#153c3b!important; }
#phases-container,#training-phases-container,.affiliate-patch-page,#feedback-spa,.search-page { background-color:var(--atm-canvas)!important; background-image:linear-gradient(90deg,rgba(31,91,79,.045) 1px,transparent 1px),linear-gradient(0deg,rgba(31,91,79,.045) 1px,transparent 1px),linear-gradient(180deg,#f6faf8 0%,#e1ece7 100%)!important; background-size:32px 32px,32px 32px,100% 100%!important; background-position:center top!important; }
#phases-container:after,#training-phases-container:after,.affiliate-patch-page:after { display:none!important; }
@media (max-width:680px) { html,body,#phases-container,#training-phases-container,.affiliate-patch-page,#feedback-spa,.search-page { background-size:24px 24px,24px 24px,100% 100%!important; } }