@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap";@import"//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css";/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-orange-400:oklch(75% .183 55.934);--color-orange-500:oklch(70.5% .213 47.604);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-teal-500:oklch(70.4% .14 182.503);--color-blue-50:oklch(97% .014 254.604);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-indigo-500:oklch(58.5% .233 277.117);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-500:oklch(62.7% .265 303.9);--color-pink-500:oklch(65.6% .241 354.308);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-md:.375rem;--radius-lg:.5rem;--radius-2xl:1rem;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--blur-sm:8px;--blur-lg:16px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.right-0{right:calc(var(--spacing)*0)}.bottom-0{bottom:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.\!container{width:100%!important}@media (min-width:40rem){.\!container{max-width:40rem!important}}@media (min-width:48rem){.\!container{max-width:48rem!important}}@media (min-width:64rem){.\!container{max-width:64rem!important}}@media (min-width:80rem){.\!container{max-width:80rem!important}}@media (min-width:96rem){.\!container{max-width:96rem!important}}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.-mx-1{margin-inline:calc(var(--spacing)*-1)}.mx-auto{margin-inline:auto}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-auto{margin-top:auto}.mr-2{margin-right:calc(var(--spacing)*2)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.h-1{height:calc(var(--spacing)*1)}.h-2{height:calc(var(--spacing)*2)}.h-3{height:calc(var(--spacing)*3)}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.max-h-\[85vh\]{max-height:85vh}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-dvh{min-height:100dvh}.w-2{width:calc(var(--spacing)*2)}.w-3{width:calc(var(--spacing)*3)}.w-3\.5{width:calc(var(--spacing)*3.5)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-10{width:calc(var(--spacing)*10)}.w-80{width:calc(var(--spacing)*80)}.min-w-0{min-width:calc(var(--spacing)*0)}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-t-2xl{border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-blue-200{border-color:var(--color-blue-200)}.border-blue-500\/20{border-color:#3080ff33}@supports (color:color-mix(in lab,red,red)){.border-blue-500\/20{border-color:color-mix(in oklab,var(--color-blue-500)20%,transparent)}}.border-blue-500\/50{border-color:#3080ff80}@supports (color:color-mix(in lab,red,red)){.border-blue-500\/50{border-color:color-mix(in oklab,var(--color-blue-500)50%,transparent)}}.border-gray-500\/20{border-color:#6a728233}@supports (color:color-mix(in lab,red,red)){.border-gray-500\/20{border-color:color-mix(in oklab,var(--color-gray-500)20%,transparent)}}.border-gray-500\/50{border-color:#6a728280}@supports (color:color-mix(in lab,red,red)){.border-gray-500\/50{border-color:color-mix(in oklab,var(--color-gray-500)50%,transparent)}}.border-gray-600\/50{border-color:#4a556580}@supports (color:color-mix(in lab,red,red)){.border-gray-600\/50{border-color:color-mix(in oklab,var(--color-gray-600)50%,transparent)}}.border-green-500\/20{border-color:#00c75833}@supports (color:color-mix(in lab,red,red)){.border-green-500\/20{border-color:color-mix(in oklab,var(--color-green-500)20%,transparent)}}.border-green-500\/50{border-color:#00c75880}@supports (color:color-mix(in lab,red,red)){.border-green-500\/50{border-color:color-mix(in oklab,var(--color-green-500)50%,transparent)}}.border-red-500\/20{border-color:#fb2c3633}@supports (color:color-mix(in lab,red,red)){.border-red-500\/20{border-color:color-mix(in oklab,var(--color-red-500)20%,transparent)}}.border-red-500\/50{border-color:#fb2c3680}@supports (color:color-mix(in lab,red,red)){.border-red-500\/50{border-color:color-mix(in oklab,var(--color-red-500)50%,transparent)}}.border-yellow-500\/20{border-color:#edb20033}@supports (color:color-mix(in lab,red,red)){.border-yellow-500\/20{border-color:color-mix(in oklab,var(--color-yellow-500)20%,transparent)}}.border-yellow-500\/50{border-color:#edb20080}@supports (color:color-mix(in lab,red,red)){.border-yellow-500\/50{border-color:color-mix(in oklab,var(--color-yellow-500)50%,transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-400\/20{background-color:#54a2ff33}@supports (color:color-mix(in lab,red,red)){.bg-blue-400\/20{background-color:color-mix(in oklab,var(--color-blue-400)20%,transparent)}}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-500\/10{background-color:#3080ff1a}@supports (color:color-mix(in lab,red,red)){.bg-blue-500\/10{background-color:color-mix(in oklab,var(--color-blue-500)10%,transparent)}}.bg-current,.bg-current\/10{background-color:currentColor}@supports (color:color-mix(in lab,red,red)){.bg-current\/10{background-color:color-mix(in oklab,currentcolor 10%,transparent)}}.bg-gray-400{background-color:var(--color-gray-400)}.bg-gray-500\/10{background-color:#6a72821a}@supports (color:color-mix(in lab,red,red)){.bg-gray-500\/10{background-color:color-mix(in oklab,var(--color-gray-500)10%,transparent)}}.bg-gray-500\/30{background-color:#6a72824d}@supports (color:color-mix(in lab,red,red)){.bg-gray-500\/30{background-color:color-mix(in oklab,var(--color-gray-500)30%,transparent)}}.bg-green-400{background-color:var(--color-green-400)}.bg-green-500{background-color:var(--color-green-500)}.bg-green-500\/10{background-color:#00c7581a}@supports (color:color-mix(in lab,red,red)){.bg-green-500\/10{background-color:color-mix(in oklab,var(--color-green-500)10%,transparent)}}.bg-green-500\/30{background-color:#00c7584d}@supports (color:color-mix(in lab,red,red)){.bg-green-500\/30{background-color:color-mix(in oklab,var(--color-green-500)30%,transparent)}}.bg-indigo-500{background-color:var(--color-indigo-500)}.bg-orange-500\/10{background-color:#fe6e001a}@supports (color:color-mix(in lab,red,red)){.bg-orange-500\/10{background-color:color-mix(in oklab,var(--color-orange-500)10%,transparent)}}.bg-pink-500{background-color:var(--color-pink-500)}.bg-purple-500{background-color:var(--color-purple-500)}.bg-purple-500\/10{background-color:#ac4bff1a}@supports (color:color-mix(in lab,red,red)){.bg-purple-500\/10{background-color:color-mix(in oklab,var(--color-purple-500)10%,transparent)}}.bg-red-400{background-color:var(--color-red-400)}.bg-red-500{background-color:var(--color-red-500)}.bg-red-500\/10{background-color:#fb2c361a}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/10{background-color:color-mix(in oklab,var(--color-red-500)10%,transparent)}}.bg-red-500\/30{background-color:#fb2c364d}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/30{background-color:color-mix(in oklab,var(--color-red-500)30%,transparent)}}.bg-teal-500{background-color:var(--color-teal-500)}.bg-yellow-400{background-color:var(--color-yellow-400)}.bg-yellow-400\/20{background-color:#fac80033}@supports (color:color-mix(in lab,red,red)){.bg-yellow-400\/20{background-color:color-mix(in oklab,var(--color-yellow-400)20%,transparent)}}.bg-yellow-500{background-color:var(--color-yellow-500)}.bg-yellow-500\/10{background-color:#edb2001a}@supports (color:color-mix(in lab,red,red)){.bg-yellow-500\/10{background-color:color-mix(in oklab,var(--color-yellow-500)10%,transparent)}}.bg-yellow-500\/30{background-color:#edb2004d}@supports (color:color-mix(in lab,red,red)){.bg-yellow-500\/30{background-color:color-mix(in oklab,var(--color-yellow-500)30%,transparent)}}.fill-yellow-400{fill:var(--color-yellow-400)}.fill-yellow-500{fill:var(--color-yellow-500)}.p-1{padding:calc(var(--spacing)*1)}.p-1\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-6{padding-block:calc(var(--spacing)*6)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-6{padding-top:calc(var(--spacing)*6)}.pr-1{padding-right:calc(var(--spacing)*1)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.text-center{text-align:center}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-blue-400{color:var(--color-blue-400)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-600{color:var(--color-gray-600)}.text-green-400{color:var(--color-green-400)}.text-green-500{color:var(--color-green-500)}.text-orange-400{color:var(--color-orange-400)}.text-purple-400{color:var(--color-purple-400)}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-white{color:var(--color-white)}.text-yellow-400{color:var(--color-yellow-400)}.text-yellow-500{color:var(--color-yellow-500)}.lowercase{text-transform:lowercase}.opacity-80{opacity:.8}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,)}.blur-lg{--tw-blur:blur(var(--blur-lg));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,)}.blur-sm{--tw-blur:blur(var(--blur-sm));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-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a))drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a)drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media (hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:border-blue-500\/80:hover{border-color:#3080ffcc}@supports (color:color-mix(in lab,red,red)){.hover\:border-blue-500\/80:hover{border-color:color-mix(in oklab,var(--color-blue-500)80%,transparent)}}.hover\:border-gray-500\/80:hover{border-color:#6a7282cc}@supports (color:color-mix(in lab,red,red)){.hover\:border-gray-500\/80:hover{border-color:color-mix(in oklab,var(--color-gray-500)80%,transparent)}}.hover\:border-green-500\/80:hover{border-color:#00c758cc}@supports (color:color-mix(in lab,red,red)){.hover\:border-green-500\/80:hover{border-color:color-mix(in oklab,var(--color-green-500)80%,transparent)}}.hover\:border-red-500\/80:hover{border-color:#fb2c36cc}@supports (color:color-mix(in lab,red,red)){.hover\:border-red-500\/80:hover{border-color:color-mix(in oklab,var(--color-red-500)80%,transparent)}}.hover\:border-yellow-500\/80:hover{border-color:#edb200cc}@supports (color:color-mix(in lab,red,red)){.hover\:border-yellow-500\/80:hover{border-color:color-mix(in oklab,var(--color-yellow-500)80%,transparent)}}.hover\:bg-current\/20:hover{background-color:currentColor}@supports (color:color-mix(in lab,red,red)){.hover\:bg-current\/20:hover{background-color:color-mix(in oklab,currentcolor 20%,transparent)}}.hover\:bg-red-500\/20:hover{background-color:#fb2c3633}@supports (color:color-mix(in lab,red,red)){.hover\:bg-red-500\/20:hover{background-color:color-mix(in oklab,var(--color-red-500)20%,transparent)}}.hover\:bg-yellow-500\/20:hover{background-color:#edb20033}@supports (color:color-mix(in lab,red,red)){.hover\:bg-yellow-500\/20:hover{background-color:color-mix(in oklab,var(--color-yellow-500)20%,transparent)}}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}@media (min-width:40rem){.sm\:inline{display:inline}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:gap-2{gap:calc(var(--spacing)*2)}.sm\:gap-4{gap:calc(var(--spacing)*4)}}@media (min-width:48rem){.md\:mt-8{margin-top:calc(var(--spacing)*8)}.md\:mb-6{margin-bottom:calc(var(--spacing)*6)}.md\:mb-8{margin-bottom:calc(var(--spacing)*8)}.md\:block{display:block}.md\:hidden{display:none}.md\:h-4{height:calc(var(--spacing)*4)}.md\:h-6{height:calc(var(--spacing)*6)}.md\:w-4{width:calc(var(--spacing)*4)}.md\:w-6{width:calc(var(--spacing)*6)}.md\:gap-2{gap:calc(var(--spacing)*2)}.md\:gap-3{gap:calc(var(--spacing)*3)}.md\:gap-4{gap:calc(var(--spacing)*4)}.md\:px-3{padding-inline:calc(var(--spacing)*3)}.md\:pt-8{padding-top:calc(var(--spacing)*8)}.md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media (min-width:64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:80rem){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}}:root{--primary-accent:#8b5ffe;--success-accent:#10b981;--warning-accent:#f59e0b;--danger-accent:#ef4444}:root,:root[data-theme=light]{--secondary-accent:#9ca3af;--tertiary-accent:#4b5563;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-quaternary:#e2e8f0;--bg-surface:#fff;--gradient-disabled:none;--gradient-mesh:none;--glass-bg:#f8fafce6;--glass-bg-strong:#f1f5f9f2;--glass-backdrop:blur(12px);--glass-backdrop-strong:blur(20px);--glass-border:#cbd5e166;--glass-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--glass-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--card-bg:#fff;--card-bg-hover:#f8fafc;--card-border:#e2e8f0;--card-border-hover:#cbd5e1;--card-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--card-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--card-shadow-hover:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--card-radius:1rem;--card-radius-lg:1.5rem;--font-display:"Inter","Spoqa Han Sans Neo",system-ui;--font-body:"Inter","Spoqa Han Sans Neo",system-ui;--font-code:"JetBrains Mono","SF Mono",monospace;--status-operational:5 150 105;--status-degraded:217 119 6;--status-partial-outage:220 38 38;--status-major-outage:185 28 28;--status-maintenance:75 85 99;--status-unknown:107 114 128;--background:255 255 255;--foreground:31 41 55;--card:255 255 255;--card-foreground:31 41 55;--popover:255 255 255;--popover-foreground:31 41 55;--primary:107 114 128;--primary-foreground:255 255 255;--secondary:249 250 251;--secondary-foreground:31 41 55;--muted:249 250 251;--muted-foreground:75 85 99;--accent:243 244 246;--accent-foreground:31 41 55;--destructive:239 68 68;--destructive-foreground:255 255 255;--border:229 231 235;--input:229 231 235;--ring:75 85 99;--radius:.5rem;--filter-alert-bg:#eff6ff;--filter-alert-border:#bfdbfe;--filter-alert-text:#1e3a8a;--icon-bg:#ffffffe6;--icon-bg-light:#fffffff2;--icon-bg-transparent:transparent;--status-operational-bg:#0596694d;--status-degraded-bg:#d977064d;--status-outage-bg:#b91c1c66;--status-maintenance-bg:#3b82f64d}:root[data-theme=dark]{--secondary-accent:#6b7280;--tertiary-accent:#d1d5db;--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-quaternary:#475569;--bg-surface:#1e293b;--glass-bg:#1e293be6;--glass-bg-strong:#0f172af2;--glass-backdrop:blur(12px);--glass-backdrop-strong:blur(20px);--glass-border:#47556966;--glass-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;--glass-shadow-lg:0 10px 15px -3px #0000004d,0 4px 6px -2px #0003;--card-bg:#1e293b;--card-bg-hover:#334155;--card-border:#475569;--card-border-hover:#64748b;--card-shadow:0 1px 3px 0 #0000004d,0 1px 2px 0 #0003;--card-shadow-lg:0 10px 15px -3px #0000004d,0 4px 6px -2px #0003;--card-shadow-hover:0 20px 25px -5px #0006,0 10px 10px -5px #0000004d;--card-radius:1rem;--card-radius-lg:1.5rem;--background:15 23 42;--foreground:226 232 240;--card:30 41 59;--card-foreground:226 232 240;--popover:30 41 59;--popover-foreground:226 232 240;--primary:139 95 254;--primary-foreground:255 255 255;--secondary:51 65 85;--secondary-foreground:226 232 240;--muted:51 65 85;--muted-foreground:148 163 184;--accent:71 85 105;--accent-foreground:226 232 240;--destructive:239 68 68;--destructive-foreground:255 255 255;--border:71 85 105;--input:71 85 105;--ring:139 95 254;--radius:.5rem;--filter-alert-bg:#3b82f61a;--filter-alert-border:#3b82f64d;--filter-alert-text:#93c5fd;--icon-bg:#1e293be6;--icon-bg-light:#1e293bf2;--icon-bg-transparent:transparent;--status-operational:34 197 94;--status-degraded:250 204 21;--status-partial-outage:248 113 113;--status-major-outage:239 68 68;--status-maintenance:96 165 250;--status-unknown:148 163 184;--status-operational-bg:#22c55e4d;--status-degraded-bg:#facc154d;--status-outage-bg:#f8717166;--status-maintenance-bg:#60a5fa4d}*{border-color:rgb(var(--border));color:rgb(var(--foreground));font-family:Spoqa Han Sans Neo,"sans-serif";transition:background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1)}h1,h2,h3,h4,h5,h6,p,span,div,button,a{color:rgb(var(--foreground))!important}body{background:var(--bg-primary);font-family:var(--font-body);font-feature-settings:"cv11","ss01";font-variation-settings:"opsz" 32;letter-spacing:-.01em;min-height:100dvh;margin:0;padding:0;transition:background-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1);overflow-x:hidden;color:rgb(var(--foreground))!important}@media (prefers-reduced-motion:reduce){body,*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html{background:var(--bg-primary);min-height:100dvh;margin:0;padding:0}body:before{content:"";background:var(--gradient-mesh);z-index:-1;width:100%;height:100%;animation:20s ease-in-out infinite float;position:fixed;top:0;left:0}body:after{content:"";z-index:-1;opacity:.6;background-image:radial-gradient(circle at 25% 25%,#2effb405,#0000 25%),radial-gradient(circle at 75% 75%,#677eea04,#0000 25%),radial-gradient(circle,#764ba203,#0000 25%);width:100%;height:100%;animation:15s ease-in-out infinite glass-shimmer;position:fixed;top:0;left:0}.card-base{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-backdrop);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--glass-shadow);padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.card-base:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.card-base:hover{background:var(--glass-bg-strong);box-shadow:var(--glass-shadow-lg),0 0 40px #2effb41a;border-color:#2effb44d}.card-base:hover:before{left:100%}.card-glass-pro{background:var(--glass-bg-strong);-webkit-backdrop-filter:var(--glass-backdrop-strong);border:1px solid var(--glass-border);border-radius:calc(var(--radius) + 4px);box-shadow:var(--glass-shadow-lg);padding:2.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.card-glass-pro:after{content:"";background:linear-gradient(90deg,#0000,#2effb480,#0000);height:1px;position:absolute;top:0;left:0;right:0}.card-glass-pro:hover{box-shadow:var(--glass-shadow-lg),0 0 60px #2effb426;border-color:#2effb466}.service-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius-lg);cursor:pointer;box-shadow:var(--card-shadow);flex-direction:column;width:100%;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.service-card-premium{border-radius:var(--radius);cursor:pointer;box-shadow:var(--card-shadow);background:linear-gradient(135deg,#fff,#f8fafccc);border:1px solid #8b5cf60f;flex-direction:column;width:100%;height:auto;min-height:180px;padding:1rem;transition:all .2s;display:flex;position:relative;overflow:hidden}.service-card-aiml,.service-card-cloud,.service-card-devtools,.service-card-business{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--card-shadow);color:#1f2937!important}.service-card-aiml:hover,.service-card-cloud:hover,.service-card-devtools:hover,.service-card-business:hover{background:var(--card-bg-hover);border-color:var(--card-border-hover)}.service-card-premium:hover{background:linear-gradient(135deg,#f8fafce6,#eef2ff);border-color:#8b5ffe33;transform:translateY(-2px);box-shadow:0 8px 25px #8b5ffe1f,0 4px 10px #00000014}.service-card-premium.expanded{min-height:200px}.service-card-premium:not(.expanded){min-height:160px}@media (max-width:768px){.btn-icon{justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:.75rem;display:flex}.btn-primary,.btn-secondary{min-height:44px;padding:.75rem 1.5rem}.service-card-premium{touch-action:manipulation;-webkit-tap-highlight-color:#8b5ffe1a;min-height:140px;padding:1rem}.service-card-premium.expanded{min-height:180px}.service-card-premium:not(.expanded){min-height:120px}.category-header-premium{touch-action:manipulation;-webkit-tap-highlight-color:#8b5ffe1a;min-height:44px;padding:.75rem 1rem}.btn-icon:active,.btn-primary:active,.btn-secondary:active{transition:transform .1s;transform:scale(.95)}.service-card-premium:active{transition:transform .1s;transform:scale(.98)}.custom-scrollbar{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}}:root[data-theme=dark] .service-card-premium{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--card-shadow)}:root[data-theme=dark] .service-card-premium:hover{background:var(--card-bg-hover);border-color:var(--card-border-hover);box-shadow:var(--card-shadow-hover)}:root[data-theme=dark] .service-card-premium:focus,:root[data-theme=dark] .service-card-premium:focus-visible{box-shadow:0 0 0 2px #8b5ffe99,var(--card-shadow);outline:none}.service-card-premium.status-critical{animation:2s infinite pulse-critical;transform:scale(1.02);border-color:#ef444499!important;box-shadow:0 0 30px #ef44444d,0 4px 12px #ef444433!important}.service-card-premium.status-critical:hover{transform:scale(1.05)translateY(-4px);box-shadow:0 0 40px #ef444466,0 8px 20px #ef44444d!important}@keyframes pulse-critical{0%,to{box-shadow:0 0 30px #ef44444d,0 4px 12px #ef444433}50%{box-shadow:0 0 40px #ef444480,0 6px 16px #ef44444d}}.service-card-premium.status-warning{border-color:#f59e0b80!important;box-shadow:0 0 20px #f59e0b33,0 4px 10px #f59e0b26!important}.service-card-premium.status-warning:hover{transform:translateY(-3px);box-shadow:0 0 30px #f59e0b4d,0 6px 15px #f59e0b33!important}.service-card-premium.status-normal{opacity:.85;transition:all .3s;transform:scale(.98)}.service-card-premium.status-normal:hover{opacity:1;transform:scale(1)translateY(-2px)}.service-card-premium.status-maintenance{border-color:#3b82f680!important;box-shadow:0 0 20px #3b82f633,0 4px 10px #3b82f626!important}.service-card-premium.status-maintenance:hover{transform:translateY(-3px);box-shadow:0 0 30px #3b82f64d,0 6px 15px #3b82f633!important}.service-icon-premium{transition:all .4s cubic-bezier(.25,.46,.45,.94);display:inline-block;position:relative}.service-icon-container{width:var(--icon-size,32px);height:var(--icon-size,32px);-webkit-backdrop-filter:var(--glass-backdrop);box-shadow:var(--glass-shadow);background:linear-gradient(135deg,#ffffffe6,#eef2ffe6);border:1px solid #8b5cf614;border-radius:12px;justify-content:center;align-items:center;transition:all .4s cubic-bezier(.25,.46,.45,.94);display:flex;position:relative;overflow:hidden}.service-icon-image{z-index:3;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative}:root[data-theme=dark] .service-icon-image{filter:brightness(1.1)contrast(1.05)}:root[data-theme=light] .service-icon-image{filter:brightness(.95)contrast(1.05)}.service-icon-glass{border-radius:inherit;z-index:4;opacity:0;background:linear-gradient(135deg,#ffffff1a,#0000 40%,#0000 60%,#ffffff0d);transition:opacity .4s;position:absolute;top:0;right:0;bottom:0;left:0}.service-icon-glow{background:var(--gradient-primary);opacity:0;filter:blur(4px);z-index:1;border-radius:14px;transition:opacity .4s;position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px}.service-icon-premium:hover .service-icon-container{box-shadow:var(--glass-shadow-lg),0 10px 30px #0003}.service-icon-premium:hover .service-icon-glass{opacity:1}.service-icon-premium:hover .service-icon-glow{opacity:.6}.service-icon-fallback{background:var(--icon-gradient,var(--gradient-primary));color:#fff;font-weight:700;font-family:var(--font-display);border-radius:12px;justify-content:center;align-items:center;transition:all .4s cubic-bezier(.25,.46,.45,.94);display:flex;position:relative;overflow:hidden}.service-icon-fallback:hover{box-shadow:var(--glass-shadow-lg),0 10px 30px #0000004d,0 0 20px #2effb433}.header-premium{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-backdrop-strong);border-bottom:1px solid var(--glass-border);box-shadow:var(--glass-shadow);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.gnb-primary{justify-content:space-between;align-items:center;min-height:48px;display:flex}.gnb-secondary{justify-content:flex-end;align-items:center;gap:.75rem;min-height:40px;display:flex}@media (max-width:768px){.gnb-primary{min-height:44px;padding:.5rem 0}.gnb-secondary{flex-wrap:wrap;justify-content:center;gap:.5rem;min-height:36px;padding:.5rem 0}.gnb-secondary .btn-icon{min-width:36px;min-height:36px;padding:.5rem}.gnb-secondary .btn-secondary{padding:.375rem .75rem;font-size:.75rem}}.header-premium:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(135deg,#ffffff14,#0000 30%,#0000 70%,#ffffff0a);position:absolute;top:0;right:0;bottom:0;left:0}.header-premium>*{z-index:2;position:relative}.header-premium.scrolled{background:var(--glass-bg-strong);box-shadow:var(--glass-shadow-lg),0 10px 40px #0000004d;border-bottom-color:#2effb433}.progress-ring-container{justify-content:center;align-items:center;transition:all .3s;display:flex;position:relative}.progress-ring{filter:drop-shadow(0 2px 8px #0003);transition:all .3s}.progress-ring-container:hover .progress-ring{filter:drop-shadow(0 4px 12px #2effb44d)}.progress-ring-text{font-family:var(--font-display);text-shadow:0 1px 3px #0000004d}.progress-ring-pulse{z-index:-1;background:radial-gradient(circle,#2effb44d,#2effb41a 50%,#0000 70%);border-radius:50%;width:56px;height:56px;margin:-28px 0 0 -28px;animation:2s ease-in-out infinite progressPulse;position:absolute;top:50%;left:50%}@keyframes progressPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.2;transform:scale(1.2)}}.progress-ring-container[data-status=warning] .progress-ring-progress{stroke:#e6a532}.progress-ring-container[data-status=warning] .progress-ring-text{fill:#e6a532}.progress-ring-container[data-status=critical] .progress-ring-progress{stroke:#d63031;animation:1.5s ease-in-out infinite ringPulse}.progress-ring-container[data-status=critical] .progress-ring-text{fill:#d63031}@keyframes ringPulse{0%,to{stroke-width:4px}50%{stroke-width:6px}}.service-card:not(.expanded){min-width:0;height:200px}.service-card.expanded{min-width:0;height:auto;min-height:200px}.service-description{text-overflow:ellipsis;white-space:nowrap;opacity:.8;color:var(--gray-secondary);flex-shrink:0;margin-top:.5rem;line-height:1.6;overflow:hidden}.service-card:after{content:"";background:var(--gradient-primary);border-radius:var(--radius)var(--radius)0 0;height:2px;transition:transform .4s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.service-card:before{content:"";z-index:1;background:linear-gradient(90deg,#0000,#ffffff14,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.service-card:hover:after{transform:scaleX(1)}.service-card:hover:before{left:100%}.service-card:hover{background:var(--card-bg-hover);border-color:var(--card-border-hover);box-shadow:var(--card-shadow-hover)}.component-card{background:var(--bg-accent);border:1px solid #edece80f;border-radius:12px;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.component-card:hover{background:#2effb40d;border-color:#2effb426;box-shadow:0 4px 12px #00000026}.favorite-card{background:#d1f7e314;border:1px solid #2effb426;border-radius:12px;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.favorite-card:hover{border-color:#2effb44d;box-shadow:0 8px 20px #2effb41a}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-primary{background:var(--primary-accent);color:#fff;font-family:var(--font-body);cursor:pointer;letter-spacing:-.01em;border:none;border-radius:12px;padding:.875rem 1.75rem;font-size:.875rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #8b5ffe40}.btn-primary:hover{background:#7c3aed;transform:translateY(-2px);box-shadow:0 6px 20px #8b5ffe66}.btn-secondary{color:var(--gray-secondary);cursor:pointer;letter-spacing:-.01em;background:0 0;border:1px solid #edece833;border-radius:12px;padding:.875rem 1.25rem;font-family:Spoqa Han Sans Neo,"sans-serif";font-size:.875rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-secondary:hover{color:var(--primary-accent);background:#8b5ffe14;border-color:#8b5ffe4d;box-shadow:0 4px 12px #0000001a}.btn-icon{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-backdrop);border:1px solid var(--glass-border);cursor:pointer;color:#edece8cc;border-radius:10px;justify-content:center;align-items:center;padding:.75rem;font-family:Spoqa Han Sans Neo,"sans-serif";transition:all .4s cubic-bezier(.25,.46,.45,.94);display:flex;position:relative;overflow:hidden}.btn-icon:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-icon:hover{background:var(--glass-bg-strong);color:var(--primary-accent);box-shadow:var(--glass-shadow),0 8px 25px #0003,0 0 20px #8b5ffe26;border-color:#8b5ffe4d}.btn-icon:hover:before{left:100%}.btn-icon:active{transition:all .1s}.btn-icon:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-icon:disabled:hover{background:var(--glass-bg);border-color:var(--glass-border);color:#edece880;box-shadow:var(--glass-shadow);transform:none}.status-dot{border-radius:50%;flex-shrink:0;width:.75rem;height:.75rem;transition:all .3s;position:relative;box-shadow:0 1px 3px #0003}@media (max-width:768px){.status-dot{width:.625rem;height:.625rem}}@media (min-width:769px){.status-dot{width:.75rem;height:.75rem}}.status-dot:after{content:"";opacity:0;border-radius:50%;transition:opacity .3s;position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px}.status-operational{background-color:var(--success-accent)!important;box-shadow:0 2px 8px #10b9814d!important}.status-operational:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b98166!important}.status-degraded{background-color:var(--warning-accent)!important;box-shadow:0 2px 8px #f59e0b66!important}.status-degraded:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b80!important}.status-partial-outage{background-color:var(--danger-accent)!important;box-shadow:0 2px 8px #ef444466!important}.status-partial-outage:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef444480!important}.status-major-outage{animation:2s infinite statusPulse;background-color:var(--danger-accent)!important;box-shadow:0 3px 10px #ef444480!important}.status-major-outage:hover{transform:translateY(-1px);box-shadow:0 5px 15px #ef444499!important}.status-maintenance{background-color:var(--primary-accent)!important;box-shadow:0 2px 8px #8b5ffe66!important}.status-maintenance:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5ffe80!important}.status-unknown{background-color:var(--secondary-accent)!important;box-shadow:0 2px 6px #9ca3af4d!important}.status-unknown:hover{transform:translateY(-1px);box-shadow:0 3px 8px #9ca3af66!important}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes glow{0%,to{box-shadow:0 0 5px}50%{box-shadow:0 0 20px}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.loading-gradient{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);animation:2s infinite shimmer}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.layout-sticky-header .header-section{z-index:50;background:var(--glass-bg-strong);-webkit-backdrop-filter:var(--glass-backdrop-strong);backdrop-filter:var(--glass-backdrop-strong);border-bottom:1px solid var(--glass-border);position:sticky;top:0}.layout-sticky-footer{flex-direction:column;min-height:100vh;display:flex}.layout-sticky-footer .main-content{flex:1}.layout-sticky-footer .footer-section{z-index:50;background:var(--glass-bg-strong);-webkit-backdrop-filter:var(--glass-backdrop-strong);backdrop-filter:var(--glass-backdrop-strong);border-top:1px solid var(--glass-border);position:sticky;bottom:0}.layout-sticky-both{flex-direction:column;min-height:100vh;display:flex}.layout-sticky-both .header-section{z-index:50;background:var(--glass-bg-strong);-webkit-backdrop-filter:var(--glass-backdrop-strong);backdrop-filter:var(--glass-backdrop-strong);border-bottom:1px solid var(--glass-border);box-shadow:var(--glass-shadow-lg);transition:transform .3s cubic-bezier(.4,0,.2,1);position:sticky;top:0}.layout-sticky-both .main-content{flex:1;padding-top:1rem;padding-bottom:1rem}.layout-sticky-both .footer-section{z-index:50;background:var(--glass-bg-strong);-webkit-backdrop-filter:var(--glass-backdrop-strong);backdrop-filter:var(--glass-backdrop-strong);border-top:1px solid var(--glass-border);transition:transform .3s cubic-bezier(.4,0,.2,1);position:sticky;bottom:0;box-shadow:0 -4px 6px -1px #0000001a}@media (max-width:768px){html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}body{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.mobile-scroll-hide .header-section{transition:transform .3s cubic-bezier(.4,0,.2,1);transform:translateY(-100%)}.mobile-scroll-hide .footer-section{transition:transform .3s cubic-bezier(.4,0,.2,1);transform:translateY(100%)}.mobile-scroll-show .header-section,.mobile-scroll-show .footer-section{transition:transform .3s cubic-bezier(.4,0,.2,1);transform:translateY(0)}}.custom-scrollbar::-webkit-scrollbar{width:8px}.custom-scrollbar::-webkit-scrollbar-track{background:#edece80d;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#2effb44d;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#2effb480}.category-section-premium{margin-bottom:1rem;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative}.category-header-premium{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);cursor:pointer;box-shadow:var(--card-shadow);border-left:4px solid var(--primary-accent);justify-content:space-between;align-items:center;padding:.75rem 1rem;transition:border-color .2s,background-color .2s;display:flex;position:relative}.category-header-premium:hover{background-color:var(--bg-secondary);border-color:var(--primary-accent)}.category-header-premium.visible{border-left-color:var(--primary-accent)}.category-header-premium.hidden{opacity:.7;border-left-color:rgb(var(--muted-foreground))}.category-icon-premium{color:#8b5cf6;background:linear-gradient(135deg,#f8fafc,#eef2ff);border:1px solid #8b5cf61a;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.125rem;transition:all .2s;display:flex}.category-header-premium:hover .category-icon-premium{color:#7c3aed;background:linear-gradient(135deg,#eef2ff,#ddd6fe);border-color:#8b5cf633}.category-title-premium{font-family:var(--font-body);margin:0;font-size:1rem;font-weight:500;transition:color .2s;color:rgb(var(--foreground))!important}.category-header-premium:hover .category-title-premium{color:var(--primary-accent)}.category-count-premium{color:#8b5cf6;background:linear-gradient(135deg,#f8fafc,#eef2ff);border:1px solid #8b5cf626;border-radius:12px;padding:.125rem .5rem;font-size:.75rem;font-weight:600;transition:all .2s}.category-header-premium:hover .category-count-premium{color:#7c3aed;background:linear-gradient(135deg,#eef2ff,#ddd6fe);border-color:#8b5cf640}:root[data-theme=dark] .category-count-premium{border:1px solid var(--card-border);background:linear-gradient(135deg,#1e293b,#334155);color:rgb(var(--foreground))!important}:root[data-theme=dark] .category-header-premium:hover .category-count-premium{border-color:var(--card-border-hover);background:linear-gradient(135deg,#334155,#475569);color:rgb(var(--foreground))!important}.category-toggle-premium{width:28px;height:28px;color:rgb(var(--muted-foreground));justify-content:center;align-items:center;transition:color .2s;display:flex}.category-toggle-premium.visible{color:var(--primary-accent)}.category-toggle-premium.hidden{color:rgb(var(--muted-foreground))}.category-header-premium:focus,.category-header-premium:focus-visible,.focus-ring:focus,.focus-ring:focus-visible{box-shadow:0 0 0 3px #8b5ffe66,0 0 0 1px var(--primary-accent);border-color:var(--primary-accent);outline:none}:root[data-theme=light] .focus-ring:focus,:root[data-theme=light] .focus-ring:focus-visible{box-shadow:0 0 0 3px #8b5ffe4d,0 0 0 1px var(--primary-accent)}:root[data-theme=dark] .focus-ring:focus,:root[data-theme=dark] .focus-ring:focus-visible{box-shadow:0 0 0 3px #8b5ffe80,0 0 0 1px var(--primary-accent)}:root[data-theme=dark] button:focus,:root[data-theme=dark] button:focus-visible,:root[data-theme=dark] a:focus,:root[data-theme=dark] a:focus-visible,:root[data-theme=dark] [role=button]:focus,:root[data-theme=dark] [role=button]:focus-visible,:root[data-theme=dark] .btn-icon:focus,:root[data-theme=dark] .btn-secondary:focus,:root[data-theme=dark] .sort-option:focus{outline:none;box-shadow:0 0 0 2px #8b5ffe99}:root[data-theme=dark] ::-moz-selection{color:#fff;background:#8b5ffe59}:root[data-theme=dark] ::selection{color:#fff;background:#8b5ffe59}:root[data-theme=dark] .service-card:before{background:linear-gradient(90deg,#0000,#8b5ffe1f,#0000)}:root[data-theme=dark] .header-premium:before{background:linear-gradient(135deg,#8b5ffe14,#0000 30%,#0000 70%,#8b5ffe0a)}:root[data-theme=dark] .btn-icon:before,:root[data-theme=dark] .card-base:before{background:linear-gradient(90deg,#0000,#8b5ffe33,#0000)}.container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}.bg-background{background-color:var(--bg-primary)}.bg-card{background-color:var(--card-bg)}.bg-primary{background-color:var(--primary-accent)}.bg-secondary{background-color:var(--bg-secondary)}.bg-muted{background-color:var(--bg-tertiary)}.bg-accent{background-color:var(--secondary-accent)}.text-foreground{color:rgb(var(--foreground))}.text-card-foreground{color:rgb(var(--card-foreground))}.text-primary-foreground{color:rgb(var(--primary-foreground))}.text-secondary-foreground{color:rgb(var(--secondary-foreground))}.text-muted-foreground{color:rgb(var(--muted-foreground))}.border-border{border-color:rgb(var(--border))}.border-input{border-color:rgb(var(--input))}.hover\:bg-accent:hover{background-color:rgb(var(--accent))}.hover\:text-accent-foreground:hover{color:rgb(var(--accent-foreground))}.hover\:bg-primary\/90:hover{background-color:#8b5cf6e6}@media (min-width:475px){.xs\:block{display:block}}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.hover-lift{transition:transform .3s}.service-grid{grid-template-columns:repeat(1,1fr);grid-auto-rows:1fr;gap:.5rem;display:grid}@media (min-width:640px){.service-grid{grid-template-columns:repeat(2,1fr);gap:.625rem}}@media (min-width:768px){.service-grid{grid-template-columns:repeat(3,1fr);gap:.75rem}}@media (min-width:1024px){.service-grid{grid-template-columns:repeat(3,1fr);gap:.875rem}}@media (min-width:1280px){.service-grid{grid-template-columns:repeat(4,1fr);gap:1rem}}.service-card-wrapper{transform-origin:50%;flex-direction:column;width:100%;transition:all .6s cubic-bezier(.4,0,.2,1);display:flex}.service-card-wrapper.moving{z-index:10}.sort-dropdown-container{position:relative}.sort-dropdown{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--card-border);z-index:100;width:10rem;box-shadow:var(--card-shadow-lg);border-radius:12px;margin-top:.5rem;padding:.5rem;position:absolute;top:100%;right:0}@media (max-width:768px){.sort-dropdown{left:0;right:auto}}.sort-option{text-align:left;width:100%;color:var(--gray-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.75rem;font-family:Spoqa Han Sans Neo,"sans-serif";font-size:.875rem;transition:all .2s}.sort-option:hover{color:var(--primary-accent);background:#8b5ffe14}.sort-option.active{color:var(--primary-accent);background:#8b5ffe26}.border-gradient{background:var(--bg-secondary);border-radius:var(--radius);border:1px solid #edece81a;position:relative}.line-clamp-1{-webkit-line-clamp:1;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.kakao_ad_area,.kakao_ad_area *{border-radius:0!important;transition:none!important;overflow:visible!important;transform:none!important}@media (max-width:768px){.min-h-screen{min-height:100dvh!important}@supports (-webkit-touch-callout:none){.min-h-screen{min-height:-webkit-fill-available!important}}}#root{background:var(--bg-primary);flex-direction:column;min-height:100dvh;display:flex}@media (max-width:768px){body,html,#root{background:var(--bg-primary)!important}.min-h-screen{min-height:100dvh!important}@supports (-webkit-touch-callout:none){.min-h-screen{min-height:-webkit-fill-available!important}}}.text-gradient{color:var(--primary-accent);letter-spacing:-.025em;font-family:Spoqa Han Sans Neo,"sans-serif";font-weight:700;line-height:1.3;transition:all .3s;display:inline-block;position:relative}.text-gradient:hover{color:#26e09f}.desktop-title{font-size:1.875rem;font-family:var(--font-display);color:rgb(var(--foreground));letter-spacing:-.02em;margin:0;font-weight:600;line-height:1.3;transition:color .3s}@media (max-width:767px){.desktop-title{letter-spacing:-.015em;font-size:1.5rem;font-weight:600}.text-gradient{font-size:1.5rem;font-weight:600}}.text-primary{color:var(--primary-accent)}.text-secondary{color:var(--gray-secondary)}.text-muted{color:#edece899}.text-black{color:var(--black-primary)}a{color:var(--primary-accent);text-decoration:none;transition:color .3s}a:hover{color:#26e09f}h1{color:var(--primary-accent);letter-spacing:-.03em;font-family:Spoqa Han Sans Neo,"sans-serif";font-weight:800;line-height:1.2}h2{color:var(--gray-secondary);letter-spacing:-.02em;font-family:Spoqa Han Sans Neo,"sans-serif";font-weight:700;line-height:1.3}h3{color:var(--gray-secondary);letter-spacing:-.01em;font-family:Spoqa Han Sans Neo,"sans-serif";font-weight:600;line-height:1.4}p{color:var(--gray-secondary);letter-spacing:-.005em;font-family:Spoqa Han Sans Neo,"sans-serif";line-height:1.6}.text-sm,.text-xs{color:#edece8cc;font-family:Spoqa Han Sans Neo,"sans-serif";line-height:1.5}.link-status-page{color:var(--primary-accent);transition:color .3s,background-color .3s}.link-status-page:hover{color:#26e09f;background:#2effb41a}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:100;background:#0a0a0acc;justify-content:center;align-items:center;padding:1rem;animation:.3s ease-out modalOverlayFadeIn;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.modal-content{background:var(--bg-secondary);border:1px solid #edece81f;border-radius:16px;flex-direction:column;width:100%;max-width:1000px;max-height:85vh;animation:.3s ease-out modalSlideIn;display:flex;overflow:hidden;box-shadow:0 25px 50px #00000080}.modal-header{align-items:center;justify-content:between;background:var(--bg-tertiary);border-bottom:1px solid #edece814;border-radius:16px 16px 0 0;padding:1.5rem 2rem;display:flex}.modal-title{color:var(--primary-accent);letter-spacing:-.01em;flex:1;margin:0;font-family:Spoqa Han Sans Neo,"sans-serif";font-size:1.25rem;font-weight:700}.modal-close-button{color:var(--gray-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:2rem;height:2rem;margin-left:1rem;font-family:Spoqa Han Sans Neo,"sans-serif";font-size:1.5rem;transition:all .2s;display:flex}.modal-close-button:hover{color:var(--primary-accent);background:#edece81a}.modal-body{background:var(--bg-secondary);flex:1;padding:2rem;overflow-y:auto}@media (max-width:768px){.modal-overlay{justify-content:center;align-items:center;padding:1rem}.modal-content{border-radius:16px;max-width:95%;height:auto;min-height:70vh;max-height:85vh;box-shadow:0 20px 40px #0006}.modal-header{border-radius:16px 16px 0 0;padding:1rem 1.25rem}.modal-body{padding:1rem 1.25rem}.modal-title{font-size:1rem}}@keyframes modalOverlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}.body-scroll-lock{width:100%;position:fixed;overflow:hidden}.filter-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}@media (max-width:768px){.filter-grid{grid-template-columns:1fr;gap:.75rem}}.filter-service-section{background:var(--bg-primary);border:1px solid #edece80f;border-radius:12px;padding:1.5rem;transition:all .3s}.filter-service-section:hover{background:#1a1a1acc;border-color:#2effb426}.filter-service-title{color:var(--gray-secondary);align-items:center;gap:.75rem;margin-bottom:1rem;font-family:Spoqa Han Sans Neo,"sans-serif";font-size:1rem;font-weight:600;display:flex}.filter-component-list{flex-direction:column;gap:.75rem;display:flex}.filter-component-item{cursor:pointer;group:true;border-radius:8px;align-items:center;gap:.75rem;padding:.5rem;transition:all .2s;display:flex}.filter-component-item:hover{background:#2effb40d}.filter-checkbox{cursor:pointer;background:0 0;border:1px solid #edece84d;border-radius:4px;width:1rem;height:1rem;transition:all .2s}.filter-checkbox:checked{background:var(--primary-accent);border-color:var(--primary-accent)}.filter-component-label{color:#edece8cc;flex:1;font-family:Spoqa Han Sans Neo,"sans-serif";font-size:.875rem;transition:color .2s}.filter-component-item:hover .filter-component-label{color:var(--gray-secondary)}.service-card.animate-pulse{animation:1.5s ease-in-out infinite skeletonPulse}@keyframes skeletonPulse{0%,to{opacity:1}50%{opacity:.7}}.service-card.animate-pulse>*{background:linear-gradient(90deg,#edece814 25%,#edece826,#edece814 75%) 0 0/200% 100%;animation:2s infinite skeletonShimmer}@keyframes skeletonShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.filter-service-header{cursor:pointer;background:#edece805;border:1px solid #edece80a;border-radius:8px;align-items:center;gap:.75rem;padding:1rem;transition:all .2s;display:flex}.filter-service-header:hover{background:#2effb40d;border-color:#2effb41a}.filter-service-title{color:var(--gray-secondary);flex:1;margin:0;font-family:Spoqa Han Sans Neo,"sans-serif";font-size:1rem;font-weight:600}.filter-master-toggle{background:var(--primary-accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.5rem 1rem;font-family:Spoqa Han Sans Neo,"sans-serif";font-size:.875rem;font-weight:600;transition:all .2s}.filter-master-toggle:hover{background:#26e09f}.filter-service-checkbox{cursor:pointer;background:0 0;border:1px solid #edece84d;border-radius:4px;width:1.125rem;height:1.125rem;transition:all .2s;position:relative}.filter-service-checkbox:checked{background:var(--primary-accent);border-color:var(--primary-accent)}.filter-service-checkbox:indeterminate{border-color:var(--primary-accent);background:#8b5ffe4d}.filter-service-checkbox:indeterminate:after{content:"";background:var(--black-primary);border-radius:1px;width:8px;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.filter-component-list{border-left:2px solid #2effb41a;margin-top:.75rem;padding-left:1rem;animation:.3s ease-out slideDown}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:500px;transform:translateY(0)}}.mobile-footer-compact{cursor:pointer;background:var(--bg-secondary);border:1px solid #edece814;border-bottom:none;border-radius:12px 12px 0 0;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.mobile-footer-compact:not(.expanded){max-height:60px}.mobile-footer-compact.expanded{border-bottom:1px solid #edece814;border-radius:12px;max-height:300px}.mobile-footer-summary{border-bottom:1px solid #edece80f;justify-content:space-between;align-items:center;gap:.5rem;padding:1rem;transition:all .3s;display:flex}.mobile-footer-summary:hover{background:#2effb408}.mobile-footer-details{opacity:0;padding:1rem;transition:all .3s .1s;transform:translateY(-10px)}.mobile-footer-compact.expanded .mobile-footer-details{opacity:1;transform:translateY(0)}.mobile-footer-toggle-icon{color:var(--primary-accent);transform-origin:50%;will-change:transform;font-size:.875rem;font-weight:700;line-height:1;transition:transform .3s cubic-bezier(.4,0,.2,1);display:inline-block}.mobile-footer-compact.expanded .mobile-footer-toggle-icon{transform:rotate(180deg)}.mobile-footer-badges{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1rem;display:flex}.mobile-footer-badge{white-space:nowrap;border-radius:6px;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.mobile-footer-stats{flex-direction:column;align-items:center;gap:.5rem;display:flex}.mobile-footer-stat-item{color:var(--gray-secondary);align-items:center;gap:.5rem;font-size:.75rem;display:flex}.mobile-footer-compact:active{background:#2effb40d}@keyframes footerBounce{0%{transform:translateY(0)}50%{transform:translateY(-2px)}to{transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.animate-slide-in{animation:.3s ease-out slideIn}.animate-slide-up{animation:.3s ease-out slideUp}.mobile-footer-compact.tap-feedback{animation:.3s footerBounce}@media (max-width:768px){.mobile-footer-compact{border-radius:12px;margin:.5rem;box-shadow:0 4px 20px #00000026}.mobile-footer-compact.expanded{z-index:40;position:sticky;bottom:.5rem}}.language-dropdown{position:relative}.language-dropdown .sort-dropdown{width:9rem}@media (max-width:768px){.language-dropdown .sort-dropdown{width:8rem;left:0;right:auto}}.status-summary-panel{width:100%}.status-summary-container{background:var(--card-bg);border:1px solid var(--card-border);border-radius:calc(var(--card-radius)*.75);padding:.5rem;transition:all .3s;box-shadow:0 1px 3px #0000000d}@media (min-width:1024px){.status-summary-container{padding:.75rem}}.status-summary-container:hover{box-shadow:0 2px 6px #00000014}.status-summary-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.status-summary-title{color:var(--foreground);margin:0;font-size:.875rem;font-weight:600}@media (min-width:1024px){.status-summary-title{font-size:1rem}}.status-summary-alert{border-radius:calc(var(--card-radius)*.75);color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b4d;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.6875rem;display:flex}@media (min-width:1024px){.status-summary-alert{gap:.375rem;padding:.375rem .75rem;font-size:.75rem}}.status-summary-stats{grid-template-columns:repeat(1,1fr);gap:.375rem;margin-bottom:.375rem;display:grid}@media (min-width:640px){.status-summary-stats{grid-template-columns:repeat(2,1fr);gap:.5rem}}@media (min-width:768px){.status-summary-stats{grid-template-columns:repeat(2,1fr);gap:.625rem}}@media (min-width:900px){.status-summary-stats{grid-template-columns:repeat(2,1fr);gap:.5rem}}@media (min-width:960px){.status-summary-stats{grid-template-columns:repeat(2,1fr);gap:.5rem}}@media (min-width:1024px){.status-summary-stats{grid-template-columns:repeat(4,1fr);gap:.5rem}}@media (min-width:1280px){.status-summary-stats{grid-template-columns:repeat(4,1fr);gap:.625rem}}.status-summary-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:calc(var(--card-radius)*.75);flex-direction:column;min-height:50px;padding:.5rem;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #00000008}@media (min-width:640px){.status-summary-card{min-height:60px;padding:.5rem}}@media (min-width:768px){.status-summary-card{min-height:65px;padding:.625rem}}@media (min-width:1024px){.status-summary-card{min-height:65px;padding:.625rem}}.status-summary-card:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000000f}.status-summary-card.selected{border-color:var(--primary-accent);box-shadow:0 0 0 2px #8b5ffe26,0 2px 4px #8b5ffe1a}.status-summary-card-header{color:var(--muted-foreground);flex-shrink:0;align-items:center;gap:.25rem;margin-bottom:.25rem;font-size:.625rem;font-weight:500;display:flex}@media (min-width:1024px){.status-summary-card-header{gap:.25rem;margin-bottom:.375rem;font-size:.6875rem}}.status-summary-card-value{flex-grow:1;justify-content:flex-start;align-items:baseline;gap:.25rem;margin-bottom:.125rem;display:flex}@media (min-width:1024px){.status-summary-card-value{margin-bottom:.25rem}}.status-summary-count{color:var(--foreground);font-size:1.125rem;font-weight:700;line-height:1}@media (min-width:1024px){.status-summary-count{font-size:1.25rem}}@media (min-width:1280px){.status-summary-count{font-size:1.5rem}}.status-summary-total{color:var(--muted-foreground);font-size:.6875rem;font-weight:500}@media (min-width:1024px){.status-summary-total{font-size:.75rem}}.status-summary-card-percentage{color:var(--muted-foreground);margin-top:auto;font-size:.625rem;font-weight:500}@media (min-width:1024px){.status-summary-card-percentage{font-size:.6875rem}}.status-summary-card-hint{color:var(--muted-foreground);opacity:.7;margin-top:auto;padding-top:.125rem;font-size:.5rem;transition:opacity .2s}@media (min-width:1024px){.status-summary-card-hint{padding-top:.25rem;font-size:.5625rem}}.status-summary-card:hover .status-summary-card-hint{opacity:1}.status-summary-health{background:linear-gradient(135deg,#8b5ffe0d,#8b5ffe1a);border-color:#8b5ffe33;grid-column:span 1}@media (min-width:640px){.status-summary-health{grid-column:span 1}}@media (min-width:768px){.status-summary-health{grid-column:span 1}}@media (min-width:900px){.status-summary-health{grid-column:span 1}}@media (min-width:960px){.status-summary-health{grid-column:span 1}}@media (min-width:1024px){.status-summary-health{grid-column:1}}.status-summary-health-score{flex-grow:1;align-items:baseline;gap:.25rem;margin-bottom:.25rem;display:flex}@media (min-width:1024px){.status-summary-health-score{margin-bottom:.375rem}}.status-summary-health-value{background:linear-gradient(135deg,var(--primary-accent)0%,#8b5ffeb3 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800;line-height:1}@media (min-width:1024px){.status-summary-health-value{font-size:1.75rem}}@media (min-width:1280px){.status-summary-health-value{font-size:2rem}}.status-summary-health-unit{color:var(--muted-foreground);font-size:.875rem;font-weight:600}@media (min-width:1024px){.status-summary-health-unit{font-size:1rem}}@media (min-width:1280px){.status-summary-health-unit{font-size:1.125rem}}.status-summary-health-bar{background:var(--bg-tertiary);border-radius:2px;width:100%;height:3px;margin-top:auto;position:relative;overflow:hidden}@media (min-width:1024px){.status-summary-health-bar{border-radius:2px;height:4px}}.status-summary-health-fill{background:linear-gradient(90deg,var(--primary-accent)0%,#8b5ffeb3 100%);border-radius:4px;height:100%;transition:width .3s}.status-summary-operational{border-left:4px solid var(--success-accent)}.status-summary-degraded{border-left:4px solid var(--warning-accent)}.status-summary-outage{border-left:4px solid var(--danger-accent)}.status-summary-message{border-radius:calc(var(--card-radius)*.75);color:var(--success-accent);text-align:center;background:#10b9811a;border:1px solid #10b9814d;justify-content:center;align-items:center;gap:.25rem;padding:.5rem;font-size:.6875rem;display:flex}@media (min-width:1024px){.status-summary-message{gap:.375rem;padding:.625rem;font-size:.75rem}}@media (max-width:640px){.status-summary-container{padding:.5rem}.status-summary-header{flex-direction:column;align-items:flex-start;gap:.25rem;margin-bottom:.5rem}.status-summary-title{font-size:.8125rem}.status-summary-card{min-height:55px;padding:.375rem}.status-summary-count{font-size:1rem}.status-summary-health-value{font-size:1.25rem}.status-summary-health-unit{font-size:.75rem}.status-summary-card-header{gap:.25rem;margin-bottom:.125rem;font-size:.5625rem}.status-summary-card-value{margin-bottom:.0625rem}.status-summary-total{font-size:.625rem}.status-summary-card-percentage{font-size:.5625rem}.status-summary-card-hint{padding-top:.0625rem;font-size:.5rem}.status-summary-health-bar{height:2px}.status-summary-health-score{margin-bottom:.125rem}.status-summary-message{gap:.25rem;padding:.375rem;font-size:.625rem}.status-summary-stats{gap:.375rem;margin-bottom:.375rem}}@media (min-width:640px) and (max-width:899px){.status-summary-stats{gap:.5rem}.status-summary-card{min-height:60px}.status-summary-health{min-height:70px}@media (min-width:768px){.status-summary-stats{gap:.625rem}.status-summary-card{min-height:65px}.status-summary-health{min-height:75px}}}@media (min-width:900px) and (max-width:1023px){.status-summary-stats{gap:.5rem}.status-summary-card{min-height:65px}.status-summary-health{min-height:75px}@media (min-width:960px){.status-summary-stats{gap:.625rem}.status-summary-card{min-height:70px}.status-summary-health{min-height:80px}}}.loading-progress-bar{margin-bottom:1.5rem}.loading-progress-container{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);padding:1rem}.loading-progress-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.loading-progress-title{color:var(--foreground);font-size:.875rem;font-weight:600}.loading-progress-count{color:var(--muted-foreground);font-size:.875rem;font-weight:600}.loading-progress-track{background:var(--bg-tertiary);border-radius:4px;width:100%;height:8px;margin-bottom:.5rem;position:relative;overflow:hidden}.loading-progress-fill{background:linear-gradient(90deg,var(--primary-accent)0%,#8b5ffeb3 100%);border-radius:4px;height:100%;transition:width .3s;position:relative;overflow:hidden}.loading-progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:1.5s infinite loading-shimmer;position:absolute;top:0;right:0;bottom:0;left:0}.loading-progress-fill.error{background:linear-gradient(90deg,var(--danger-accent)0%,#ef4444b3 100%)}.loading-progress-percentage{color:var(--muted-foreground);text-align:right;font-size:.75rem;font-weight:500}.loading-progress-error{border-radius:var(--card-radius);background:#ef44441a;border:1px solid #ef44444d;flex-direction:column;gap:.5rem;margin-top:.75rem;padding:.75rem;display:flex}.loading-progress-error-message{color:var(--danger-accent);margin:0;font-size:.875rem}.loading-progress-retry-btn{background:var(--danger-accent);color:#fff;border-radius:var(--card-radius);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.loading-progress-retry-btn:hover{background:#ef4444e6;transform:translateY(-1px)}@keyframes loading-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton-loader{background:var(--bg-tertiary);position:relative;overflow:hidden}.skeleton-shimmer{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%}:root[data-theme=dark] .skeleton-loader{background:var(--bg-tertiary)}:root[data-theme=dark] .skeleton-shimmer{background:linear-gradient(90deg,#0000,#ffffff0d,#0000)}@media (max-width:768px){.filter-service-section{border-radius:8px;padding:1rem}.loading-progress-container{padding:.75rem}.loading-progress-title,.loading-progress-count{font-size:.8125rem}.filter-service-header{gap:.5rem;min-height:44px;padding:.75rem}.filter-service-title{font-size:.875rem}.filter-component-list{gap:.5rem;margin-top:.5rem;padding-left:.75rem}.filter-component-item{touch-action:manipulation;-webkit-tap-highlight-color:#8b5ffe1a;min-height:44px;padding:.5rem}.filter-component-item:active{transition:transform .1s;transform:scale(.98)}.status-summary-card{touch-action:manipulation;-webkit-tap-highlight-color:#8b5ffe1a;min-height:44px}.status-summary-card:active{transition:transform .1s;transform:scale(.98)}.loading-progress-retry-btn{touch-action:manipulation;-webkit-tap-highlight-color:#ef44441a;min-height:44px}.filter-component-label{font-size:.8125rem}.mobile-footer-badges{gap:.375rem}.mobile-footer-badge{padding:.1875rem .375rem;font-size:.6875rem}.filter-master-toggle{border-radius:6px;padding:.375rem .75rem;font-size:.8125rem}.modal-body{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overflow-y:auto}.modal-body::-webkit-scrollbar{display:none}.modal-body{-ms-overflow-style:none;scrollbar-width:none}.filter-service-header,.filter-component-item,.modal-close-button,.filter-master-toggle{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.filter-checkbox,.filter-service-checkbox{width:.875rem;height:.875rem}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes pulse{50%{opacity:.5}}