@layer theme,base,components,utilities;@layer theme{@theme default{ --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-red-50: oklch(97.1% .013 17.38); --color-red-100: oklch(93.6% .032 17.717); --color-red-200: oklch(88.5% .062 18.334); --color-red-300: oklch(80.8% .114 19.571); --color-red-400: oklch(70.4% .191 22.216); --color-red-500: oklch(63.7% .237 25.331); --color-red-600: oklch(57.7% .245 27.325); --color-red-700: oklch(50.5% .213 27.518); --color-red-800: oklch(44.4% .177 26.899); --color-red-900: oklch(39.6% .141 25.723); --color-red-950: oklch(25.8% .092 26.042); --color-orange-50: oklch(98% .016 73.684); --color-orange-100: oklch(95.4% .038 75.164); --color-orange-200: oklch(90.1% .076 70.697); --color-orange-300: oklch(83.7% .128 66.29); --color-orange-400: oklch(75% .183 55.934); --color-orange-500: oklch(70.5% .213 47.604); --color-orange-600: oklch(64.6% .222 41.116); --color-orange-700: oklch(55.3% .195 38.402); --color-orange-800: oklch(47% .157 37.304); --color-orange-900: oklch(40.8% .123 38.172); --color-orange-950: oklch(26.6% .079 36.259); --color-amber-50: oklch(98.7% .022 95.277); --color-amber-100: oklch(96.2% .059 95.617); --color-amber-200: oklch(92.4% .12 95.746); --color-amber-300: oklch(87.9% .169 91.605); --color-amber-400: oklch(82.8% .189 84.429); --color-amber-500: oklch(76.9% .188 70.08); --color-amber-600: oklch(66.6% .179 58.318); --color-amber-700: oklch(55.5% .163 48.998); --color-amber-800: oklch(47.3% .137 46.201); --color-amber-900: oklch(41.4% .112 45.904); --color-amber-950: oklch(27.9% .077 45.635); --color-yellow-50: oklch(98.7% .026 102.212); --color-yellow-100: oklch(97.3% .071 103.193); --color-yellow-200: oklch(94.5% .129 101.54); --color-yellow-300: oklch(90.5% .182 98.111); --color-yellow-400: oklch(85.2% .199 91.936); --color-yellow-500: oklch(79.5% .184 86.047); --color-yellow-600: oklch(68.1% .162 75.834); --color-yellow-700: oklch(55.4% .135 66.442); --color-yellow-800: oklch(47.6% .114 61.907); --color-yellow-900: oklch(42.1% .095 57.708); --color-yellow-950: oklch(28.6% .066 53.813); --color-lime-50: oklch(98.6% .031 120.757); --color-lime-100: oklch(96.7% .067 122.328); --color-lime-200: oklch(93.8% .127 124.321); --color-lime-300: oklch(89.7% .196 126.665); --color-lime-400: oklch(84.1% .238 128.85); --color-lime-500: oklch(76.8% .233 130.85); --color-lime-600: oklch(64.8% .2 131.684); --color-lime-700: oklch(53.2% .157 131.589); --color-lime-800: oklch(45.3% .124 130.933); --color-lime-900: oklch(40.5% .101 131.063); --color-lime-950: oklch(27.4% .072 132.109); --color-green-50: oklch(98.2% .018 155.826); --color-green-100: oklch(96.2% .044 156.743); --color-green-200: oklch(92.5% .084 155.995); --color-green-300: oklch(87.1% .15 154.449); --color-green-400: oklch(79.2% .209 151.711); --color-green-500: oklch(72.3% .219 149.579); --color-green-600: oklch(62.7% .194 149.214); --color-green-700: oklch(52.7% .154 150.069); --color-green-800: oklch(44.8% .119 151.328); --color-green-900: oklch(39.3% .095 152.535); --color-green-950: oklch(26.6% .065 152.934); --color-emerald-50: oklch(97.9% .021 166.113); --color-emerald-100: oklch(95% .052 163.051); --color-emerald-200: oklch(90.5% .093 164.15); --color-emerald-300: oklch(84.5% .143 164.978); --color-emerald-400: oklch(76.5% .177 163.223); --color-emerald-500: oklch(69.6% .17 162.48); --color-emerald-600: oklch(59.6% .145 163.225); --color-emerald-700: oklch(50.8% .118 165.612); --color-emerald-800: oklch(43.2% .095 166.913); --color-emerald-900: oklch(37.8% .077 168.94); --color-emerald-950: oklch(26.2% .051 172.552); --color-teal-50: oklch(98.4% .014 180.72); --color-teal-100: oklch(95.3% .051 180.801); --color-teal-200: oklch(91% .096 180.426); --color-teal-300: oklch(85.5% .138 181.071); --color-teal-400: oklch(77.7% .152 181.912); --color-teal-500: oklch(70.4% .14 182.503); --color-teal-600: oklch(60% .118 184.704); --color-teal-700: oklch(51.1% .096 186.391); --color-teal-800: oklch(43.7% .078 188.216); --color-teal-900: oklch(38.6% .063 188.416); --color-teal-950: oklch(27.7% .046 192.524); --color-cyan-50: oklch(98.4% .019 200.873); --color-cyan-100: oklch(95.6% .045 203.388); --color-cyan-200: oklch(91.7% .08 205.041); --color-cyan-300: oklch(86.5% .127 207.078); --color-cyan-400: oklch(78.9% .154 211.53); --color-cyan-500: oklch(71.5% .143 215.221); --color-cyan-600: oklch(60.9% .126 221.723); --color-cyan-700: oklch(52% .105 223.128); --color-cyan-800: oklch(45% .085 224.283); --color-cyan-900: oklch(39.8% .07 227.392); --color-cyan-950: oklch(30.2% .056 229.695); --color-sky-50: oklch(97.7% .013 236.62); --color-sky-100: oklch(95.1% .026 236.824); --color-sky-200: oklch(90.1% .058 230.902); --color-sky-300: oklch(82.8% .111 230.318); --color-sky-400: oklch(74.6% .16 232.661); --color-sky-500: oklch(68.5% .169 237.323); --color-sky-600: oklch(58.8% .158 241.966); --color-sky-700: oklch(50% .134 242.749); --color-sky-800: oklch(44.3% .11 240.79); --color-sky-900: oklch(39.1% .09 240.876); --color-sky-950: oklch(29.3% .066 243.157); --color-blue-50: oklch(97% .014 254.604); --color-blue-100: oklch(93.2% .032 255.585); --color-blue-200: oklch(88.2% .059 254.128); --color-blue-300: oklch(80.9% .105 251.813); --color-blue-400: oklch(70.7% .165 254.624); --color-blue-500: oklch(62.3% .214 259.815); --color-blue-600: oklch(54.6% .245 262.881); --color-blue-700: oklch(48.8% .243 264.376); --color-blue-800: oklch(42.4% .199 265.638); --color-blue-900: oklch(37.9% .146 265.522); --color-blue-950: oklch(28.2% .091 267.935); --color-indigo-50: oklch(96.2% .018 272.314); --color-indigo-100: oklch(93% .034 272.788); --color-indigo-200: oklch(87% .065 274.039); --color-indigo-300: oklch(78.5% .115 274.713); --color-indigo-400: oklch(67.3% .182 276.935); --color-indigo-500: oklch(58.5% .233 277.117); --color-indigo-600: oklch(51.1% .262 276.966); --color-indigo-700: oklch(45.7% .24 277.023); --color-indigo-800: oklch(39.8% .195 277.366); --color-indigo-900: oklch(35.9% .144 278.697); --color-indigo-950: oklch(25.7% .09 281.288); --color-violet-50: oklch(96.9% .016 293.756); --color-violet-100: oklch(94.3% .029 294.588); --color-violet-200: oklch(89.4% .057 293.283); --color-violet-300: oklch(81.1% .111 293.571); --color-violet-400: oklch(70.2% .183 293.541); --color-violet-500: oklch(60.6% .25 292.717); --color-violet-600: oklch(54.1% .281 293.009); --color-violet-700: oklch(49.1% .27 292.581); --color-violet-800: oklch(43.2% .232 292.759); --color-violet-900: oklch(38% .189 293.745); --color-violet-950: oklch(28.3% .141 291.089); --color-purple-50: oklch(97.7% .014 308.299); --color-purple-100: oklch(94.6% .033 307.174); --color-purple-200: oklch(90.2% .063 306.703); --color-purple-300: oklch(82.7% .119 306.383); --color-purple-400: oklch(71.4% .203 305.504); --color-purple-500: oklch(62.7% .265 303.9); --color-purple-600: oklch(55.8% .288 302.321); --color-purple-700: oklch(49.6% .265 301.924); --color-purple-800: oklch(43.8% .218 303.724); --color-purple-900: oklch(38.1% .176 304.987); --color-purple-950: oklch(29.1% .149 302.717); --color-fuchsia-50: oklch(97.7% .017 320.058); --color-fuchsia-100: oklch(95.2% .037 318.852); --color-fuchsia-200: oklch(90.3% .076 319.62); --color-fuchsia-300: oklch(83.3% .145 321.434); --color-fuchsia-400: oklch(74% .238 322.16); --color-fuchsia-500: oklch(66.7% .295 322.15); --color-fuchsia-600: oklch(59.1% .293 322.896); --color-fuchsia-700: oklch(51.8% .253 323.949); --color-fuchsia-800: oklch(45.2% .211 324.591); --color-fuchsia-900: oklch(40.1% .17 325.612); --color-fuchsia-950: oklch(29.3% .136 325.661); --color-pink-50: oklch(97.1% .014 343.198); --color-pink-100: oklch(94.8% .028 342.258); --color-pink-200: oklch(89.9% .061 343.231); --color-pink-300: oklch(82.3% .12 346.018); --color-pink-400: oklch(71.8% .202 349.761); --color-pink-500: oklch(65.6% .241 354.308); --color-pink-600: oklch(59.2% .249 .584); --color-pink-700: oklch(52.5% .223 3.958); --color-pink-800: oklch(45.9% .187 3.815); --color-pink-900: oklch(40.8% .153 2.432); --color-pink-950: oklch(28.4% .109 3.907); --color-rose-50: oklch(96.9% .015 12.422); --color-rose-100: oklch(94.1% .03 12.58); --color-rose-200: oklch(89.2% .058 10.001); --color-rose-300: oklch(81% .117 11.638); --color-rose-400: oklch(71.2% .194 13.428); --color-rose-500: oklch(64.5% .246 16.439); --color-rose-600: oklch(58.6% .253 17.585); --color-rose-700: oklch(51.4% .222 16.935); --color-rose-800: oklch(45.5% .188 13.697); --color-rose-900: oklch(41% .159 10.272); --color-rose-950: oklch(27.1% .105 12.094); --color-slate-50: oklch(98.4% .003 247.858); --color-slate-100: oklch(96.8% .007 247.896); --color-slate-200: oklch(92.9% .013 255.508); --color-slate-300: oklch(86.9% .022 252.894); --color-slate-400: oklch(70.4% .04 256.788); --color-slate-500: oklch(55.4% .046 257.417); --color-slate-600: oklch(44.6% .043 257.281); --color-slate-700: oklch(37.2% .044 257.287); --color-slate-800: oklch(27.9% .041 260.031); --color-slate-900: oklch(20.8% .042 265.755); --color-slate-950: oklch(12.9% .042 264.695); --color-gray-50: oklch(98.5% .002 247.839); --color-gray-100: oklch(96.7% .003 264.542); --color-gray-200: oklch(92.8% .006 264.531); --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-gray-700: oklch(37.3% .034 259.733); --color-gray-800: oklch(27.8% .033 256.848); --color-gray-900: oklch(21% .034 264.665); --color-gray-950: oklch(13% .028 261.692); --color-zinc-50: oklch(98.5% 0 0); --color-zinc-100: oklch(96.7% .001 286.375); --color-zinc-200: oklch(92% .004 286.32); --color-zinc-300: oklch(87.1% .006 286.286); --color-zinc-400: oklch(70.5% .015 286.067); --color-zinc-500: oklch(55.2% .016 285.938); --color-zinc-600: oklch(44.2% .017 285.786); --color-zinc-700: oklch(37% .013 285.805); --color-zinc-800: oklch(27.4% .006 286.033); --color-zinc-900: oklch(21% .006 285.885); --color-zinc-950: oklch(14.1% .005 285.823); --color-neutral-50: oklch(98.5% 0 0); --color-neutral-100: oklch(97% 0 0); --color-neutral-200: oklch(92.2% 0 0); --color-neutral-300: oklch(87% 0 0); --color-neutral-400: oklch(70.8% 0 0); --color-neutral-500: oklch(55.6% 0 0); --color-neutral-600: oklch(43.9% 0 0); --color-neutral-700: oklch(37.1% 0 0); --color-neutral-800: oklch(26.9% 0 0); --color-neutral-900: oklch(20.5% 0 0); --color-neutral-950: oklch(14.5% 0 0); --color-stone-50: oklch(98.5% .001 106.423); --color-stone-100: oklch(97% .001 106.424); --color-stone-200: oklch(92.3% .003 48.717); --color-stone-300: oklch(86.9% .005 56.366); --color-stone-400: oklch(70.9% .01 56.259); --color-stone-500: oklch(55.3% .013 58.071); --color-stone-600: oklch(44.4% .011 73.639); --color-stone-700: oklch(37.4% .01 67.558); --color-stone-800: oklch(26.8% .007 34.298); --color-stone-900: oklch(21.6% .006 56.043); --color-stone-950: oklch(14.7% .004 49.25); --color-black: #000; --color-white: #fff; --spacing: .25rem; --breakpoint-sm: 40rem; --breakpoint-md: 48rem; --breakpoint-lg: 64rem; --breakpoint-xl: 80rem; --breakpoint-2xl: 96rem; --container-3xs: 16rem; --container-2xs: 18rem; --container-xs: 20rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-5xl: 64rem; --container-6xl: 72rem; --container-7xl: 80rem; --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-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: 1.2 ; --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --text-6xl: 3.75rem; --text-6xl--line-height: 1; --text-7xl: 4.5rem; --text-7xl--line-height: 1; --text-8xl: 6rem; --text-8xl--line-height: 1; --text-9xl: 8rem; --text-9xl--line-height: 1; --font-weight-thin: 100; --font-weight-extralight: 200; --font-weight-light: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; --font-weight-black: 900; --tracking-tighter: -.05em; --tracking-tight: -.025em; --tracking-normal: 0em; --tracking-wide: .025em; --tracking-wider: .05em; --tracking-widest: .1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --leading-loose: 2; --radius-xs: .125rem; --radius-sm: .25rem; --radius-md: .375rem; --radius-lg: .5rem; --radius-xl: .75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --radius-4xl: 2rem; --shadow-2xs: 0 1px rgb(0 0 0 / .05); --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05); --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1); --shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1); --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1); --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1); --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25); --inset-shadow-2xs: inset 0 1px rgb(0 0 0 / .05); --inset-shadow-xs: inset 0 1px 1px rgb(0 0 0 / .05); --inset-shadow-sm: inset 0 2px 4px rgb(0 0 0 / .05); --drop-shadow-xs: 0 1px 1px rgb(0 0 0 / .05); --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / .15); --drop-shadow-md: 0 3px 3px rgb(0 0 0 / .12); --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / .15); --drop-shadow-xl: 0 9px 7px rgb(0 0 0 / .1); --drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / .15); --text-shadow-2xs: 0px 1px 0px rgb(0 0 0 / .15); --text-shadow-xs: 0px 1px 1px rgb(0 0 0 / .2); --text-shadow-sm: 0px 1px 0px rgb(0 0 0 / .075), 0px 1px 1px rgb(0 0 0 / .075), 0px 2px 2px rgb(0 0 0 / .075); --text-shadow-md: 0px 1px 1px rgb(0 0 0 / .1), 0px 1px 2px rgb(0 0 0 / .1), 0px 2px 4px rgb(0 0 0 / .1); --text-shadow-lg: 0px 1px 2px rgb(0 0 0 / .1), 0px 3px 2px rgb(0 0 0 / .1), 0px 4px 8px rgb(0 0 0 / .1); --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-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite; --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite; --animate-bounce: bounce 1s infinite; @keyframes spin { to { transform: rotate(360deg); } } @keyframes ping { 75%, 100% { transform: scale(2); opacity: 0; } } @keyframes pulse { 50% { opacity: .5; } } @keyframes bounce { 0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(.8, 0, 1, 1); } 50% { transform: none; animation-timing-function: cubic-bezier(0, 0, .2, 1); } } --blur-xs: 4px; --blur-sm: 8px; --blur-md: 12px; --blur-lg: 16px; --blur-xl: 24px; --blur-2xl: 40px; --blur-3xl: 64px; --perspective-dramatic: 100px; --perspective-near: 300px; --perspective-normal: 500px; --perspective-midrange: 800px; --perspective-distant: 1200px; --aspect-video: 16 / 9; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); --default-font-family: --theme(--font-sans, initial); --default-font-feature-settings: --theme( --font-sans--font-feature-settings, initial ); --default-font-variation-settings: --theme( --font-sans--font-variation-settings, initial ); --default-mono-font-family: --theme(--font-mono, initial); --default-mono-font-feature-settings: --theme( --font-mono--font-feature-settings, initial ); --default-mono-font-variation-settings: --theme( --font-mono--font-variation-settings, initial ); }@theme default inline reference{ --blur: 8px; --shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1); --shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05); --drop-shadow: 0 1px 2px rgb(0 0 0 / .1), 0 1px 1px rgb(0 0 0 / .06); --radius: .25rem; --max-width-prose: 65ch; }}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:--theme(--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:--theme(--default-font-feature-settings,normal);font-variation-settings:--theme(--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:--theme(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:--theme(--default-mono-font-feature-settings,normal);font-variation-settings:--theme(--default-mono-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:-.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{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}: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}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::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,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-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]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{@tailwind utilities;}:root{--font-brand: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-title: "Spoqa Han Sans Neo", "SUIT", "Pretendard", sans-serif;--font-body: "Noto Sans KR", "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;--font-ui: "Inter", "Noto Sans KR", -apple-system, BlinkMacSystemFont, sans-serif;--font-system: "SUIT", "Pretendard", sans-serif}body{font-family:var(--font-body);line-height:var(--leading-relaxed);color:var(--text-primary);background-color:var(--bg-primary);font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.font-brand{font-family:var(--font-brand);font-weight:700}.font-title{font-family:var(--font-title);font-weight:600}.font-body{font-family:var(--font-body);font-weight:400}.font-ui{font-family:var(--font-ui);font-weight:500}.font-system{font-family:var(--font-system);font-weight:500}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-5xl{font-size:var(--text-5xl)}.text-6xl{font-size:var(--text-6xl)}.leading-tight{line-height:var(--leading-tight)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent-primary)}.text-success{color:var(--accent-success)}.text-warning{color:var(--accent-warning)}.text-error{color:var(--accent-error)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-section{background-color:var(--bg-section)}.bg-glass{background-color:var(--glass-bg)}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.section{padding:var(--section-spacing) 0}.section-sm{padding:var(--section-spacing-mobile) 0}.card{background:var(--bg-secondary);border-radius:var(--card-radius);padding:var(--card-padding);border:1px solid var(--border-primary);box-shadow:var(--card-shadow);transition:all .2s ease}.card:hover{box-shadow:var(--card-shadow-hover);border-color:var(--border-secondary)}.card-glass{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.grid{display:grid;gap:var(--grid-gap)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.touch-target{min-height:var(--touch-target);min-width:var(--touch-target);display:inline-flex;align-items:center;justify-content:center}:root{--bg-primary: #0B0F1A;--bg-secondary: #0E1627;--bg-section: #0E1627;--text-primary: #E5E7EB;--text-secondary: #9CA3AF;--text-muted: #6B7280;--accent-primary: #3B82F6;--accent-secondary: #00B0FF;--accent-success: #10B981;--accent-warning: #F59E0B;--accent-error: #EF4444;--border-primary: rgba(255, 255, 255, .08);--border-secondary: rgba(255, 255, 255, .12);--divider: rgba(255, 255, 255, .14);--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--primary-color: #3B82F6;--primary-dark: #2563EB;--secondary-color: #00B0FF;--success-color: #10B981;--warning-color: #F59E0B;--error-color: #EF4444;--white: #FFFFFF;--black: #000000;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 4rem;--space-3xl: 6rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.75rem;--text-4xl: 2rem;--text-5xl: 2.5rem;--text-6xl: 3rem;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.7;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--container-max: 1280px;--container-padding: 1.5rem;--section-spacing: 5rem;--section-spacing-mobile: 3rem;--grid-gap: 1.5rem;--grid-gap-mobile: 1rem;--card-padding: 1.5rem;--card-radius: 1.25rem;--card-shadow: 0 1px 3px rgba(0, 0, 0, .1);--card-shadow-hover: 0 4px 6px rgba(0, 0, 0, .1);--touch-target: 2.75rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--transition-fast: .15s ease-in-out;--transition-normal: .3s ease-in-out;--transition-slow: .5s ease-in-out}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-md)}.section-padding{padding:var(--space-3xl) 0}.text-gradient{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-lg);font-weight:600;text-decoration:none;transition:all var(--transition-fast);border:none;cursor:pointer;font-size:var(--text-base)}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:var(--white);box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--white);color:var(--gray-900);border:2px solid var(--gray-200)}.btn-secondary:hover{border-color:var(--primary-color);color:var(--primary-color)}.grid{display:grid;gap:var(--space-lg)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.animate-fade-in-up{animation:fadeInUp .6s ease-out}.animate-fade-in-left{animation:fadeInLeft .6s ease-out}.animate-pulse{animation:pulse 2s infinite}@media(max-width:768px){.container{padding:0 var(--space-sm)}.section-padding{padding:var(--space-xl) 0}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@media(prefers-color-scheme:dark){:root{--white: #0f0f0f;--black: #ffffff;--gray-50: #1a1a1a;--gray-100: #262626;--gray-200: #404040;--gray-300: #525252;--gray-400: #737373;--gray-500: #a3a3a3;--gray-600: #d4d4d4;--gray-700: #e5e5e5;--gray-800: #f5f5f5;--gray-900: #ffffff}}@source "../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php";@source "../../storage/framework/views/*.php";@source "../**/*.blade.php";@source "../**/*.js";@theme{ --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#admin-app{min-height:100vh}.btn{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;text-decoration:none;display:inline-block;text-align:center;transition:all .3s ease}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:#3498db;color:#fff}.btn-primary:hover:not(:disabled){background:#2980b9}.btn-secondary{background:#95a5a6;color:#fff}.btn-secondary:hover:not(:disabled){background:#7f8c8d}.btn-success{background:#27ae60;color:#fff}.btn-success:hover:not(:disabled){background:#229954}.btn-danger{background:#e74c3c;color:#fff}.btn-danger:hover:not(:disabled){background:#c0392b}.btn-warning{background:#f39c12;color:#fff}.btn-warning:hover:not(:disabled){background:#e67e22}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#2c3e50;font-weight:500;font-size:14px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border:2px solid #ecf0f1;border-radius:6px;font-size:14px;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3498db}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:#f8f9fa;color:#7f8c8d;cursor:not-allowed}.toast{position:fixed;top:20px;right:20px;padding:15px 20px;border-radius:6px;color:#fff;font-weight:500;z-index:1000;animation:slideIn .3s ease}.toast.success{background:#27ae60}.toast.error{background:#e74c3c}.toast.warning{background:#f39c12}.toast.info{background:#3498db}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:3rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:3rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:1rem}.p-4{padding:1.5rem}.p-5{padding:3rem}.d-flex{display:flex}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}.align-items-center{align-items:center}.flex-column{flex-direction:column}.w-100{width:100%}.h-100{height:100%}@media(max-width:768px){.toast{left:20px;right:20px;top:10px}}.modal-overlay[data-v-9b35c798]{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn-9b35c798 .3s ease}@keyframes fadeIn-9b35c798{0%{opacity:0}to{opacity:1}}.modal-content[data-v-9b35c798]{background:linear-gradient(135deg,#0f172a,#1e293b);border:1px solid rgba(59,130,246,.3);border-radius:24px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #00000080,0 0 0 1px #ffffff0d;animation:slideUp-9b35c798 .3s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}@keyframes slideUp-9b35c798{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-9b35c798]{display:flex;justify-content:space-between;align-items:center;padding:32px 40px 24px;border-bottom:1px solid rgba(59,130,246,.2)}.header-content[data-v-9b35c798]{display:flex;align-items:center;gap:16px}.header-icon[data-v-9b35c798]{width:48px;height:48px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 32px #3b82f64d}.header-text h3[data-v-9b35c798]{margin:0;color:#fff;font-size:24px;font-weight:700;letter-spacing:-.02em}.header-text p[data-v-9b35c798]{margin:4px 0 0;color:#94a3b8;font-size:14px;font-weight:400}.close-btn[data-v-9b35c798]{background:#0f172a99;border:1px solid rgba(59,130,246,.2);border-radius:8px;color:#94a3b8;cursor:pointer;padding:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-btn[data-v-9b35c798]:hover:not(:disabled){color:#fff;background:#3b82f61a;border-color:#3b82f666}.close-btn[data-v-9b35c798]:disabled{opacity:.5;cursor:not-allowed}.register-form[data-v-9b35c798]{padding:32px 40px 40px}.form-row[data-v-9b35c798]{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.form-group[data-v-9b35c798]{display:flex;flex-direction:column}.form-label[data-v-9b35c798]{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#e2e8f0;font-weight:500;font-size:14px}.form-input[data-v-9b35c798]{width:100%;padding:16px 20px;background:#0f172a99;border:1px solid rgba(59,130,246,.2);border-radius:12px;color:#fff;font-size:16px;transition:all .3s ease;box-sizing:border-box}.form-input[data-v-9b35c798]::placeholder{color:#64748b}.form-input[data-v-9b35c798]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background:#0f172acc}.form-input[data-v-9b35c798]:disabled{background:#0f172a66;cursor:not-allowed;opacity:.6}.form-actions[data-v-9b35c798]{display:flex;gap:16px;margin-top:32px}.cancel-btn[data-v-9b35c798]{flex:1;padding:16px 24px;background:#0f172a99;border:1px solid rgba(59,130,246,.2);border-radius:12px;color:#94a3b8;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.cancel-btn[data-v-9b35c798]:hover:not(:disabled){background:#0f172acc;border-color:#3b82f666;color:#fff}.register-btn[data-v-9b35c798]{flex:1;padding:16px 24px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.register-btn[data-v-9b35c798]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.register-btn[data-v-9b35c798]:hover:not(:disabled):before{left:100%}.register-btn[data-v-9b35c798]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 24px #3b82f666}.register-btn[data-v-9b35c798]:active:not(:disabled){transform:translateY(0)}.register-btn[data-v-9b35c798]:disabled,.cancel-btn[data-v-9b35c798]:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-content[data-v-9b35c798]{display:flex;align-items:center;justify-content:center;gap:8px;position:relative;z-index:1}.loading-spinner[data-v-9b35c798]{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin-9b35c798 1s linear infinite}@keyframes spin-9b35c798{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message[data-v-9b35c798]{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:16px 20px;border-radius:12px;font-size:14px;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:24px;animation:slideIn-9b35c798 .3s ease}@keyframes slideIn-9b35c798{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.modal-content[data-v-9b35c798]{margin:16px;max-width:calc(100% - 32px)}.modal-header[data-v-9b35c798]{padding:24px 24px 20px}.register-form[data-v-9b35c798]{padding:24px}.form-row[data-v-9b35c798]{grid-template-columns:1fr;gap:20px}.form-actions[data-v-9b35c798]{flex-direction:column;gap:12px}}@media(max-width:480px){.modal-overlay[data-v-9b35c798]{padding:16px}.modal-header[data-v-9b35c798]{padding:20px 20px 16px}.header-content[data-v-9b35c798]{gap:12px}.header-icon[data-v-9b35c798]{width:40px;height:40px}.header-text h3[data-v-9b35c798]{font-size:20px}.register-form[data-v-9b35c798]{padding:20px}.form-input[data-v-9b35c798]{padding:14px 16px}.cancel-btn[data-v-9b35c798],.register-btn[data-v-9b35c798]{padding:14px 20px}}@media(prefers-color-scheme:dark){.modal-content[data-v-9b35c798]{background:linear-gradient(135deg,#0f172a,#1e293b)}}.login-container[data-v-8e7eb791]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a,#1e293b,#334155);padding:20px;position:relative;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.background-elements[data-v-8e7eb791]{position:absolute;inset:0;pointer-events:none;z-index:1}.gradient-orb[data-v-8e7eb791]{position:absolute;border-radius:50%;filter:blur(60px);opacity:.6;animation:float-8e7eb791 6s ease-in-out infinite}.orb-1[data-v-8e7eb791]{width:300px;height:300px;background:linear-gradient(45deg,#3b82f6,#8b5cf6);top:-150px;right:-150px;animation-delay:0s}.orb-2[data-v-8e7eb791]{width:200px;height:200px;background:linear-gradient(45deg,#06b6d4,#3b82f6);bottom:-100px;left:-100px;animation-delay:2s}.orb-3[data-v-8e7eb791]{width:150px;height:150px;background:linear-gradient(45deg,#8b5cf6,#ec4899);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:4s}.grid-pattern[data-v-8e7eb791]{position:absolute;inset:0;background-image:linear-gradient(rgba(59,130,246,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.1) 1px,transparent 1px);background-size:20px 20px;opacity:.3}@keyframes float-8e7eb791{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}.login-card[data-v-8e7eb791]{background:#0f172acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(59,130,246,.2);border-radius:24px;padding:48px;width:100%;max-width:440px;box-shadow:0 25px 50px #0000004d,0 0 0 1px #ffffff0d;position:relative;z-index:2}.login-header[data-v-8e7eb791]{text-align:center;margin-bottom:40px}.logo-section[data-v-8e7eb791]{display:flex;flex-direction:column;align-items:center;gap:16px}.logo-icon[data-v-8e7eb791]{width:64px;height:64px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 32px #3b82f64d}.logo-text h1[data-v-8e7eb791]{color:#fff;margin:0;font-size:32px;font-weight:700;letter-spacing:-.02em}.logo-text p[data-v-8e7eb791]{color:#94a3b8;margin:8px 0 0;font-size:16px;font-weight:400}.login-form[data-v-8e7eb791]{margin-bottom:32px}.form-group[data-v-8e7eb791]{margin-bottom:24px}.form-label[data-v-8e7eb791]{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#e2e8f0;font-weight:500;font-size:14px}.form-input[data-v-8e7eb791]{width:100%;padding:16px 20px;background:#0f172a99;border:1px solid rgba(59,130,246,.2);border-radius:12px;color:#fff;font-size:16px;transition:all .3s ease;box-sizing:border-box}.form-input[data-v-8e7eb791]::placeholder{color:#64748b}.form-input[data-v-8e7eb791]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background:#0f172acc}.form-input[data-v-8e7eb791]:disabled{background:#0f172a66;cursor:not-allowed;opacity:.6}.login-btn[data-v-8e7eb791]{width:100%;padding:18px 24px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.login-btn[data-v-8e7eb791]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.login-btn[data-v-8e7eb791]:hover:not(:disabled):before{left:100%}.login-btn[data-v-8e7eb791]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 24px #3b82f666}.login-btn[data-v-8e7eb791]:active:not(:disabled){transform:translateY(0)}.login-btn[data-v-8e7eb791]:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-content[data-v-8e7eb791]{display:flex;align-items:center;justify-content:center;gap:8px;position:relative;z-index:1}.loading-spinner[data-v-8e7eb791]{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin-8e7eb791 1s linear infinite}@keyframes spin-8e7eb791{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-footer[data-v-8e7eb791]{text-align:center;padding-top:24px;border-top:1px solid rgba(59,130,246,.1)}.login-footer p[data-v-8e7eb791]{margin:0;color:#94a3b8;font-size:14px}.register-link[data-v-8e7eb791]{background:none;border:none;color:#3b82f6;text-decoration:none;font-weight:500;cursor:pointer;transition:color .3s ease}.register-link[data-v-8e7eb791]:hover{color:#60a5fa;text-decoration:underline}.error-message[data-v-8e7eb791]{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:16px 20px;border-radius:12px;font-size:14px;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:20px;animation:slideIn-8e7eb791 .3s ease}@keyframes slideIn-8e7eb791{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.login-card[data-v-8e7eb791]{padding:32px 24px;margin:16px}.logo-text h1[data-v-8e7eb791]{font-size:28px}.form-input[data-v-8e7eb791]{padding:14px 16px}.login-btn[data-v-8e7eb791]{padding:16px 20px}}@media(prefers-color-scheme:dark){.login-card[data-v-8e7eb791]{background:#0f172ae6}}.admin-layout[data-v-5e8cd4b3]{display:flex;min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b);position:relative;overflow:hidden}.background-elements[data-v-5e8cd4b3]{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.gradient-orb[data-v-5e8cd4b3]{position:absolute;border-radius:50%;filter:blur(100px);opacity:.3;animation:float-5e8cd4b3 20s ease-in-out infinite}.orb-1[data-v-5e8cd4b3]{width:300px;height:300px;background:linear-gradient(45deg,#3b82f6,#8b5cf6);top:-150px;left:-150px;animation-delay:0s}.orb-2[data-v-5e8cd4b3]{width:200px;height:200px;background:linear-gradient(45deg,#06b6d4,#3b82f6);top:50%;right:-100px;animation-delay:-7s}.orb-3[data-v-5e8cd4b3]{width:250px;height:250px;background:linear-gradient(45deg,#8b5cf6,#ec4899);bottom:-125px;left:50%;animation-delay:-14s}.grid-pattern[data-v-5e8cd4b3]{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(59,130,246,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.1) 1px,transparent 1px);background-size:50px 50px;opacity:.3}@keyframes float-5e8cd4b3{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-20px) rotate(1deg)}66%{transform:translateY(10px) rotate(-1deg)}}.sidebar[data-v-5e8cd4b3]{width:280px;background:#0f172acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid rgba(59,130,246,.2);display:flex;flex-direction:column;position:relative;z-index:10}.sidebar-header[data-v-5e8cd4b3]{padding:2rem;border-bottom:1px solid rgba(59,130,246,.1)}.logo-section[data-v-5e8cd4b3]{display:flex;align-items:center;gap:1rem}.logo-icon[data-v-5e8cd4b3]{width:48px;height:48px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 32px #3b82f64d}.logo-text h3[data-v-5e8cd4b3]{color:#fff;font-size:1.25rem;font-weight:700;margin:0;line-height:1.2}.logo-text p[data-v-5e8cd4b3]{color:#94a3b8;font-size:.875rem;margin:0;line-height:1.2}.sidebar-nav[data-v-5e8cd4b3]{flex:1;padding:1rem 0}.nav-item[data-v-5e8cd4b3]{display:flex;align-items:center;gap:1rem;padding:1rem 2rem;color:#94a3b8;text-decoration:none;transition:all .3s ease;border-left:3px solid transparent;position:relative}.nav-item[data-v-5e8cd4b3]:hover{background:#3b82f61a;color:#fff;border-left-color:#3b82f680}.nav-item.active[data-v-5e8cd4b3]{background:#3b82f626;color:#3b82f6;border-left-color:#3b82f6}.nav-item span[data-v-5e8cd4b3]{font-weight:500;font-size:.95rem}.sidebar-footer[data-v-5e8cd4b3]{padding:1.5rem 2rem;border-top:1px solid rgba(59,130,246,.1)}.user-info[data-v-5e8cd4b3]{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.user-avatar[data-v-5e8cd4b3]{width:40px;height:40px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.user-details[data-v-5e8cd4b3]{flex:1}.user-name[data-v-5e8cd4b3]{display:block;color:#fff;font-weight:600;font-size:.9rem;line-height:1.2}.user-role[data-v-5e8cd4b3]{display:block;color:#94a3b8;font-size:.8rem;line-height:1.2}.logout-btn[data-v-5e8cd4b3]{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#ef4444;font-weight:500;font-size:.9rem;transition:all .3s ease;cursor:pointer}.logout-btn[data-v-5e8cd4b3]:hover{background:#ef444433;border-color:#ef444466;color:#dc2626}.main-content[data-v-5e8cd4b3]{flex:1;display:flex;flex-direction:column;position:relative;z-index:5}.content-header[data-v-5e8cd4b3]{padding:2rem 2rem 1rem;border-bottom:1px solid rgba(59,130,246,.1);display:flex;justify-content:space-between;align-items:flex-start;background:#0f172a80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-left h1[data-v-5e8cd4b3]{color:#fff;font-size:2rem;font-weight:700;margin:0 0 .5rem;line-height:1.2}.header-left p[data-v-5e8cd4b3]{color:#94a3b8;font-size:1rem;margin:0;line-height:1.4}.header-right[data-v-5e8cd4b3],.user-info[data-v-5e8cd4b3]{display:flex;align-items:center;gap:1rem}.user-status[data-v-5e8cd4b3]{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:20px;font-size:.875rem;font-weight:500}.status-indicator[data-v-5e8cd4b3]{width:8px;height:8px;border-radius:50%;background:#10b981}.status-indicator.offline[data-v-5e8cd4b3]{background:#ef4444}.user-name[data-v-5e8cd4b3]{color:#fff;font-weight:600;font-size:.95rem}.admin-actions[data-v-5e8cd4b3]{margin-left:1rem}.admin-btn[data-v-5e8cd4b3]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#8b5cf6,#ec4899);border:none;border-radius:12px;color:#fff;font-weight:600;font-size:.9rem;transition:all .3s ease;cursor:pointer;box-shadow:0 4px 16px #8b5cf64d}.admin-btn[data-v-5e8cd4b3]:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf666}.page-content[data-v-5e8cd4b3]{flex:1;padding:2rem;overflow-y:auto}@media(max-width:1024px){.sidebar[data-v-5e8cd4b3]{width:240px}.content-header[data-v-5e8cd4b3],.page-content[data-v-5e8cd4b3]{padding:1.5rem}}@media(max-width:768px){.admin-layout[data-v-5e8cd4b3]{flex-direction:column}.sidebar[data-v-5e8cd4b3]{width:100%;height:auto}.main-content[data-v-5e8cd4b3]{min-height:calc(100vh - 200px)}.content-header[data-v-5e8cd4b3]{flex-direction:column;gap:1rem;align-items:flex-start}.header-right[data-v-5e8cd4b3]{width:100%;justify-content:space-between}}.dashboard-page[data-v-db9f3e27]{display:flex;flex-direction:column;gap:2rem}.stats-grid[data-v-db9f3e27]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card[data-v-db9f3e27]{background:#0f172a99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(59,130,246,.2);border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease}.stat-card[data-v-db9f3e27]:hover{transform:translateY(-2px);border-color:#3b82f666;box-shadow:0 8px 32px #3b82f61a}.stat-icon[data-v-db9f3e27]{width:48px;height:48px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.stat-content h3[data-v-db9f3e27]{color:#fff;font-size:2rem;font-weight:700;margin:0 0 .25rem;line-height:1}.stat-content p[data-v-db9f3e27]{color:#94a3b8;font-size:.875rem;margin:0;font-weight:500}.dashboard-card[data-v-db9f3e27]{background:#0f172a99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(59,130,246,.2);border-radius:16px;overflow:hidden}.card-header[data-v-db9f3e27]{padding:1.5rem;border-bottom:1px solid rgba(59,130,246,.1);display:flex;justify-content:space-between;align-items:center}.card-header h3[data-v-db9f3e27]{color:#fff;font-size:1.25rem;font-weight:600;margin:0}.card-actions[data-v-db9f3e27]{display:flex;gap:.5rem}.btn-secondary[data-v-db9f3e27]{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:8px;color:#3b82f6;font-size:.875rem;font-weight:500;transition:all .3s ease;cursor:pointer}.btn-secondary[data-v-db9f3e27]:hover{background:#3b82f633;border-color:#3b82f666}.activity-list[data-v-db9f3e27]{padding:1.5rem;max-height:400px;overflow-y:auto}.activity-item[data-v-db9f3e27]{display:flex;align-items:flex-start;gap:1rem;padding:1rem 0;border-bottom:1px solid rgba(59,130,246,.1)}.activity-item[data-v-db9f3e27]:last-child{border-bottom:none}.activity-icon[data-v-db9f3e27]{width:32px;height:32px;background:#3b82f61a;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#3b82f6;flex-shrink:0}.activity-content[data-v-db9f3e27]{flex:1}.activity-message[data-v-db9f3e27]{color:#fff;font-weight:500;font-size:.875rem;margin-bottom:.25rem}.activity-time[data-v-db9f3e27]{color:#94a3b8;font-size:.75rem}.no-data[data-v-db9f3e27]{text-align:center;color:#94a3b8;padding:2rem;font-style:italic}@media(max-width:1024px){.stats-grid[data-v-db9f3e27]{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media(max-width:768px){.stats-grid[data-v-db9f3e27]{grid-template-columns:1fr}.stat-card[data-v-db9f3e27]{padding:1rem}.stat-content h3[data-v-db9f3e27]{font-size:1.5rem}}.servers-page[data-v-2cdfff60]{padding:0;background:transparent}.page-header[data-v-2cdfff60]{margin-bottom:2rem}.header-content[data-v-2cdfff60]{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.header-left h1[data-v-2cdfff60]{color:#fff;font-size:2rem;font-weight:700;margin:0 0 .5rem;line-height:1.2}.header-left p[data-v-2cdfff60]{color:#94a3b8;font-size:1rem;margin:0;line-height:1.4}.server-stats[data-v-2cdfff60]{display:flex;gap:1.5rem}.stat-item[data-v-2cdfff60]{display:flex;flex-direction:column;align-items:center;gap:.25rem}.stat-label[data-v-2cdfff60]{color:#94a3b8;font-size:.875rem;font-weight:500}.stat-value[data-v-2cdfff60]{color:#fff;font-size:1.5rem;font-weight:700}.stat-value.active[data-v-2cdfff60]{color:#10b981}.stat-value.expired[data-v-2cdfff60]{color:#ef4444}.page-controls[data-v-2cdfff60]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem}.server-filters[data-v-2cdfff60]{display:flex;gap:.5rem}.filter-btn[data-v-2cdfff60]{padding:.5rem 1rem;background:#0f172a99;border:1px solid rgba(59,130,246,.2);border-radius:8px;color:#94a3b8;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .3s ease}.filter-btn[data-v-2cdfff60]:hover{background:#3b82f61a;color:#fff;border-color:#3b82f64d}.filter-btn.active[data-v-2cdfff60]{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border-color:#3b82f64d;box-shadow:0 4px 16px #3b82f64d}.refresh-btn[data-v-2cdfff60]{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#0f172a99;border:1px solid rgba(59,130,246,.2);border-radius:8px;color:#94a3b8;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .3s ease}.refresh-btn[data-v-2cdfff60]:hover{background:#3b82f61a;color:#fff;border-color:#3b82f64d}.empty-state[data-v-2cdfff60]{text-align:center;padding:4rem 2rem;color:#94a3b8}.empty-icon[data-v-2cdfff60]{margin-bottom:1rem;opacity:.5}.empty-state h3[data-v-2cdfff60]{color:#fff;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.empty-state p[data-v-2cdfff60]{margin:0;font-size:1rem}.server-table-container[data-v-2cdfff60]{background:#0f172a66;border:1px solid rgba(59,130,246,.2);border-radius:12px;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.server-table[data-v-2cdfff60]{width:100%;border-collapse:collapse;font-size:.875rem}.server-table thead[data-v-2cdfff60]{background:#3b82f61a;border-bottom:1px solid rgba(59,130,246,.2)}.server-table th[data-v-2cdfff60]{padding:1rem;text-align:left;color:#fff;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.server-table td[data-v-2cdfff60]{padding:1rem;border-bottom:1px solid rgba(59,130,246,.1);vertical-align:middle}.server-row[data-v-2cdfff60]:hover{background:#3b82f60d}.server-name[data-v-2cdfff60]{min-width:200px}.name-content[data-v-2cdfff60]{display:flex;flex-direction:column;gap:.25rem}.hostname[data-v-2cdfff60]{color:#fff;font-weight:600;font-size:.95rem}.vserver-id[data-v-2cdfff60]{color:#94a3b8;font-size:.75rem}.server-type[data-v-2cdfff60]{min-width:100px}.type-badge[data-v-2cdfff60]{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.type-badge.dedicated[data-v-2cdfff60]{background:#8b5cf633;color:#8b5cf6;border:1px solid rgba(139,92,246,.3)}.type-badge.virtual[data-v-2cdfff60]{background:#3b82f633;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.server-status[data-v-2cdfff60]{min-width:120px}.status-indicator[data-v-2cdfff60]{display:flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;width:fit-content}.status-indicator.online[data-v-2cdfff60]{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.status-indicator.offline[data-v-2cdfff60]{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.status-indicator.unknown[data-v-2cdfff60]{background:#9ca3af33;color:#9ca3af;border:1px solid rgba(156,163,175,.3)}.status-indicator.expired[data-v-2cdfff60]{background:#6b728033;color:#6b7280;border:1px solid rgba(107,114,128,.3)}.status-indicator.inuse[data-v-2cdfff60]{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.status-dot[data-v-2cdfff60]{width:6px;height:6px;border-radius:50%;background:currentColor}.server-ip[data-v-2cdfff60]{min-width:120px}.ip-address[data-v-2cdfff60]{color:#fff;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8rem}.server-expiry[data-v-2cdfff60]{min-width:100px}.expiry-date[data-v-2cdfff60]{color:#94a3b8;font-size:.875rem}.server-dday[data-v-2cdfff60]{min-width:80px;text-align:center}.dday-badge[data-v-2cdfff60]{display:inline-block;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600}.dday-badge.expired[data-v-2cdfff60]{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.dday-badge.today[data-v-2cdfff60],.dday-badge.warning[data-v-2cdfff60]{background:#f59e0b33;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.dday-badge.info[data-v-2cdfff60]{background:#3b82f633;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.no-dday[data-v-2cdfff60]{color:#6b7280;font-size:.875rem}.server-actions[data-v-2cdfff60]{min-width:120px}.action-buttons[data-v-2cdfff60]{display:flex;gap:.5rem;align-items:center}.action-btn[data-v-2cdfff60]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;color:#94a3b8}.action-btn.restart[data-v-2cdfff60]{background:#3b82f61a;border:1px solid rgba(59,130,246,.2)}.action-btn.restart[data-v-2cdfff60]:hover{background:#3b82f633;color:#3b82f6}.action-btn.shutdown[data-v-2cdfff60]{background:#ef44441a;border:1px solid rgba(239,68,68,.2)}.action-btn.shutdown[data-v-2cdfff60]:hover{background:#ef444433;color:#ef4444}.action-btn.boot[data-v-2cdfff60]{background:#22c55e1a;border:1px solid rgba(34,197,94,.2)}.action-btn.boot[data-v-2cdfff60]:hover{background:#22c55e33;color:#22c55e}.action-btn[data-v-2cdfff60]:disabled{opacity:.5;cursor:not-allowed}.no-actions[data-v-2cdfff60]{color:#6b7280;font-size:.875rem}.server-messages[data-v-2cdfff60]{padding:1rem;background:#0f172a99;border-top:1px solid rgba(59,130,246,.2)}.message[data-v-2cdfff60]{padding:.75rem 1rem;border-radius:8px;font-size:.875rem;margin-bottom:.5rem}.message[data-v-2cdfff60]:last-child{margin-bottom:0}.message.success[data-v-2cdfff60]{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.2)}.message.error[data-v-2cdfff60]{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.message.warning[data-v-2cdfff60]{background:#f59e0b1f;color:#d97706;border:1px solid rgba(245,158,11,.25)}.server-remote .remote-port[data-v-2cdfff60]{font-family:ui-monospace,monospace;color:#94a3b8;font-size:.875rem}.modal-overlay[data-v-2cdfff60]{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.vps-control-modal[data-v-2cdfff60]{background:#0f172afa;border:1px solid rgba(59,130,246,.35);border-radius:16px;max-width:440px;width:90%;box-shadow:0 20px 50px #00000080}.vps-control-modal .modal-header[data-v-2cdfff60]{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid rgba(59,130,246,.2)}.vps-control-modal .modal-header h3[data-v-2cdfff60]{margin:0;color:#fff;font-size:1.1rem}.modal-close[data-v-2cdfff60]{background:none;border:none;color:#94a3b8;font-size:1.5rem;cursor:pointer;line-height:1}.vps-control-modal .modal-body[data-v-2cdfff60]{padding:1.25rem;color:#e2e8f0}.modal-warning[data-v-2cdfff60]{margin:0 0 .75rem;font-size:.875rem;color:#94a3b8}.vps-confirm-list[data-v-2cdfff60]{list-style:none;padding:0;margin:0 0 1rem;font-size:.875rem}.vps-confirm-list li[data-v-2cdfff60]{padding:.4rem 0;border-bottom:1px solid rgba(59,130,246,.1)}.modal-confirm-q[data-v-2cdfff60]{margin:.75rem 0 0;color:#fbbf24;font-weight:600;font-size:.9rem}.modal-footer[data-v-2cdfff60]{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.25rem;border-top:1px solid rgba(59,130,246,.15)}.btn-cancel[data-v-2cdfff60]{padding:.5rem 1rem;border-radius:8px;border:1px solid rgba(148,163,184,.4);background:transparent;color:#e2e8f0;cursor:pointer}.btn-ok[data-v-2cdfff60]{padding:.5rem 1.25rem;border-radius:8px;border:none;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;font-weight:600;cursor:pointer}.btn-ok[data-v-2cdfff60]:disabled{opacity:.6;cursor:not-allowed}@media(max-width:1200px){.server-table[data-v-2cdfff60]{font-size:.8rem}.server-table th[data-v-2cdfff60],.server-table td[data-v-2cdfff60]{padding:.75rem .5rem}}@media(max-width:768px){.header-content[data-v-2cdfff60]{flex-direction:column;gap:1rem}.page-controls[data-v-2cdfff60]{flex-direction:column;gap:1rem;align-items:stretch}.server-filters[data-v-2cdfff60]{justify-content:center}.server-table-container[data-v-2cdfff60]{overflow-x:auto}.server-table[data-v-2cdfff60]{min-width:920px}}.profile-page[data-v-e6e79da5]{display:flex;flex-direction:column;gap:16px;max-width:680px}.profile-card[data-v-e6e79da5]{background:#0f172a99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(59,130,246,.2);border-radius:14px;overflow:hidden}.card-header[data-v-e6e79da5]{padding:14px 20px;border-bottom:1px solid rgba(59,130,246,.1);display:flex;justify-content:space-between;align-items:center;gap:12px}.card-header h3[data-v-e6e79da5]{color:#fff;font-size:15px;font-weight:600;margin:0}.btn-primary[data-v-e6e79da5]{display:flex;align-items:center;gap:6px;padding:7px 16px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:8px;color:#fff;font-weight:600;font-size:13px;transition:all .25s ease;cursor:pointer;white-space:nowrap;flex-shrink:0}.btn-primary[data-v-e6e79da5]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #3b82f659}.btn-primary[data-v-e6e79da5]:disabled{opacity:.5;cursor:not-allowed;transform:none}.profile-form[data-v-e6e79da5],.password-form[data-v-e6e79da5]{padding:16px 20px;display:flex;flex-direction:column;gap:14px}.form-group[data-v-e6e79da5]{display:flex;flex-direction:column;gap:5px}.form-group label[data-v-e6e79da5]{color:#94a3b8;font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.form-input[data-v-e6e79da5]{padding:9px 12px;background:#0f172ab3;border:1px solid rgba(59,130,246,.2);border-radius:8px;color:#fff;font-size:14px;transition:all .2s ease}.form-input[data-v-e6e79da5]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61f}.form-input[data-v-e6e79da5]::placeholder{color:#475569}.form-input[readonly][data-v-e6e79da5]{background:#0f172a4d;border-color:#9ca3af33;color:#64748b;cursor:not-allowed}.readonly-note[data-v-e6e79da5]{color:#475569;font-size:11px;font-style:italic}.account-info[data-v-e6e79da5]{padding:4px 20px 16px;display:flex;flex-direction:column}.info-item[data-v-e6e79da5]{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(59,130,246,.08)}.info-item[data-v-e6e79da5]:last-child{border-bottom:none}.info-item .label[data-v-e6e79da5]{color:#64748b;font-weight:500;font-size:13px}.info-item .value[data-v-e6e79da5]{color:#e2e8f0;font-weight:600;font-size:13px}.info-item .value.status.online[data-v-e6e79da5]{color:#10b981}.info-item .value.status.offline[data-v-e6e79da5]{color:#ef4444}@media(max-width:768px){.profile-page[data-v-e6e79da5]{max-width:100%}.card-header[data-v-e6e79da5]{flex-wrap:wrap}.btn-primary[data-v-e6e79da5]{flex:1;justify-content:center}.info-item[data-v-e6e79da5]{flex-direction:column;align-items:flex-start;gap:3px}}.logs-page[data-v-7bb26da0]{display:flex;flex-direction:column;gap:16px}.logs-controls[data-v-7bb26da0]{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;background:#0f172a80;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(59,130,246,.15);border-radius:12px;padding:14px 18px}.filter-group[data-v-7bb26da0]{display:flex;align-items:center;gap:10px}.filter-group label[data-v-7bb26da0]{color:#94a3b8;font-weight:500;font-size:13px;white-space:nowrap}.filter-select[data-v-7bb26da0]{padding:7px 10px;background:#0f172acc;border:1px solid rgba(59,130,246,.25);border-radius:8px;color:#fff;font-size:13px;transition:all .2s ease;min-width:160px}.filter-select[data-v-7bb26da0]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.btn-primary[data-v-7bb26da0]{display:flex;align-items:center;gap:6px;padding:7px 16px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:8px;color:#fff;font-weight:600;font-size:13px;transition:all .25s ease;cursor:pointer;white-space:nowrap;flex-shrink:0}.btn-primary[data-v-7bb26da0]:hover{transform:translateY(-1px);box-shadow:0 6px 20px #3b82f659}.logs-card[data-v-7bb26da0]{background:#0f172a99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(59,130,246,.2);border-radius:14px;overflow:hidden}.card-header[data-v-7bb26da0]{padding:14px 18px;border-bottom:1px solid rgba(59,130,246,.1);display:flex;justify-content:space-between;align-items:center}.card-header h3[data-v-7bb26da0]{color:#fff;font-size:15px;font-weight:600;margin:0}.log-count[data-v-7bb26da0]{color:#64748b;font-size:12px;font-weight:500;background:#3b82f614;border:1px solid rgba(59,130,246,.15);padding:3px 10px;border-radius:20px}.logs-list[data-v-7bb26da0]{max-height:600px;overflow-y:auto}.log-item[data-v-7bb26da0]{display:flex;align-items:flex-start;gap:12px;padding:12px 18px;border-bottom:1px solid rgba(59,130,246,.08);transition:background .2s ease}.log-item[data-v-7bb26da0]:hover{background:#3b82f60a}.log-item[data-v-7bb26da0]:last-child{border-bottom:none}.log-icon[data-v-7bb26da0]{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.log-icon-success[data-v-7bb26da0]{background:#10b9811f;color:#10b981}.log-icon-warning[data-v-7bb26da0]{background:#f59e0b1f;color:#f59e0b}.log-icon-info[data-v-7bb26da0]{background:#3b82f61f;color:#3b82f6}.log-icon-primary[data-v-7bb26da0]{background:#8b5cf61f;color:#8b5cf6}.log-icon-default[data-v-7bb26da0]{background:#9ca3af1a;color:#9ca3af}.log-content[data-v-7bb26da0]{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.log-header[data-v-7bb26da0]{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.log-action[data-v-7bb26da0]{color:#fff;font-weight:600;font-size:13px}.log-time[data-v-7bb26da0]{color:#64748b;font-size:11px;font-weight:500;white-space:nowrap}.log-message[data-v-7bb26da0]{color:#cbd5e1;font-size:13px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-details[data-v-7bb26da0]{display:flex;gap:12px;font-size:11px;flex-wrap:wrap}.log-ip[data-v-7bb26da0]{color:#64748b}.log-user[data-v-7bb26da0]{color:#60a5fa;font-weight:500}.no-data[data-v-7bb26da0]{text-align:center;padding:3rem 2rem;color:#94a3b8}.no-data-icon[data-v-7bb26da0]{margin-bottom:12px;color:#475569}.no-data h3[data-v-7bb26da0]{color:#fff;font-size:16px;font-weight:600;margin:0 0 6px}.no-data p[data-v-7bb26da0]{margin:0;font-size:13px;color:#64748b}@media(max-width:768px){.logs-controls[data-v-7bb26da0]{flex-direction:column;align-items:stretch;gap:10px}.filter-group[data-v-7bb26da0]{flex-direction:column;align-items:flex-start;gap:6px}.filter-select[data-v-7bb26da0]{width:100%;min-width:unset}.btn-primary[data-v-7bb26da0]{width:100%;justify-content:center}.log-message[data-v-7bb26da0]{white-space:normal}}.vps-management-page[data-v-37c949b7]{display:flex;flex-direction:column;gap:14px;background:transparent}.vps-header[data-v-37c949b7]{background:#0f172a99;border:1px solid rgba(59,130,246,.2);border-radius:14px;padding:14px 18px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.header-title h1[data-v-37c949b7]{color:#fff;font-size:18px;font-weight:700;margin:0 0 12px}.header-stats[data-v-37c949b7]{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.total-amount[data-v-37c949b7]{font-size:13px;color:#94a3b8;background:#10b9810f;border:1px solid rgba(16,185,129,.15);padding:5px 12px;border-radius:8px}.amount[data-v-37c949b7]{font-weight:700;color:#10b981}.server-counts[data-v-37c949b7]{display:flex;gap:10px;font-size:12px;color:#94a3b8}.server-counts span[data-v-37c949b7]{background:#3b82f60f;border:1px solid rgba(59,130,246,.15);padding:4px 10px;border-radius:6px}.ip-breakdown[data-v-37c949b7]{display:flex;flex-wrap:wrap;gap:6px;font-size:11px;color:#94a3b8}.ip-item[data-v-37c949b7]{background:#0f172a80;border:1px solid rgba(59,130,246,.1);padding:3px 8px;border-radius:5px}.server-stats[data-v-37c949b7]{display:flex;gap:12px}.stat-item[data-v-37c949b7]{display:flex;flex-direction:column;align-items:center;gap:2px;background:#0f172a66;border:1px solid rgba(59,130,246,.1);border-radius:8px;padding:8px 14px}.stat-label[data-v-37c949b7]{color:#64748b;font-size:11px;font-weight:500}.stat-value[data-v-37c949b7]{color:#fff;font-size:20px;font-weight:700}.stat-value.active[data-v-37c949b7]{color:#10b981}.stat-value.expired[data-v-37c949b7]{color:#ef4444}.vps-controls[data-v-37c949b7]{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;background:#0f172a99;border:1px solid rgba(59,130,246,.2);border-radius:14px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-wrap:wrap}.filter-tabs[data-v-37c949b7]{display:flex;gap:4px;flex-wrap:wrap}.filter-tab[data-v-37c949b7]{padding:7px 14px;background:#0f172a99;border:1px solid rgba(59,130,246,.2);border-radius:7px;color:#64748b;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;white-space:nowrap}.filter-tab[data-v-37c949b7]:hover{background:#3b82f614;color:#fff;border-color:#3b82f64d}.filter-tab.active[data-v-37c949b7]{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border-color:transparent;box-shadow:0 3px 12px #3b82f64d}.search-section[data-v-37c949b7]{display:flex;gap:6px;align-items:center;flex:1;max-width:380px}.search-input[data-v-37c949b7]{padding:7px 12px;background:#0f172a99;border:1px solid rgba(59,130,246,.2);border-radius:7px;color:#fff;font-size:13px;flex:1}.search-input[data-v-37c949b7]::placeholder{color:#475569}.search-input[data-v-37c949b7]:focus{outline:none;border-color:#3b82f680;box-shadow:0 0 0 2px #3b82f61a}.search-btn[data-v-37c949b7]{padding:7px 14px;background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3);border-radius:7px;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s ease;white-space:nowrap}.search-btn[data-v-37c949b7]:hover{background:#3b82f640;color:#fff}.add-vps-btn[data-v-37c949b7]{padding:7px 14px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border:none;border-radius:7px;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.add-vps-btn[data-v-37c949b7]:hover{transform:translateY(-1px);box-shadow:0 6px 20px #3b82f659}.refresh-btn[data-v-37c949b7]{display:flex;align-items:center;gap:5px;padding:7px 12px;background:#0f172a80;border:1px solid rgba(59,130,246,.2);border-radius:7px;color:#64748b;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;white-space:nowrap}.refresh-btn[data-v-37c949b7]:hover{background:#3b82f614;color:#fff;border-color:#3b82f64d}.control-actions[data-v-37c949b7]{display:flex;gap:6px;align-items:center;flex-shrink:0}.vps-table-container[data-v-37c949b7]{background:#0f172a99;border:1px solid rgba(59,130,246,.2);border-radius:14px;overflow-x:auto;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.empty-state[data-v-37c949b7]{text-align:center;padding:3rem 2rem;color:#64748b}.empty-icon[data-v-37c949b7]{margin-bottom:12px;opacity:.4}.empty-state h3[data-v-37c949b7]{color:#fff;font-size:16px;font-weight:600;margin:0 0 6px}.empty-state p[data-v-37c949b7]{margin:0;font-size:13px}.vps-table[data-v-37c949b7]{width:100%;min-width:1480px}.vps-table-header[data-v-37c949b7]{display:grid;grid-template-columns:36px 100px 80px 150px 80px 76px 76px 110px 90px 100px 100px 80px 90px 110px 76px 110px;background:#0f172ad9;border-bottom:1px solid rgba(59,130,246,.2);padding:10px;gap:6px;font-weight:700;font-size:10px;color:#64748b;text-align:center;text-transform:uppercase;letter-spacing:.05em}.vps-table-header>div[data-v-37c949b7]{display:flex;align-items:center;justify-content:center}.vps-table-body[data-v-37c949b7]{display:flex;flex-direction:column}.vps-row[data-v-37c949b7]{display:grid;grid-template-columns:36px 100px 80px 150px 80px 76px 76px 110px 90px 100px 100px 80px 90px 110px 76px 110px;padding:9px 10px;border-bottom:1px solid rgba(59,130,246,.08);gap:6px;align-items:center;transition:background .2s ease;font-size:12px;color:#e2e8f0;text-align:center}.vps-row>div[data-v-37c949b7]{display:flex;align-items:center;justify-content:center}.vps-row[data-v-37c949b7]:hover{background:#3b82f612}.vps-row[data-v-37c949b7]:last-child{border-bottom:none}.vps-row[data-v-37c949b7]:nth-child(2n){background:#0f172a4d}.vps-row[data-v-37c949b7]:nth-child(2n):hover{background:#3b82f61a}.server-info[data-v-37c949b7]{display:flex;flex-direction:column;gap:.5rem}.server-name[data-v-37c949b7]{display:flex;flex-direction:column;gap:.25rem}.hostname[data-v-37c949b7]{color:#fff;font-weight:600;font-size:.95rem}.server-id[data-v-37c949b7]{color:#94a3b8;font-size:.75rem}.server-details[data-v-37c949b7]{display:flex;flex-direction:column;gap:.25rem}.ip-address[data-v-37c949b7]{color:#fff;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8rem}.vserver-id[data-v-37c949b7]{color:#94a3b8;font-size:.75rem}.status-badge[data-v-37c949b7]{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.active[data-v-37c949b7]{background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.3)}.status-badge.expired[data-v-37c949b7]{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.status-badge.inactive[data-v-37c949b7]{background:#6b728033;color:#6b7280;border:1px solid rgba(107,114,128,.3)}.status-dot[data-v-37c949b7]{width:6px;height:6px;border-radius:50%;background:currentColor}.type-badge[data-v-37c949b7]{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.type-badge.dedicated[data-v-37c949b7]{background:#8b5cf633;color:#8b5cf6;border:1px solid rgba(139,92,246,.3)}.type-badge.dvps[data-v-37c949b7]{background:#3b82f633;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.type-badge.nvps[data-v-37c949b7]{background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.3)}.type-badge.virtual[data-v-37c949b7],.type-badge.unknown[data-v-37c949b7]{background:#6b728033;color:#6b7280;border:1px solid rgba(107,114,128,.3)}.expiry-info[data-v-37c949b7]{display:flex;flex-direction:column;gap:4px}.expiry-date[data-v-37c949b7]{color:#94a3b8;font-size:11px;line-height:1.2}.dday-badge[data-v-37c949b7]{display:inline-block;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;text-align:center;min-width:30px}.dday-badge.expired[data-v-37c949b7]{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.dday-badge.today[data-v-37c949b7],.dday-badge.warning[data-v-37c949b7]{background:#f59e0b33;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.dday-badge.info[data-v-37c949b7]{background:#3b82f633;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.management-buttons[data-v-37c949b7]{display:flex;gap:4px;align-items:center;justify-content:center;flex-wrap:wrap}.btn-edit[data-v-37c949b7]{padding:4px 8px;background:#6b728033;color:#6b7280;border:1px solid rgba(107,114,128,.3);border-radius:4px;cursor:pointer;font-size:10px;font-weight:500;transition:all .3s ease}.btn-edit[data-v-37c949b7]:hover{background:#6b72804d;color:#fff;border-color:#6b728080}.btn-extend[data-v-37c949b7]{padding:4px 8px;background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.3);border-radius:4px;cursor:pointer;font-size:10px;font-weight:500;transition:all .3s ease}.btn-extend[data-v-37c949b7]:hover{background:#10b9814d;color:#fff;border-color:#10b98180}.btn-expire[data-v-37c949b7]{padding:4px 8px;background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3);border-radius:4px;cursor:pointer;font-size:10px;font-weight:500;transition:all .3s ease}.btn-expire[data-v-37c949b7]:hover{background:#ef44444d;color:#fff;border-color:#ef444480}.vps-messages[data-v-37c949b7]{padding:12px 14px;background:#0f172a80;border-top:1px solid rgba(59,130,246,.15);display:flex;flex-direction:column;gap:6px}.message[data-v-37c949b7]{padding:8px 12px;border-radius:7px;font-size:12px}.message.success[data-v-37c949b7]{background:#22c55e14;color:#22c55e;border:1px solid rgba(34,197,94,.15)}.message.error[data-v-37c949b7]{background:#ef444414;color:#f87171;border:1px solid rgba(239,68,68,.15)}.message.warning[data-v-37c949b7]{background:#f59e0b14;color:#fbbf24;border:1px solid rgba(245,158,11,.15)}.modal-overlay[data-v-37c949b7]{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:16px}.modal-content[data-v-37c949b7]{background:#0f172af7;border:1px solid rgba(59,130,246,.25);border-radius:14px;width:100%;max-width:880px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 50px #00000080}.modal-content.compact-modal[data-v-37c949b7]{max-width:960px}.modal-header[data-v-37c949b7]{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid rgba(59,130,246,.15);flex-shrink:0}.modal-header h3[data-v-37c949b7]{color:#fff;font-size:15px;font-weight:600;margin:0}.modal-close[data-v-37c949b7]{background:none;border:none;color:#64748b;cursor:pointer;padding:4px;border-radius:6px;transition:all .2s ease}.modal-close[data-v-37c949b7]:hover{background:#ef44441a;color:#ef4444}.modal-body[data-v-37c949b7]{padding:16px 18px;overflow-y:auto;flex:1;min-height:0}.modal-body.compact-form[data-v-37c949b7]{padding:14px 18px}.form-section[data-v-37c949b7]{margin-bottom:14px}.form-section[data-v-37c949b7]:last-child{margin-bottom:0}.section-title[data-v-37c949b7]{color:#60a5fa;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid rgba(59,130,246,.15)}.form-grid[data-v-37c949b7]{display:grid;gap:10px}.compact-grid[data-v-37c949b7]{grid-template-columns:repeat(3,1fr);gap:10px}.form-group[data-v-37c949b7]{margin-bottom:12px}.form-group.compact[data-v-37c949b7]{margin-bottom:0}.form-group label[data-v-37c949b7]{display:block;color:#94a3b8;font-size:11px;font-weight:600;margin-bottom:5px;text-transform:uppercase;letter-spacing:.04em}.form-group.compact label[data-v-37c949b7]{font-size:10px;margin-bottom:4px}.required[data-v-37c949b7]{color:#ef4444;font-weight:600}.optional[data-v-37c949b7]{color:#64748b;font-size:10px;font-weight:400;text-transform:none}.form-row[data-v-37c949b7]{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.form-input[data-v-37c949b7],.form-select[data-v-37c949b7]{width:100%;padding:8px 10px;background:#0f172a99;border:1px solid rgba(59,130,246,.2);border-radius:7px;color:#fff;font-size:13px;transition:all .2s ease}.form-input.compact[data-v-37c949b7],.form-select.compact[data-v-37c949b7]{padding:7px 10px;font-size:12px;border-radius:6px}.form-input.compact[data-v-37c949b7]::placeholder{color:#475569;font-size:12px}.form-input[data-v-37c949b7]:focus,.form-select[data-v-37c949b7]:focus{outline:none;border-color:#3b82f680;box-shadow:0 0 0 2px #3b82f61a}.form-input.disabled[data-v-37c949b7]{background:#0f172a4d;color:#475569;cursor:not-allowed}.form-select option[data-v-37c949b7]{background:#1e293b;color:#fff}.form-select optgroup[data-v-37c949b7]{background:#334155;color:#94a3b8;font-weight:600}.form-select optgroup option[data-v-37c949b7]{background:#1e293b;color:#fff}.modal-footer[data-v-37c949b7]{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid rgba(59,130,246,.15);flex-shrink:0}.btn-cancel[data-v-37c949b7]{padding:8px 18px;background:#6b728026;border:1px solid rgba(107,114,128,.25);border-radius:8px;color:#94a3b8;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease}.btn-cancel[data-v-37c949b7]:hover{background:#6b728040;color:#fff}.btn-save[data-v-37c949b7]{padding:8px 18px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;transition:all .25s ease}.btn-save[data-v-37c949b7]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #3b82f659}.btn-save[data-v-37c949b7]:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn[data-v-37c949b7]{padding:8px 18px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .25s ease}.btn-primary[data-v-37c949b7]{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border:1px solid rgba(59,130,246,.3)}.btn-primary[data-v-37c949b7]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #3b82f64d}.btn-secondary[data-v-37c949b7]{background:#0f172a99;color:#94a3b8;border:1px solid rgba(59,130,246,.2)}.btn-secondary[data-v-37c949b7]:hover:not(:disabled){background:#0f172acc;color:#fff}.btn[data-v-37c949b7]:disabled{opacity:.6;cursor:not-allowed;transform:none}@media(max-width:1400px){.compact-grid[data-v-37c949b7]{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.compact-grid[data-v-37c949b7]{grid-template-columns:1fr}.modal-body.compact-form[data-v-37c949b7]{padding:12px 14px}.form-section[data-v-37c949b7]{margin-bottom:12px}}@media(max-width:768px){.vps-controls[data-v-37c949b7]{gap:10px}.search-section[data-v-37c949b7]{max-width:100%;flex:unset;width:100%}.search-input[data-v-37c949b7]{width:100%}.filter-tabs[data-v-37c949b7]{flex-wrap:wrap;width:100%}.header-stats[data-v-37c949b7]{gap:8px}}.toast-notification[data-v-37c949b7]{position:fixed;top:16px;right:16px;z-index:9999;min-width:300px;max-width:420px;background:#0f172af7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:14px;box-shadow:0 16px 40px #0006;animation:toastSlideIn-37c949b7 .3s ease-out;border-left:3px solid}.toast-notification.toast-success[data-v-37c949b7]{border-left-color:#10b981}.toast-notification.toast-warning[data-v-37c949b7]{border-left-color:#f59e0b}.toast-notification.toast-error[data-v-37c949b7]{border-left-color:#ef4444}.toast-content[data-v-37c949b7]{display:flex;align-items:center;gap:12px;padding:14px 16px}.toast-icon[data-v-37c949b7]{flex-shrink:0;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center}.toast-success .toast-icon[data-v-37c949b7]{background:#10b9811f;color:#10b981;border:1px solid rgba(16,185,129,.25)}.toast-warning .toast-icon[data-v-37c949b7]{background:#f59e0b1f;color:#f59e0b;border:1px solid rgba(245,158,11,.25)}.toast-error .toast-icon[data-v-37c949b7]{background:#ef44441f;color:#ef4444;border:1px solid rgba(239,68,68,.25)}.toast-text[data-v-37c949b7]{flex:1;min-width:0}.toast-title[data-v-37c949b7]{color:#fff;font-size:14px;font-weight:600;margin-bottom:3px}.toast-message[data-v-37c949b7]{color:#94a3b8;font-size:12px}.toast-close[data-v-37c949b7]{flex-shrink:0;width:28px;height:28px;border:none;background:#94a3b81a;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.toast-close[data-v-37c949b7]:hover{background:#94a3b833;color:#fff}@keyframes toastSlideIn-37c949b7{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:768px){.toast-notification[data-v-37c949b7]{top:10px;right:10px;left:10px;min-width:unset;max-width:unset}}.logs-btn[data-v-37c949b7]{padding:7px 14px;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:7px;color:#60a5fa;cursor:pointer;font-weight:600;transition:all .2s ease;display:flex;align-items:center;gap:6px;font-size:13px}.logs-btn[data-v-37c949b7]:hover{background:#3b82f633;border-color:#3b82f680;color:#fff}.logs-modal[data-v-37c949b7]{max-width:1100px;width:95%;max-height:85vh}.logs-table-container[data-v-37c949b7]{max-height:55vh;overflow-y:auto;overflow-x:auto}.logs-table[data-v-37c949b7]{display:flex;flex-direction:column;min-width:700px}.logs-header[data-v-37c949b7]{display:grid;grid-template-columns:52px 110px 140px 80px 100px 80px 140px;gap:10px;padding:10px 14px;background:#0f172ad9;border-radius:10px 10px 0 0;font-weight:700;color:#64748b;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.logs-body[data-v-37c949b7]{background:#0f172a59;border-radius:0 0 10px 10px;overflow:hidden}.log-row[data-v-37c949b7]{display:grid;grid-template-columns:52px 110px 140px 80px 100px 80px 140px;gap:10px;padding:10px 14px;border-bottom:1px solid rgba(59,130,246,.08);color:#cbd5e1;font-size:12px;transition:background .2s ease;align-items:center}.log-row[data-v-37c949b7]:hover{background:#3b82f60d}.log-row[data-v-37c949b7]:last-child{border-bottom:none}.action-badge[data-v-37c949b7]{padding:3px 8px;border-radius:5px;font-size:11px;font-weight:600;text-align:center;white-space:nowrap}.action-badge.log-extend[data-v-37c949b7]{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.25)}.action-badge.log-expire[data-v-37c949b7]{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.25)}.action-badge.log-default[data-v-37c949b7]{background:#6b72801a;color:#6b7280;border:1px solid rgba(107,114,128,.25)}.empty-logs[data-v-37c949b7]{text-align:center;padding:2.5rem;color:#64748b;font-size:14px}@media(max-width:768px){.logs-modal[data-v-37c949b7]{width:95%;max-height:90vh}}.users-management-page[data-v-25fc6fde]{display:flex;flex-direction:column;gap:16px}.users-header[data-v-25fc6fde]{display:flex;justify-content:space-between;align-items:center;gap:12px}.users-header h3[data-v-25fc6fde]{margin:0;color:#fff;font-size:18px;font-weight:700}.btn-primary[data-v-25fc6fde]{padding:8px 16px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;font-size:13px;transition:all .25s ease;display:flex;align-items:center;gap:6px;white-space:nowrap;flex-shrink:0}.btn-primary[data-v-25fc6fde]:hover{transform:translateY(-1px);box-shadow:0 6px 20px #3b82f659}.users-table[data-v-25fc6fde]{background:#0f172a99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(59,130,246,.2);border-radius:14px;overflow-x:auto;box-shadow:0 8px 32px #00000026}.table-header[data-v-25fc6fde]{display:grid;grid-template-columns:48px 110px 180px 110px 110px 110px 90px 90px 110px 110px 210px;gap:8px;padding:10px 14px;background:linear-gradient(135deg,#3b82f61f,#8b5cf614);border-bottom:1px solid rgba(59,130,246,.2);font-weight:700;color:#94a3b8;font-size:11px;text-transform:uppercase;letter-spacing:.06em;min-width:1340px}.table-body[data-v-25fc6fde]{max-height:600px;overflow-y:auto}.table-row[data-v-25fc6fde]{display:grid;grid-template-columns:48px 110px 180px 110px 110px 110px 90px 90px 110px 110px 210px;gap:8px;padding:10px 14px;border-bottom:1px solid rgba(59,130,246,.08);transition:background .2s ease;align-items:center;min-height:52px;min-width:1340px}.table-row[data-v-25fc6fde]:hover{background:#3b82f60f}.table-row[data-v-25fc6fde]:last-child{border-bottom:none}.col-id[data-v-25fc6fde]{text-align:center;font-weight:600;color:#64748b;font-size:12px}.col-name[data-v-25fc6fde]{font-weight:600;color:#fff;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-email[data-v-25fc6fde]{color:#cbd5e1;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-phone[data-v-25fc6fde]{color:#cbd5e1;font-size:12px}.col-username[data-v-25fc6fde]{color:#60a5fa;font-weight:500;font-size:12px}.col-server[data-v-25fc6fde]{color:#94a3b8;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-vps[data-v-25fc6fde],.col-status[data-v-25fc6fde]{display:flex;justify-content:center;align-items:center}.col-join[data-v-25fc6fde],.col-expire[data-v-25fc6fde]{color:#94a3b8;font-size:11px;text-align:center;display:flex;align-items:center;justify-content:center}.col-actions[data-v-25fc6fde]{display:flex;justify-content:center;align-items:center}.status-badge[data-v-25fc6fde]{padding:3px 8px;border-radius:10px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.status-badge.active[data-v-25fc6fde]{background:#10b9811f;color:#10b981;border:1px solid rgba(16,185,129,.25)}.status-badge.inactive[data-v-25fc6fde]{background:#ef44441f;color:#ef4444;border:1px solid rgba(239,68,68,.25)}.server-count[data-v-25fc6fde]{display:inline-flex;align-items:center;padding:2px 8px;border-radius:6px;font-size:12px;font-weight:600}.server-count.has-servers[data-v-25fc6fde]{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.server-count.no-servers[data-v-25fc6fde]{background:#9ca3af14;color:#6b7280;border:1px solid rgba(156,163,175,.15)}.action-buttons[data-v-25fc6fde]{display:flex;gap:4px;align-items:center;justify-content:center;flex-wrap:wrap}.status-select[data-v-25fc6fde]{padding:4px 6px;background:#0f172acc;border:1px solid rgba(59,130,246,.3);border-radius:6px;color:#fff;font-size:11px;cursor:pointer;min-width:68px}.status-select[data-v-25fc6fde]:focus{outline:none;border-color:#3b82f6}.btn-danger[data-v-25fc6fde],.btn-vps[data-v-25fc6fde],.btn-login[data-v-25fc6fde]{padding:4px 8px;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:11px;font-weight:600;transition:all .2s ease;white-space:nowrap}.btn-danger[data-v-25fc6fde]{background:linear-gradient(135deg,#ef4444,#dc2626);min-width:48px}.btn-danger[data-v-25fc6fde]:hover{box-shadow:0 3px 10px #ef444459}.btn-vps[data-v-25fc6fde]{background:linear-gradient(135deg,#10b981,#059669);min-width:64px}.btn-vps[data-v-25fc6fde]:hover{box-shadow:0 3px 10px #10b98159}.btn-login[data-v-25fc6fde]{background:linear-gradient(135deg,#3b82f6,#2563eb);min-width:56px}.btn-login[data-v-25fc6fde]:hover{box-shadow:0 3px 10px #3b82f659}.no-data[data-v-25fc6fde]{text-align:center;color:#64748b;padding:40px;font-style:italic;font-size:14px}@media(max-width:768px){.users-header h3[data-v-25fc6fde]{font-size:16px}}.system-logs-page[data-v-e3f2d724]{display:flex;flex-direction:column;gap:32px}.logs-section[data-v-e3f2d724]{display:flex;flex-direction:column;gap:12px}.section-desc[data-v-e3f2d724]{margin:0;color:#94a3b8;font-size:13px}.logs-header[data-v-e3f2d724]{display:flex;justify-content:space-between;align-items:center;gap:12px}.logs-header h3[data-v-e3f2d724]{margin:0;color:#fff;font-size:18px;font-weight:700}.btn-primary[data-v-e3f2d724]{padding:8px 16px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;font-size:13px;transition:all .25s ease;display:flex;align-items:center;gap:6px;white-space:nowrap;flex-shrink:0}.btn-primary[data-v-e3f2d724]:hover{transform:translateY(-1px);box-shadow:0 6px 20px #3b82f666}.logs-table[data-v-e3f2d724]{background:#0f172a99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(59,130,246,.2);border-radius:14px;overflow-x:auto;box-shadow:0 8px 32px #0003}.table-header[data-v-e3f2d724]{background:#0f172ad9;padding:12px 16px;border-bottom:1px solid rgba(59,130,246,.2);font-weight:600;color:#fff;display:grid;grid-template-columns:150px 120px 130px 1fr 120px;gap:12px;font-size:12px;text-transform:uppercase;letter-spacing:.04em;min-width:700px}.api-header[data-v-e3f2d724]{grid-template-columns:135px 100px 110px 80px 80px 100px 60px 1fr;font-size:11px;min-width:900px}.table-body[data-v-e3f2d724]{max-height:500px;overflow-y:auto}.table-row[data-v-e3f2d724]{display:grid;grid-template-columns:150px 120px 130px 1fr 120px;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(59,130,246,.08);align-items:center;font-size:13px;transition:background .2s ease;color:#e2e8f0;min-width:700px}.api-row[data-v-e3f2d724]{grid-template-columns:135px 100px 110px 80px 80px 100px 60px 1fr;font-size:12px;min-width:900px}.table-row[data-v-e3f2d724]:hover{background:#3b82f60f}.table-row[data-v-e3f2d724]:last-child{border-bottom:none}.log-action[data-v-e3f2d724]{color:#60a5fa;font-weight:600;font-size:12px}.mono[data-v-e3f2d724]{font-family:ui-monospace,monospace;word-break:break-all;font-size:11px}.msg-cell[data-v-e3f2d724]{word-break:break-word;font-size:12px;color:#cbd5e1}.ok[data-v-e3f2d724]{color:#34d399;font-weight:600;font-size:12px}.fail[data-v-e3f2d724]{color:#f87171;font-weight:600;font-size:12px}.sub[data-v-e3f2d724]{opacity:.65;font-size:11px}.no-data[data-v-e3f2d724]{text-align:center;color:#94a3b8;padding:40px 24px;font-style:italic;font-size:14px}@media(max-width:768px){.logs-header h3[data-v-e3f2d724]{font-size:16px}.btn-primary[data-v-e3f2d724]{padding:7px 12px;font-size:12px}}.sales-stats-page[data-v-2a1c7e02]{display:flex;flex-direction:column;gap:16px}.stats-header[data-v-2a1c7e02]{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;background:#0f172a99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:14px;border:1px solid rgba(59,130,246,.2);flex-wrap:wrap}.header-left h2[data-v-2a1c7e02]{margin:0 0 3px;color:#fff;font-size:18px;font-weight:700}.header-left p[data-v-2a1c7e02]{margin:0;color:#64748b;font-size:13px}.header-right[data-v-2a1c7e02]{display:flex;align-items:center;gap:10px;flex-shrink:0}.period-select[data-v-2a1c7e02]{padding:7px 10px;background:#0f172acc;border:1px solid rgba(59,130,246,.3);border-radius:8px;color:#fff;font-size:13px;cursor:pointer}.refresh-btn[data-v-2a1c7e02]{padding:7px 14px;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:8px;color:#60a5fa;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s ease;display:flex;align-items:center;gap:6px;white-space:nowrap}.refresh-btn[data-v-2a1c7e02]:hover{background:#3b82f633;color:#fff}.summary-cards[data-v-2a1c7e02]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.summary-card[data-v-2a1c7e02]{padding:16px 18px;background:#0f172a99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:14px;border:1px solid rgba(59,130,246,.2);display:flex;align-items:center;gap:14px;transition:all .25s ease}.summary-card[data-v-2a1c7e02]:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0003}.card-icon[data-v-2a1c7e02]{width:46px;height:46px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.total-sales .card-icon[data-v-2a1c7e02]{background:#10b9811f;color:#10b981;border:1px solid rgba(16,185,129,.25)}.total-extensions .card-icon[data-v-2a1c7e02]{background:#3b82f61f;color:#3b82f6;border:1px solid rgba(59,130,246,.25)}.active-servers .card-icon[data-v-2a1c7e02]{background:#f59e0b1f;color:#f59e0b;border:1px solid rgba(245,158,11,.25)}.avg-extension .card-icon[data-v-2a1c7e02]{background:#8b5cf61f;color:#8b5cf6;border:1px solid rgba(139,92,246,.25)}.card-content h3[data-v-2a1c7e02]{margin:0 0 3px;color:#fff;font-size:22px;font-weight:700;line-height:1.1}.card-content p[data-v-2a1c7e02]{margin:0 0 4px;color:#64748b;font-size:12px}.trend[data-v-2a1c7e02]{display:flex;align-items:center;gap:3px;font-size:11px;font-weight:600}.trend.positive[data-v-2a1c7e02]{color:#10b981}.trend.negative[data-v-2a1c7e02]{color:#ef4444}.charts-section[data-v-2a1c7e02]{display:grid;grid-template-columns:1fr 1fr;gap:14px}.chart-card[data-v-2a1c7e02]{padding:18px 20px;background:#0f172a99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:14px;border:1px solid rgba(59,130,246,.2)}.chart-header[data-v-2a1c7e02]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:12px;flex-wrap:wrap}.chart-header h3[data-v-2a1c7e02]{margin:0;color:#fff;font-size:14px;font-weight:600}.chart-controls[data-v-2a1c7e02]{display:flex;gap:4px}.period-btn[data-v-2a1c7e02]{padding:4px 10px;background:transparent;border:1px solid rgba(59,130,246,.25);border-radius:6px;color:#64748b;cursor:pointer;font-size:11px;font-weight:500;transition:all .2s ease}.period-btn.active[data-v-2a1c7e02]{background:#3b82f633;border-color:#3b82f680;color:#fff}.period-btn[data-v-2a1c7e02]:hover{background:#3b82f61a;color:#fff}.chart-container[data-v-2a1c7e02]{height:260px;position:relative}.stats-table-card[data-v-2a1c7e02]{padding:18px 20px;background:#0f172a99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:14px;border:1px solid rgba(59,130,246,.2)}.table-header[data-v-2a1c7e02]{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:12px;flex-wrap:wrap}.table-header h3[data-v-2a1c7e02]{margin:0;color:#fff;font-size:14px;font-weight:600}.table-controls[data-v-2a1c7e02]{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.search-input[data-v-2a1c7e02],.sort-select[data-v-2a1c7e02]{padding:6px 10px;background:#0f172acc;border:1px solid rgba(59,130,246,.25);border-radius:7px;color:#fff;font-size:13px}.search-input[data-v-2a1c7e02]{width:180px}.search-input[data-v-2a1c7e02]::placeholder{color:#475569}.table-container[data-v-2a1c7e02]{overflow-x:auto}.stats-table[data-v-2a1c7e02]{width:100%;min-width:700px}.table-header-row[data-v-2a1c7e02]{display:grid;grid-template-columns:2fr 2fr 1fr 1fr 1fr 1fr;gap:10px;padding:9px 12px;background:#0f172ab3;border-radius:8px;font-weight:700;color:#64748b;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.table-body[data-v-2a1c7e02]{max-height:400px;overflow-y:auto}.table-row[data-v-2a1c7e02]{display:grid;grid-template-columns:2fr 2fr 1fr 1fr 1fr 1fr;gap:10px;padding:10px 12px;border-bottom:1px solid rgba(59,130,246,.08);color:#fff;font-size:13px;transition:background .2s ease;align-items:center}.table-row[data-v-2a1c7e02]:hover{background:#3b82f60d}.table-row[data-v-2a1c7e02]:last-child{border-bottom:none}.server-name[data-v-2a1c7e02]{font-weight:600;color:#fff;font-size:13px}.server-type[data-v-2a1c7e02]{font-size:11px;color:#64748b;margin-top:2px}.client-name[data-v-2a1c7e02]{font-weight:600;color:#fff;font-size:13px}.client-email[data-v-2a1c7e02]{font-size:11px;color:#64748b;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.amount[data-v-2a1c7e02]{font-weight:600;color:#10b981}.count[data-v-2a1c7e02]{font-weight:600;color:#60a5fa}.status-badge[data-v-2a1c7e02]{padding:3px 8px;border-radius:6px;font-size:11px;font-weight:600;display:inline-block}.status-badge.active[data-v-2a1c7e02]{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.25)}.status-badge.expired[data-v-2a1c7e02]{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.25)}.status-badge.inactive[data-v-2a1c7e02]{background:#6b72801a;color:#6b7280;border:1px solid rgba(107,114,128,.25)}.empty-state[data-v-2a1c7e02]{text-align:center;padding:2.5rem;color:#64748b;font-size:14px}.toast-notification[data-v-2a1c7e02]{position:fixed;top:16px;right:16px;z-index:9999;min-width:300px;max-width:440px;background:#0f172af7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:14px;box-shadow:0 16px 40px #0006;animation:toastSlideIn-2a1c7e02 .3s ease-out;border-left:3px solid}.toast-notification.toast-success[data-v-2a1c7e02]{border-left-color:#10b981}.toast-notification.toast-error[data-v-2a1c7e02]{border-left-color:#ef4444}.toast-content[data-v-2a1c7e02]{display:flex;align-items:center;gap:12px;padding:14px 16px}.toast-icon[data-v-2a1c7e02]{flex-shrink:0;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center}.toast-success .toast-icon[data-v-2a1c7e02]{background:#10b9811f;color:#10b981;border:1px solid rgba(16,185,129,.25)}.toast-error .toast-icon[data-v-2a1c7e02]{background:#ef44441f;color:#ef4444;border:1px solid rgba(239,68,68,.25)}.toast-text[data-v-2a1c7e02]{flex:1;min-width:0}.toast-title[data-v-2a1c7e02]{color:#fff;font-size:14px;font-weight:600;margin-bottom:3px}.toast-message[data-v-2a1c7e02]{color:#94a3b8;font-size:12px}.toast-close[data-v-2a1c7e02]{flex-shrink:0;width:28px;height:28px;border:none;background:#94a3b81a;border-radius:7px;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.toast-close[data-v-2a1c7e02]:hover{background:#94a3b833;color:#fff}@keyframes toastSlideIn-2a1c7e02{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:1200px){.summary-cards[data-v-2a1c7e02]{grid-template-columns:repeat(2,1fr)}.charts-section[data-v-2a1c7e02]{grid-template-columns:1fr}}@media(max-width:768px){.stats-header[data-v-2a1c7e02]{flex-direction:column;align-items:flex-start;gap:12px}.header-right[data-v-2a1c7e02]{width:100%}.period-select[data-v-2a1c7e02]{flex:1}.summary-cards[data-v-2a1c7e02]{grid-template-columns:1fr}.card-content h3[data-v-2a1c7e02]{font-size:20px}.table-header[data-v-2a1c7e02]{flex-direction:column;align-items:flex-start}.search-input[data-v-2a1c7e02]{width:100%}.chart-container[data-v-2a1c7e02]{height:220px}.toast-notification[data-v-2a1c7e02]{top:10px;right:10px;left:10px;min-width:unset;max-width:unset}}@media(max-width:480px){.summary-card[data-v-2a1c7e02]{flex-direction:column;text-align:center;gap:10px;padding:14px}}.dedicated-server-page[data-v-8864615a]{display:flex;flex-direction:column;gap:16px}.server-header[data-v-8864615a]{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;background:#0f172a99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:14px;border:1px solid rgba(59,130,246,.2);flex-wrap:wrap}.header-left h2[data-v-8864615a]{margin:0 0 3px;color:#fff;font-size:18px;font-weight:700}.header-left p[data-v-8864615a]{margin:0;color:#64748b;font-size:13px}.add-server-btn[data-v-8864615a]{padding:8px 16px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;font-size:13px;transition:all .25s ease;display:flex;align-items:center;gap:6px;white-space:nowrap;flex-shrink:0}.add-server-btn[data-v-8864615a]:hover{transform:translateY(-1px);box-shadow:0 6px 20px #10b98159}.server-table-container[data-v-8864615a]{background:#0f172a99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:14px;border:1px solid rgba(59,130,246,.2);overflow-x:auto;box-shadow:0 8px 32px #0003}.server-table[data-v-8864615a]{width:100%;min-width:1100px}.server-table-header[data-v-8864615a]{display:grid;grid-template-columns:110px 130px 100px 110px 130px 80px 110px 150px 110px 110px;gap:10px;padding:11px 16px;background:#0f172ad9;border-bottom:1px solid rgba(59,130,246,.2);font-weight:700;color:#64748b;font-size:11px;text-align:center;text-transform:uppercase;letter-spacing:.05em}.server-table-body[data-v-8864615a]{max-height:600px;overflow-y:auto}.server-row[data-v-8864615a]{display:grid;grid-template-columns:110px 130px 100px 110px 130px 80px 110px 150px 110px 110px;gap:10px;padding:10px 16px;border-bottom:1px solid rgba(59,130,246,.08);color:#fff;font-size:13px;transition:background .2s ease;align-items:center}.server-row[data-v-8864615a]:hover{background:#3b82f60d}.server-row.needs-reinstall[data-v-8864615a]{background:#ef44440f;border-left:3px solid rgba(239,68,68,.5)}.server-row.needs-reinstall[data-v-8864615a]:hover{background:#ef44441a}.server-row[data-v-8864615a]:last-child{border-bottom:none}.server-name[data-v-8864615a]{font-weight:600;color:#fff;font-size:13px}.server-type[data-v-8864615a]{font-size:11px;color:#64748b;margin-top:2px}.editable-input[data-v-8864615a]{width:100%;padding:5px 8px;background:#0f172ab3;border:1px solid rgba(59,130,246,.25);border-radius:6px;color:#fff;font-size:12px;transition:border-color .2s ease}.editable-input[data-v-8864615a]:focus{outline:none;border-color:#3b82f699;background:#0f172ae6}.editable-input[data-v-8864615a]::placeholder{color:#475569}.user-select[data-v-8864615a],.status-select[data-v-8864615a]{width:100%;padding:5px 8px;background:#0f172ab3;border:1px solid rgba(59,130,246,.25);border-radius:6px;color:#fff;font-size:12px;cursor:pointer}.btn-edit[data-v-8864615a],.btn-delete[data-v-8864615a]{padding:4px 10px;border:none;border-radius:5px;cursor:pointer;font-size:11px;font-weight:600;transition:all .2s ease}.btn-edit[data-v-8864615a]{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.25);margin-right:4px}.btn-edit[data-v-8864615a]:hover{background:#3b82f640;color:#fff}.btn-delete[data-v-8864615a]{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.25)}.btn-delete[data-v-8864615a]:hover{background:#ef444440;color:#fff}.empty-state[data-v-8864615a]{text-align:center;padding:2.5rem;color:#64748b;font-size:14px}.modal-overlay[data-v-8864615a]{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:16px}.modal-content[data-v-8864615a]{background:#0f172af7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:14px;border:1px solid rgba(59,130,246,.25);width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #00000080}.modal-header[data-v-8864615a]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(59,130,246,.15)}.modal-header h3[data-v-8864615a]{margin:0;color:#fff;font-size:15px;font-weight:600}.modal-close[data-v-8864615a]{background:none;border:none;color:#64748b;cursor:pointer;padding:4px;border-radius:6px;transition:all .2s ease}.modal-close[data-v-8864615a]:hover{background:#ef44441a;color:#ef4444}.modal-body[data-v-8864615a]{padding:20px}.form-row[data-v-8864615a]{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.form-group[data-v-8864615a]{display:flex;flex-direction:column;gap:5px}.form-group label[data-v-8864615a]{color:#94a3b8;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.form-input[data-v-8864615a],.form-select[data-v-8864615a]{padding:9px 12px;background:#0f172ab3;border:1px solid rgba(59,130,246,.25);border-radius:8px;color:#fff;font-size:13px;transition:border-color .2s ease}.form-input[data-v-8864615a]:focus,.form-select[data-v-8864615a]:focus{outline:none;border-color:#3b82f699;box-shadow:0 0 0 2px #3b82f61a}.modal-footer[data-v-8864615a]{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid rgba(59,130,246,.15)}.btn-cancel[data-v-8864615a],.btn-save[data-v-8864615a]{padding:9px 20px;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:13px;transition:all .25s ease}.btn-cancel[data-v-8864615a]{background:#6b728026;color:#94a3b8;border:1px solid rgba(107,114,128,.25)}.btn-cancel[data-v-8864615a]:hover{background:#6b728040;color:#fff}.btn-save[data-v-8864615a]{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff}.btn-save[data-v-8864615a]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #3b82f659}.btn-save[data-v-8864615a]:disabled{opacity:.6;cursor:not-allowed}.toast-notification[data-v-8864615a]{position:fixed;top:16px;right:16px;z-index:9999;min-width:300px;max-width:440px;background:#0f172af7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:14px;box-shadow:0 16px 40px #0006;animation:toastSlideIn-8864615a .3s ease-out;border-left:3px solid}.toast-notification.toast-success[data-v-8864615a]{border-left-color:#10b981}.toast-notification.toast-error[data-v-8864615a]{border-left-color:#ef4444}.toast-content[data-v-8864615a]{display:flex;align-items:center;gap:12px;padding:14px 16px}.toast-icon[data-v-8864615a]{flex-shrink:0;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center}.toast-success .toast-icon[data-v-8864615a]{background:#10b9811f;color:#10b981;border:1px solid rgba(16,185,129,.25)}.toast-error .toast-icon[data-v-8864615a]{background:#ef44441f;color:#ef4444;border:1px solid rgba(239,68,68,.25)}.toast-text[data-v-8864615a]{flex:1;min-width:0}.toast-title[data-v-8864615a]{color:#fff;font-size:14px;font-weight:600;margin-bottom:3px}.toast-message[data-v-8864615a]{color:#94a3b8;font-size:12px}.toast-close[data-v-8864615a]{flex-shrink:0;width:28px;height:28px;border:none;background:#94a3b81a;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.toast-close[data-v-8864615a]:hover{background:#94a3b833;color:#fff}@keyframes toastSlideIn-8864615a{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.system-settings-section[data-v-8864615a]{margin-top:8px;background:#0f172a99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:14px;border:1px solid rgba(59,130,246,.2);overflow:hidden}.settings-header[data-v-8864615a]{padding:14px 20px;border-bottom:1px solid rgba(59,130,246,.15)}.settings-header h3[data-v-8864615a]{margin:0 0 3px;color:#fff;font-size:15px;font-weight:700}.settings-header p[data-v-8864615a]{margin:0;color:#64748b;font-size:12px}.settings-container[data-v-8864615a]{padding:16px 20px}.settings-grid[data-v-8864615a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.setting-group[data-v-8864615a]{background:#0f172a66;border-radius:10px;padding:14px;border:1px solid rgba(59,130,246,.1)}.setting-group h4[data-v-8864615a]{margin:0 0 12px;color:#fff;font-size:13px;font-weight:600;border-bottom:1px solid rgba(59,130,246,.15);padding-bottom:8px}.setting-item[data-v-8864615a]{margin-bottom:10px}.setting-item[data-v-8864615a]:last-child{margin-bottom:0}.setting-item label[data-v-8864615a]{display:block;color:#94a3b8;font-size:11px;font-weight:600;margin-bottom:5px;text-transform:uppercase;letter-spacing:.04em}.setting-input[data-v-8864615a]{width:100%;padding:8px 10px;background:#0f172acc;border:1px solid rgba(59,130,246,.25);border-radius:7px;color:#fff;font-size:13px;transition:border-color .2s ease}.setting-input[data-v-8864615a]:focus{outline:none;border-color:#3b82f699}.setting-input[data-v-8864615a]::placeholder{color:#475569}@media(max-width:768px){.server-header[data-v-8864615a]{flex-direction:column;align-items:flex-start}.add-server-btn[data-v-8864615a]{width:100%;justify-content:center}.form-row[data-v-8864615a]{grid-template-columns:1fr}.modal-content[data-v-8864615a]{max-width:100%}.toast-notification[data-v-8864615a]{top:10px;right:10px;left:10px;min-width:unset;max-width:unset}}.analytics-page[data-v-c312d1f7]{padding:20px;background:transparent;min-height:100vh;color:#e2e8f0;font-size:13px}.page-header[data-v-c312d1f7]{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}.header-left[data-v-c312d1f7]{display:flex;align-items:center;gap:12px}.header-left h1[data-v-c312d1f7]{font-size:22px;font-weight:700;color:#fff;margin:0}.live-badge[data-v-c312d1f7]{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;background:#64748b4d;border:1px solid rgba(100,116,139,.4);font-size:11px;color:#94a3b8}.live-badge.active[data-v-c312d1f7]{background:#10b98126;border-color:#10b98166;color:#10b981}.dot[data-v-c312d1f7]{width:7px;height:7px;border-radius:50%;background:currentColor}.live-badge.active .dot[data-v-c312d1f7]{animation:blink-c312d1f7 1.2s infinite}@keyframes blink-c312d1f7{0%,to{opacity:1}50%{opacity:.2}}.header-right[data-v-c312d1f7]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.period-tabs[data-v-c312d1f7]{display:flex;gap:4px;background:#0f172a99;padding:4px;border-radius:8px}.period-btn[data-v-c312d1f7]{padding:5px 12px;border:none;background:transparent;border-radius:6px;color:#94a3b8;cursor:pointer;font-size:12px;transition:all .2s}.period-btn[data-v-c312d1f7]:hover{color:#e2e8f0}.period-btn.active[data-v-c312d1f7]{background:#3b82f640;color:#60a5fa;font-weight:600}.btn-refresh[data-v-c312d1f7]{display:flex;align-items:center;gap:6px;padding:7px 14px;background:#3b82f626;border:1px solid rgba(59,130,246,.3);border-radius:8px;color:#60a5fa;cursor:pointer;font-size:12px;transition:all .2s}.btn-refresh[data-v-c312d1f7]:hover:not(:disabled){background:#3b82f640}.btn-refresh[data-v-c312d1f7]:disabled{opacity:.5;cursor:not-allowed}.tab-nav[data-v-c312d1f7]{display:flex;gap:4px;margin-bottom:20px;border-bottom:1px solid rgba(59,130,246,.15);padding-bottom:0}.tab-btn[data-v-c312d1f7]{display:flex;align-items:center;gap:6px;padding:10px 18px;background:transparent;border:none;color:#64748b;cursor:pointer;font-size:13px;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .2s}.tab-btn[data-v-c312d1f7]:hover{color:#94a3b8}.tab-btn.active[data-v-c312d1f7]{color:#60a5fa;border-bottom-color:#3b82f6;font-weight:600}.tab-icon[data-v-c312d1f7]{font-size:14px}.loading-overlay[data-v-c312d1f7]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;gap:14px;color:#64748b}.spinner[data-v-c312d1f7]{width:36px;height:36px;border:3px solid rgba(59,130,246,.2);border-top-color:#3b82f6;border-radius:50%;animation:spin-c312d1f7 .8s linear infinite}@keyframes spin-c312d1f7{to{transform:rotate(360deg)}}.kpi-grid[data-v-c312d1f7]{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;margin-bottom:20px}.kpi-card[data-v-c312d1f7]{display:flex;align-items:center;gap:14px;padding:18px 16px;border-radius:14px;background:#0f172ab3;border:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.kpi-card.kpi-blue[data-v-c312d1f7]{border-color:#3b82f64d}.kpi-card.kpi-purple[data-v-c312d1f7]{border-color:#8b5cf64d}.kpi-card.kpi-orange[data-v-c312d1f7]{border-color:#f59e0b4d}.kpi-card.kpi-green[data-v-c312d1f7]{border-color:#10b9814d}.kpi-card.kpi-teal[data-v-c312d1f7]{border-color:#06b6d44d}.kpi-card.kpi-rose[data-v-c312d1f7]{border-color:#f43f5e4d}.kpi-icon-wrap[data-v-c312d1f7]{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#ffffff0d}.kpi-blue .kpi-icon-wrap[data-v-c312d1f7]{color:#60a5fa;background:#3b82f626}.kpi-purple.kpi-icon-wrap[data-v-c312d1f7],.kpi-purple .kpi-icon-wrap[data-v-c312d1f7]{color:#a78bfa;background:#8b5cf626}.kpi-orange.kpi-icon-wrap[data-v-c312d1f7],.kpi-orange .kpi-icon-wrap[data-v-c312d1f7]{color:#fbbf24;background:#f59e0b26}.kpi-green .kpi-icon-wrap[data-v-c312d1f7]{color:#34d399;background:#10b98126}.kpi-teal .kpi-icon-wrap[data-v-c312d1f7]{color:#22d3ee;background:#06b6d426}.kpi-rose .kpi-icon-wrap[data-v-c312d1f7]{color:#fb7185;background:#f43f5e26}.kpi-num[data-v-c312d1f7]{font-size:22px;font-weight:700;color:#fff;line-height:1.1}.kpi-lbl[data-v-c312d1f7]{font-size:11px;color:#64748b;margin-top:3px}.panel[data-v-c312d1f7]{background:#0f172aa6;border:1px solid rgba(59,130,246,.15);border-radius:14px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow:hidden}.panel-header[data-v-c312d1f7]{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid rgba(59,130,246,.1)}.panel-title[data-v-c312d1f7]{font-weight:600;color:#e2e8f0;font-size:13px}.badge-count[data-v-c312d1f7]{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#3b82f640;color:#60a5fa;font-size:11px;font-weight:600;margin-left:8px}.panel-actions[data-v-c312d1f7]{display:flex;align-items:center;gap:8px}.mini-input[data-v-c312d1f7]{padding:5px 10px;background:#0f172acc;border:1px solid rgba(59,130,246,.2);border-radius:6px;color:#e2e8f0;font-size:12px;width:160px}.toggle-label[data-v-c312d1f7]{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:12px;color:#64748b}.empty-msg[data-v-c312d1f7]{padding:24px;text-align:center;color:#475569;font-size:13px}.empty-panel[data-v-c312d1f7]{padding:40px;text-align:center;color:#475569}.empty-icon[data-v-c312d1f7]{font-size:36px;margin-bottom:10px}.empty-panel p[data-v-c312d1f7]{line-height:1.8;margin-bottom:16px}.two-col[data-v-c312d1f7]{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.three-col[data-v-c312d1f7]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:1100px){.three-col[data-v-c312d1f7]{grid-template-columns:1fr 1fr}}@media(max-width:768px){.two-col[data-v-c312d1f7],.three-col[data-v-c312d1f7]{grid-template-columns:1fr}}.realtime-list[data-v-c312d1f7]{max-height:420px;overflow-y:auto}.rt-updated[data-v-c312d1f7]{font-size:10px;color:#475569;margin-left:auto}.badge-online[data-v-c312d1f7]{display:inline-flex;align-items:center;gap:4px;background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3);padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;margin-left:8px}.rt-section-label[data-v-c312d1f7]{padding:4px 14px;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.06)}.rt-section-label.online[data-v-c312d1f7]{color:#10b981;background:#10b9810d}.rt-section-label.recent[data-v-c312d1f7]{color:#64748b;background:#64748b0d}.realtime-row[data-v-c312d1f7]{display:flex;align-items:center;gap:8px;padding:9px 14px 9px 10px;border-bottom:1px solid rgba(255,255,255,.04);transition:background .15s}.realtime-row[data-v-c312d1f7]:hover{background:#3b82f60d}.realtime-row.is-recent[data-v-c312d1f7]{opacity:.65}.rt-status-dot[data-v-c312d1f7]{width:8px;height:8px;border-radius:50%;flex-shrink:0}.online-dot[data-v-c312d1f7]{background:#10b981;box-shadow:0 0 6px #10b981;animation:blink-c312d1f7 1.5s infinite}.recent-dot[data-v-c312d1f7]{background:#475569}.rt-info[data-v-c312d1f7]{display:flex;align-items:center;gap:6px;flex:0 0 200px;min-width:0;overflow:hidden}.rt-flag[data-v-c312d1f7]{font-size:15px}.rt-ip[data-v-c312d1f7]{font-family:monospace;color:#93c5fd;font-size:12px}.rt-device[data-v-c312d1f7]{font-size:10px;color:#475569}.fav-tag[data-v-c312d1f7]{background:#fbbf2426;color:#fbbf24;padding:2px 6px;border-radius:4px;font-size:10px;white-space:nowrap}.rt-page[data-v-c312d1f7]{flex:1;color:#64748b;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rt-meta[data-v-c312d1f7]{display:flex;align-items:center;gap:6px;flex-shrink:0}.rt-time[data-v-c312d1f7]{color:#475569;font-size:11px}.live-dot[data-v-c312d1f7]{width:6px;height:6px;border-radius:50%;background:#10b981;animation:blink-c312d1f7 1s infinite}.referrer-list[data-v-c312d1f7]{padding:8px 0}.referrer-row[data-v-c312d1f7]{display:flex;align-items:center;gap:10px;padding:8px 18px;transition:background .2s}.referrer-row[data-v-c312d1f7]:hover{background:#3b82f60d}.ref-rank[data-v-c312d1f7]{width:20px;color:#475569;font-size:11px;text-align:right}.ref-domain[data-v-c312d1f7]{display:flex;align-items:center;gap:6px;width:140px;flex-shrink:0}.ref-icon[data-v-c312d1f7]{font-size:14px}.ref-name[data-v-c312d1f7]{font-size:12px;color:#94a3b8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ref-bar-wrap[data-v-c312d1f7]{flex:1;height:6px;background:#ffffff0d;border-radius:3px;overflow:hidden}.ref-bar[data-v-c312d1f7]{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:3px;transition:width .5s}.ref-count[data-v-c312d1f7]{width:40px;text-align:right;color:#64748b;font-size:12px;font-weight:600}.list-table[data-v-c312d1f7]{padding:8px 0}.lt-row[data-v-c312d1f7]{display:flex;align-items:center;gap:8px;padding:7px 18px;transition:background .2s}.lt-row[data-v-c312d1f7]:hover{background:#3b82f60d}.lt-rank[data-v-c312d1f7]{width:18px;color:#475569;font-size:11px;flex-shrink:0}.lt-flag[data-v-c312d1f7]{font-size:14px;flex-shrink:0}.lt-name[data-v-c312d1f7]{flex:1;color:#94a3b8;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lt-val[data-v-c312d1f7]{flex-shrink:0;color:#60a5fa;font-weight:600;font-size:12px}.lt-bar-wrap[data-v-c312d1f7]{flex:1;height:5px;background:#ffffff0d;border-radius:3px;overflow:hidden}.lt-bar[data-v-c312d1f7]{height:100%;background:#3b82f680;border-radius:3px}.donut-wrap[data-v-c312d1f7]{padding:12px 18px}.donut-row[data-v-c312d1f7]{display:flex;align-items:center;gap:8px;margin-bottom:10px}.donut-color[data-v-c312d1f7]{width:10px;height:10px;border-radius:2px;flex-shrink:0}.donut-name[data-v-c312d1f7]{width:65px;color:#94a3b8;font-size:12px}.donut-bar-wrap[data-v-c312d1f7]{flex:1;height:6px;background:#ffffff0d;border-radius:3px;overflow:hidden}.donut-bar[data-v-c312d1f7]{height:100%;border-radius:3px;transition:width .5s}.donut-val[data-v-c312d1f7]{width:30px;text-align:right;color:#64748b;font-size:11px}.ip-table-wrap[data-v-c312d1f7]{overflow-x:auto}.ip-table[data-v-c312d1f7]{width:100%;border-collapse:collapse;font-size:12px}.ip-table thead tr[data-v-c312d1f7]{background:#0f172acc}.ip-table th[data-v-c312d1f7]{padding:10px 12px;text-align:left;color:#64748b;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid rgba(59,130,246,.15)}.ip-table tbody tr[data-v-c312d1f7]{border-bottom:1px solid rgba(255,255,255,.04);transition:background .15s}.ip-table tbody tr[data-v-c312d1f7]:hover{background:#3b82f60f}.ip-table tbody tr.bot-row[data-v-c312d1f7]{opacity:.55}.ip-table tbody tr.fav-row[data-v-c312d1f7]{background:#fbbf240a}.ip-table tbody tr.excluded-row[data-v-c312d1f7]{background:#ef44440a}.ip-table td[data-v-c312d1f7]{padding:9px 12px;color:#94a3b8}.empty-cell[data-v-c312d1f7]{text-align:center;padding:30px;color:#475569}.ip-cell[data-v-c312d1f7]{display:flex;align-items:center;gap:6px}.ip-addr[data-v-c312d1f7]{font-family:monospace;color:#93c5fd}.star-badge[data-v-c312d1f7],.exclude-badge[data-v-c312d1f7]{font-size:11px;padding:1px 5px;border-radius:3px}.star-badge[data-v-c312d1f7]{color:#fbbf24}.exclude-badge[data-v-c312d1f7]{background:#ef444426;color:#f87171}.fav-label[data-v-c312d1f7]{font-size:10px;color:#fbbf24;margin-top:2px}.flag[data-v-c312d1f7]{font-size:14px}.ref-tags[data-v-c312d1f7]{display:flex;flex-wrap:wrap;gap:4px}.ref-direct[data-v-c312d1f7]{color:#475569;font-size:11px}.ref-tag[data-v-c312d1f7]{background:#3b82f61f;color:#60a5fa;padding:1px 6px;border-radius:3px;font-size:10px}.num-cell[data-v-c312d1f7]{text-align:right;color:#e2e8f0;font-weight:600}.badge-bot[data-v-c312d1f7]{background:#ef444426;color:#f87171;padding:2px 6px;border-radius:4px;font-size:10px}.badge-human[data-v-c312d1f7]{background:#10b9811f;color:#34d399;padding:2px 6px;border-radius:4px;font-size:10px}.btn-icon[data-v-c312d1f7]{background:none;border:none;cursor:pointer;padding:4px;font-size:14px;transition:transform .15s}.btn-icon[data-v-c312d1f7]:hover{transform:scale(1.2)}.btn-star[data-v-c312d1f7]{color:#64748b}.btn-star.active[data-v-c312d1f7]{color:#fbbf24}.btn-del[data-v-c312d1f7]{color:#64748b}.btn-del[data-v-c312d1f7]:hover{color:#f87171}.fav-grid[data-v-c312d1f7]{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;padding:18px}.fav-card[data-v-c312d1f7]{background:#0f172acc;border:1px solid rgba(59,130,246,.2);border-radius:12px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.fav-card[data-v-c312d1f7]:hover{border-color:#3b82f666;box-shadow:0 4px 20px #0000004d}.fav-card.excluded[data-v-c312d1f7]{border-color:#ef444440}.fav-card-header[data-v-c312d1f7]{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.05)}.fav-ip[data-v-c312d1f7]{font-family:monospace;color:#93c5fd;font-size:13px;font-weight:600}.fav-card-actions[data-v-c312d1f7]{display:flex;gap:4px}.fav-card-body[data-v-c312d1f7]{padding:12px 14px}.fav-label-big[data-v-c312d1f7]{color:#fbbf24;font-weight:600;font-size:13px;margin-bottom:4px}.fav-note[data-v-c312d1f7]{color:#64748b;font-size:11px;margin-bottom:10px;line-height:1.5}.fav-stats[data-v-c312d1f7]{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px}.fav-stat[data-v-c312d1f7]{text-align:center}.fs-lbl[data-v-c312d1f7]{display:block;font-size:10px;color:#475569}.fs-val[data-v-c312d1f7]{display:block;font-size:12px;color:#94a3b8;font-weight:600;margin-top:2px}.fav-last-page[data-v-c312d1f7]{font-size:10px;color:#475569;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fav-card-footer[data-v-c312d1f7]{padding:8px 14px;border-top:1px solid rgba(255,255,255,.04)}.badge-exclude[data-v-c312d1f7]{color:#f87171;font-size:10px}.badge-include[data-v-c312d1f7]{color:#34d399;font-size:10px}.referrer-detail-list[data-v-c312d1f7]{padding:8px 0;max-height:500px;overflow-y:auto}.rdr-row[data-v-c312d1f7]{display:flex;align-items:center;gap:12px;padding:10px 18px;border-bottom:1px solid rgba(255,255,255,.04)}.rdr-row[data-v-c312d1f7]:hover{background:#3b82f60d}.rdr-rank-num[data-v-c312d1f7]{width:22px;color:#475569;font-size:11px;text-align:right}.rdr-icon-big[data-v-c312d1f7]{font-size:18px}.rdr-info[data-v-c312d1f7]{flex:1;min-width:0}.rdr-domain[data-v-c312d1f7]{color:#94a3b8;font-size:12px;margin-bottom:4px}.rdr-bar-wrap[data-v-c312d1f7]{height:4px;background:#ffffff0d;border-radius:2px;overflow:hidden}.rdr-bar[data-v-c312d1f7]{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:2px}.rdr-count-big[data-v-c312d1f7]{color:#60a5fa;font-weight:700;font-size:13px;flex-shrink:0}.gauge-section[data-v-c312d1f7]{padding:20px 18px}.gauge-item[data-v-c312d1f7]{margin-bottom:18px}.gauge-label[data-v-c312d1f7]{color:#94a3b8;font-size:12px;margin-bottom:6px}.gauge-bar-wrap[data-v-c312d1f7]{height:10px;background:#ffffff0d;border-radius:5px;overflow:hidden;margin-bottom:4px}.gauge-bar[data-v-c312d1f7]{height:100%;border-radius:5px;transition:width .8s}.gauge-bar.danger[data-v-c312d1f7]{background:linear-gradient(90deg,#ef4444,#f97316)}.gauge-bar.success[data-v-c312d1f7]{background:linear-gradient(90deg,#10b981,#3b82f6)}.gauge-val[data-v-c312d1f7]{text-align:right;color:#64748b;font-size:11px}.modal-overlay[data-v-c312d1f7]{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9000}.modal-box[data-v-c312d1f7]{background:#0f172af7;border:1px solid rgba(59,130,246,.3);border-radius:16px;width:90%;max-width:480px;overflow:hidden;box-shadow:0 20px 60px #0009}.modal-header[data-v-c312d1f7]{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(59,130,246,.15)}.modal-header h3[data-v-c312d1f7]{margin:0;color:#fff;font-size:15px}.modal-close[data-v-c312d1f7]{background:none;border:none;color:#64748b;cursor:pointer;font-size:16px;padding:4px}.modal-close[data-v-c312d1f7]:hover{color:#f87171}.modal-body[data-v-c312d1f7]{padding:20px}.modal-footer[data-v-c312d1f7]{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid rgba(59,130,246,.1)}.form-group[data-v-c312d1f7]{margin-bottom:16px}.form-group label[data-v-c312d1f7]{display:block;color:#94a3b8;font-size:12px;margin-bottom:6px}.req[data-v-c312d1f7]{color:#f87171}.form-input[data-v-c312d1f7],.form-textarea[data-v-c312d1f7]{width:100%;padding:9px 12px;background:#0f172acc;border:1px solid rgba(59,130,246,.25);border-radius:8px;color:#e2e8f0;font-size:13px;box-sizing:border-box;transition:border-color .2s}.form-input[data-v-c312d1f7]:focus,.form-textarea[data-v-c312d1f7]:focus{outline:none;border-color:#3b82f699}.form-input[data-v-c312d1f7]:disabled{opacity:.5;cursor:not-allowed}.form-textarea[data-v-c312d1f7]{resize:vertical}.checkbox-group[data-v-c312d1f7]{background:#3b82f60f;border-radius:8px;padding:12px}.checkbox-label[data-v-c312d1f7]{display:flex;align-items:center;gap:10px;cursor:pointer}.checkbox-label input[type=checkbox][data-v-c312d1f7]{width:16px;height:16px;accent-color:#3b82f6}.hint[data-v-c312d1f7]{margin:6px 0 0;font-size:11px;color:#475569;line-height:1.5}.btn-primary[data-v-c312d1f7]{padding:8px 18px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:8px;color:#fff;font-size:13px;cursor:pointer;transition:opacity .2s}.btn-primary[data-v-c312d1f7]:hover:not(:disabled){opacity:.85}.btn-primary[data-v-c312d1f7]:disabled{opacity:.5;cursor:not-allowed}.btn-secondary[data-v-c312d1f7]{padding:8px 18px;background:#64748b33;border:1px solid rgba(100,116,139,.3);border-radius:8px;color:#94a3b8;font-size:13px;cursor:pointer;transition:background .2s}.btn-secondary[data-v-c312d1f7]:hover{background:#64748b4d}.toast[data-v-c312d1f7]{position:fixed;bottom:24px;right:24px;z-index:9999;padding:12px 20px;border-radius:10px;font-size:13px;font-weight:500;box-shadow:0 8px 24px #0006}.toast-success[data-v-c312d1f7]{background:#10b981e6;color:#fff}.toast-error[data-v-c312d1f7]{background:#ef4444e6;color:#fff}.toast-enter-active[data-v-c312d1f7],.toast-leave-active[data-v-c312d1f7]{transition:all .3s}.toast-enter-from[data-v-c312d1f7],.toast-leave-to[data-v-c312d1f7]{opacity:0;transform:translateY(12px)}.tab-content[data-v-c312d1f7]{animation:fadeIn-c312d1f7 .25s ease}@keyframes fadeIn-c312d1f7{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.problem-banner[data-v-c312d1f7]{background:#ef444414;border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:14px 18px;margin-bottom:16px}.pb-title[data-v-c312d1f7]{display:flex;align-items:center;gap:8px;color:#f87171;font-size:13px;font-weight:600;margin-bottom:10px}.pb-list[data-v-c312d1f7]{display:flex;flex-direction:column;gap:6px}.pb-item[data-v-c312d1f7]{display:flex;align-items:center;gap:10px;font-size:12px}.pb-badge[data-v-c312d1f7]{padding:2px 8px;border-radius:10px;font-size:11px;font-weight:700}.pb-badge.danger[data-v-c312d1f7]{background:#ef444433;color:#f87171}.pb-badge.warn[data-v-c312d1f7]{background:#f59e0b33;color:#fbbf24}.pb-page[data-v-c312d1f7]{color:#e2e8f0;font-weight:600;min-width:120px}.pb-reason[data-v-c312d1f7]{color:#94a3b8}.exit-page-list[data-v-c312d1f7]{padding:4px 0}.exit-row[data-v-c312d1f7]{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid rgba(59,130,246,.05)}.exit-row[data-v-c312d1f7]:last-child{border-bottom:none}.exit-rank[data-v-c312d1f7]{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;background:#64748b33;color:#94a3b8;flex-shrink:0}.exit-rank-top[data-v-c312d1f7]{background:#ef444433;color:#f87171}.exit-info[data-v-c312d1f7]{flex:1;min-width:0}.exit-page-name[data-v-c312d1f7]{font-size:12px;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.exit-bar-wrap[data-v-c312d1f7]{height:5px;background:#3b82f61a;border-radius:3px}.exit-bar[data-v-c312d1f7]{height:100%;border-radius:3px;transition:width .5s}.exit-bar-high[data-v-c312d1f7]{background:linear-gradient(90deg,#ef4444,#f97316)}.exit-bar-mid[data-v-c312d1f7]{background:linear-gradient(90deg,#f59e0b,#eab308)}.exit-bar-low[data-v-c312d1f7]{background:linear-gradient(90deg,#3b82f6,#06b6d4)}.exit-count[data-v-c312d1f7]{font-size:12px;color:#94a3b8;white-space:nowrap}.exit-count strong[data-v-c312d1f7]{color:#e2e8f0}.rdr-pct[data-v-c312d1f7]{font-size:10px;color:#64748b;margin-top:2px}.dwell-list[data-v-c312d1f7]{padding:4px 0}.dwell-row[data-v-c312d1f7]{display:flex;align-items:center;gap:10px;padding:9px 16px;border-bottom:1px solid rgba(59,130,246,.05)}.dwell-row[data-v-c312d1f7]:last-child{border-bottom:none}.dwell-rank[data-v-c312d1f7]{width:20px;font-size:11px;color:#64748b;font-weight:600;flex-shrink:0}.dwell-info[data-v-c312d1f7]{flex:1;min-width:0}.dwell-name[data-v-c312d1f7]{font-size:12px;color:#e2e8f0;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dwell-bar-wrap[data-v-c312d1f7]{height:5px;background:#3b82f61a;border-radius:3px}.dwell-bar[data-v-c312d1f7]{height:100%;border-radius:3px;transition:width .5s}.dwell-good[data-v-c312d1f7]{background:linear-gradient(90deg,#10b981,#34d399)}.dwell-mid[data-v-c312d1f7]{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.dwell-low[data-v-c312d1f7]{background:linear-gradient(90deg,#ef4444,#f87171)}.dwell-time[data-v-c312d1f7]{font-size:12px;color:#60a5fa;font-weight:600;white-space:nowrap}.flow-list[data-v-c312d1f7]{padding:4px 0}.flow-row[data-v-c312d1f7]{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid rgba(59,130,246,.05)}.flow-row[data-v-c312d1f7]:last-child{border-bottom:none}.flow-page[data-v-c312d1f7]{width:130px;font-size:11px;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.flow-bars[data-v-c312d1f7]{flex:1;display:flex;flex-direction:column;gap:4px}.flow-bar-wrap[data-v-c312d1f7]{display:flex;align-items:center;gap:8px}.flow-label[data-v-c312d1f7]{width:24px;font-size:10px;color:#64748b}.flow-bar[data-v-c312d1f7]{height:6px;border-radius:3px;transition:width .5s;min-width:2px}.flow-visit[data-v-c312d1f7]{background:#3b82f699}.flow-exit[data-v-c312d1f7]{background:#ef444499}.flow-val[data-v-c312d1f7]{font-size:10px;color:#64748b;white-space:nowrap}.flow-rate[data-v-c312d1f7]{font-size:12px;font-weight:700;width:40px;text-align:right}.rate-danger[data-v-c312d1f7]{color:#f87171}.rate-warn[data-v-c312d1f7]{color:#fbbf24}.rate-ok[data-v-c312d1f7]{color:#34d399}.btn-journey[data-v-c312d1f7]{font-size:14px;line-height:1}.journey-row td[data-v-c312d1f7]{background:#3b82f60a}.journey-wrap[data-v-c312d1f7]{padding:14px 16px}.journey-title[data-v-c312d1f7]{font-size:11px;color:#64748b;margin-bottom:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.journey-path[data-v-c312d1f7]{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.journey-step[data-v-c312d1f7]{display:flex;align-items:center;gap:4px}.journey-node[data-v-c312d1f7]{padding:6px 12px;border-radius:8px;font-size:11px;text-align:center;min-width:80px;max-width:140px}.node-start[data-v-c312d1f7]{background:#10b98126;border:1px solid rgba(16,185,129,.3);color:#34d399}.node-end[data-v-c312d1f7]{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#f87171}.node-mid[data-v-c312d1f7]{background:#3b82f61a;border:1px solid rgba(59,130,246,.25);color:#93c5fd}.jn-page[data-v-c312d1f7]{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jn-time[data-v-c312d1f7]{font-size:10px;color:#475569;margin-top:2px}.journey-arrow[data-v-c312d1f7]{color:#475569;font-size:16px}.journey-exit[data-v-c312d1f7]{margin-top:10px;font-size:12px;color:#94a3b8}.exit-icon[data-v-c312d1f7]{margin-right:4px}.panel-subtitle[data-v-c312d1f7]{font-size:11px;color:#64748b;margin-left:8px}.mt-16[data-v-c312d1f7]{margin-top:16px}.hourly-heatmap[data-v-c312d1f7]{display:grid;grid-template-columns:repeat(24,1fr);gap:3px;padding:12px 16px}.hour-cell[data-v-c312d1f7]{border-radius:6px;padding:6px 2px;text-align:center;cursor:default;transition:transform .15s}.hour-cell[data-v-c312d1f7]:hover{transform:scale(1.1);z-index:1}.hour-label[data-v-c312d1f7]{font-size:9px;color:#fff9}.hour-count[data-v-c312d1f7]{font-size:11px;font-weight:700;color:#fff}.heatmap-legend[data-v-c312d1f7]{display:flex;align-items:center;gap:8px;padding:6px 16px 12px;font-size:11px;color:#64748b}.legend-bar[data-v-c312d1f7]{flex:1;height:6px;border-radius:3px;max-width:120px;background:linear-gradient(90deg,#3b82f61a,#f59e0bcc,#ef4444)}.legend-peak[data-v-c312d1f7]{margin-left:auto;color:#fbbf24;font-weight:600}.scroll-depth-wrap[data-v-c312d1f7]{padding:10px 16px 14px}.sd-total[data-v-c312d1f7]{font-size:11px;color:#64748b;margin-bottom:10px}.sd-row[data-v-c312d1f7]{display:flex;align-items:center;gap:10px;margin-bottom:8px}.sd-label[data-v-c312d1f7]{width:32px;font-size:12px;color:#94a3b8;font-weight:600}.sd-bar-wrap[data-v-c312d1f7]{flex:1;height:8px;background:#3b82f61a;border-radius:4px}.sd-bar[data-v-c312d1f7]{height:100%;border-radius:4px;transition:width .6s}.sd-red[data-v-c312d1f7]{background:linear-gradient(90deg,#ef4444,#f87171)}.sd-orange[data-v-c312d1f7]{background:linear-gradient(90deg,#f97316,#fb923c)}.sd-yellow[data-v-c312d1f7]{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.sd-green[data-v-c312d1f7]{background:linear-gradient(90deg,#10b981,#34d399)}.sd-rate[data-v-c312d1f7]{width:36px;text-align:right;font-size:12px;color:#e2e8f0;font-weight:600}.sd-hint[data-v-c312d1f7]{font-size:10px;color:#475569;margin-top:8px}.nvr-wrap[data-v-c312d1f7]{padding:14px 16px;display:flex;align-items:center;gap:20px}.nvr-donut[data-v-c312d1f7]{flex-shrink:0}.nvr-circle[data-v-c312d1f7]{position:relative;width:90px;height:90px}.donut-svg[data-v-c312d1f7]{width:90px;height:90px;transform:rotate(-90deg)}.donut-center[data-v-c312d1f7]{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.dc-val[data-v-c312d1f7]{font-size:18px;font-weight:700;color:#60a5fa}.dc-lbl[data-v-c312d1f7]{font-size:10px;color:#64748b}.nvr-legend[data-v-c312d1f7]{flex:1;display:flex;flex-direction:column;gap:10px}.nvr-item[data-v-c312d1f7]{display:flex;align-items:center;gap:8px;font-size:12px}.nvr-dot[data-v-c312d1f7]{width:10px;height:10px;border-radius:50%}.nvr-dot.new[data-v-c312d1f7]{background:#3b82f6}.nvr-dot.returning[data-v-c312d1f7]{background:#8b5cf6}.nvr-lbl[data-v-c312d1f7]{color:#94a3b8;width:50px}.nvr-val[data-v-c312d1f7]{color:#e2e8f0}.device-wrap[data-v-c312d1f7]{padding:14px 16px}.device-row[data-v-c312d1f7]{display:flex;align-items:center;gap:10px;margin-bottom:12px}.device-icon[data-v-c312d1f7]{font-size:18px;flex-shrink:0}.device-name[data-v-c312d1f7]{width:50px;font-size:12px;color:#94a3b8}.device-bar-wrap[data-v-c312d1f7]{flex:1;height:8px;background:#3b82f61a;border-radius:4px}.device-bar[data-v-c312d1f7]{height:100%;border-radius:4px;transition:width .5s}.device-rate[data-v-c312d1f7]{font-size:13px;font-weight:700;color:#e2e8f0;width:36px;text-align:right}.device-cnt[data-v-c312d1f7]{font-size:11px;color:#64748b}.keyword-list[data-v-c312d1f7]{padding:4px 0}.kw-row[data-v-c312d1f7]{display:flex;align-items:center;gap:10px;padding:7px 16px;border-bottom:1px solid rgba(59,130,246,.05)}.kw-rank[data-v-c312d1f7]{width:20px;font-size:11px;color:#64748b;font-weight:600}.kw-text[data-v-c312d1f7]{min-width:80px;font-size:12px;color:#e2e8f0}.kw-bar-wrap[data-v-c312d1f7]{flex:1;height:5px;background:#3b82f61a;border-radius:3px}.kw-bar[data-v-c312d1f7]{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:3px;transition:width .5s}.kw-cnt[data-v-c312d1f7]{font-size:12px;color:#60a5fa;font-weight:600;white-space:nowrap}.lp-header-row[data-v-c312d1f7]{display:grid;grid-template-columns:1fr 50px 60px 60px;padding:6px 16px;font-size:10px;color:#475569;font-weight:600;text-transform:uppercase}.lp-row[data-v-c312d1f7]{display:grid;grid-template-columns:1fr 50px 60px 60px;padding:8px 16px;border-bottom:1px solid rgba(59,130,246,.05);align-items:center}.lp-row[data-v-c312d1f7]:last-child{border-bottom:none}.lp-name[data-v-c312d1f7]{font-size:12px;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lp-cnt[data-v-c312d1f7]{font-size:12px;color:#94a3b8;text-align:center}.lp-bounce[data-v-c312d1f7]{font-size:12px;font-weight:700;text-align:center}.lp-dur[data-v-c312d1f7]{font-size:12px;color:#60a5fa;text-align:right}.utm-list[data-v-c312d1f7]{padding:4px 0}.utm-row[data-v-c312d1f7]{display:flex;align-items:center;gap:10px;padding:8px 16px;border-bottom:1px solid rgba(59,130,246,.05)}.utm-tags[data-v-c312d1f7]{display:flex;gap:4px;flex-shrink:0;flex-wrap:wrap;min-width:120px}.utm-badge[data-v-c312d1f7]{padding:2px 7px;border-radius:10px;font-size:10px;font-weight:600}.utm-badge.source[data-v-c312d1f7]{background:#3b82f633;color:#60a5fa}.utm-badge.medium[data-v-c312d1f7]{background:#8b5cf633;color:#a78bfa}.utm-badge.campaign[data-v-c312d1f7]{background:#10b98133;color:#34d399}.utm-bar-wrap[data-v-c312d1f7]{flex:1;height:5px;background:#3b82f61a;border-radius:3px}.utm-bar[data-v-c312d1f7]{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:3px;transition:width .5s}.utm-cnt[data-v-c312d1f7]{font-size:12px;color:#e2e8f0;font-weight:600;white-space:nowrap}.summary-grid[data-v-c312d1f7]{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px}.sg-item[data-v-c312d1f7]{padding:14px;border-radius:10px;text-align:center}.sg-item.teal[data-v-c312d1f7]{background:#14b8a61a}.sg-item.blue[data-v-c312d1f7]{background:#3b82f61a}.sg-item.orange[data-v-c312d1f7]{background:#f59e0b1a}.sg-item.green[data-v-c312d1f7]{background:#10b9811a}.sg-num[data-v-c312d1f7]{font-size:22px;font-weight:800;color:#e2e8f0}.sg-lbl[data-v-c312d1f7]{font-size:11px;color:#64748b;margin-top:2px}.admin-dashboard-container[data-v-15322fc1]{display:flex;min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b,#334155);position:relative;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.background-elements[data-v-15322fc1]{position:absolute;inset:0;pointer-events:none;z-index:1}.gradient-orb[data-v-15322fc1]{position:absolute;border-radius:50%;filter:blur(60px);opacity:.4;animation:float-15322fc1 8s ease-in-out infinite}.orb-1[data-v-15322fc1]{width:400px;height:400px;background:linear-gradient(45deg,#3b82f6,#8b5cf6);top:-200px;right:-200px;animation-delay:0s}.orb-2[data-v-15322fc1]{width:300px;height:300px;background:linear-gradient(45deg,#06b6d4,#3b82f6);bottom:-150px;left:-150px;animation-delay:3s}.orb-3[data-v-15322fc1]{width:200px;height:200px;background:linear-gradient(45deg,#8b5cf6,#ec4899);top:30%;left:30%;animation-delay:6s}.grid-pattern[data-v-15322fc1]{position:absolute;inset:0;background-image:linear-gradient(rgba(59,130,246,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.1) 1px,transparent 1px);background-size:20px 20px;opacity:.3}@keyframes float-15322fc1{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}.sidebar[data-v-15322fc1]{width:240px;min-width:240px;background:#0a1224eb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid rgba(59,130,246,.15);display:flex;flex-direction:column;position:relative;z-index:100;transition:transform .3s ease}.sidebar-header[data-v-15322fc1]{padding:20px 18px 16px;border-bottom:1px solid rgba(59,130,246,.12)}.logo-section[data-v-15322fc1]{display:flex;align-items:center;gap:12px}.logo-icon[data-v-15322fc1]{width:38px;height:38px;flex-shrink:0;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 16px #3b82f64d}.logo-text h3[data-v-15322fc1]{margin:0;color:#fff;font-size:15px;font-weight:700}.logo-text p[data-v-15322fc1]{margin:2px 0 0;color:#64748b;font-size:11px}.sidebar-nav[data-v-15322fc1]{flex:1;padding:10px 0;overflow-y:auto}.nav-item[data-v-15322fc1]{display:flex;align-items:center;gap:10px;padding:10px 18px;color:#64748b;background:none;border:none;width:100%;text-align:left;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s;position:relative;border-radius:0}.nav-item[data-v-15322fc1]:hover{background:#3b82f614;color:#e2e8f0}.nav-item.active[data-v-15322fc1]{background:#3b82f626;color:#60a5fa;font-weight:600}.nav-item.active[data-v-15322fc1]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#3b82f6;border-radius:0 2px 2px 0}.nav-item svg[data-v-15322fc1]{flex-shrink:0}.sidebar-footer[data-v-15322fc1]{padding:14px 18px;border-top:1px solid rgba(59,130,246,.12)}.user-profile[data-v-15322fc1]{display:flex;align-items:center;gap:10px;margin-bottom:10px;padding:10px 12px;background:#0f172a99;border-radius:10px;border:1px solid rgba(59,130,246,.15)}.user-avatar[data-v-15322fc1]{width:34px;height:34px;flex-shrink:0;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.user-details[data-v-15322fc1]{display:flex;flex-direction:column;gap:1px;min-width:0}.user-name[data-v-15322fc1]{color:#fff;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role[data-v-15322fc1]{color:#64748b;font-size:11px}.logout-btn[data-v-15322fc1]{width:100%;padding:9px 14px;background:#ef444414;border:1px solid rgba(239,68,68,.25);border-radius:8px;color:#fca5a5;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.logout-btn[data-v-15322fc1]:hover{background:#ef44442e;color:#fff}.mobile-overlay[data-v-15322fc1]{display:none;position:fixed;inset:0;background:#0009;z-index:99}.hamburger-btn[data-v-15322fc1]{display:none;flex-direction:column;justify-content:center;gap:5px;padding:8px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:8px;cursor:pointer;flex-shrink:0}.hamburger-btn span[data-v-15322fc1]{display:block;width:20px;height:2px;background:#60a5fa;border-radius:2px;transition:all .3s}.main-content[data-v-15322fc1]{flex:1;padding:20px 24px;overflow-y:auto;position:relative;z-index:2;min-width:0}.content-header[data-v-15322fc1]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(59,130,246,.12);gap:12px}.header-left[data-v-15322fc1]{display:flex;align-items:center;gap:12px;min-width:0}.header-title-wrap[data-v-15322fc1]{min-width:0}.header-left h1[data-v-15322fc1]{margin:0;color:#fff;font-size:20px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-desc[data-v-15322fc1]{margin:2px 0 0;color:#64748b;font-size:12px}.header-right[data-v-15322fc1]{flex-shrink:0}.user-info[data-v-15322fc1]{display:flex;align-items:center;gap:8px}.status-dot[data-v-15322fc1]{width:7px;height:7px;border-radius:50%;background:#10b981;animation:pulse-15322fc1 2s infinite}.user-name-text[data-v-15322fc1]{color:#e2e8f0;font-size:13px;font-weight:600;white-space:nowrap}@keyframes pulse-15322fc1{0%,to{opacity:1}50%{opacity:.4}}.dashboard-overview[data-v-15322fc1]{display:flex;flex-direction:column;gap:20px}.stats-grid[data-v-15322fc1]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.stat-card[data-v-15322fc1]{background:#0f172ab3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(59,130,246,.15);padding:18px 20px;border-radius:14px;display:flex;align-items:center;gap:16px;transition:all .2s;position:relative;overflow:hidden}.stat-card[data-v-15322fc1]:hover{transform:translateY(-2px);border-color:#3b82f659}.stat-icon[data-v-15322fc1]{width:46px;height:46px;flex-shrink:0;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 16px #3b82f640}.stat-content h3[data-v-15322fc1]{margin:0 0 4px;font-size:24px;font-weight:700;color:#fff}.stat-content p[data-v-15322fc1]{margin:0;color:#64748b;font-size:12px;font-weight:500}.dashboard-grid[data-v-15322fc1]{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dashboard-card[data-v-15322fc1]{background:#0f172ab3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(59,130,246,.15);padding:20px;border-radius:14px}.dashboard-card h3[data-v-15322fc1]{margin:0 0 16px;color:#fff;font-size:15px;font-weight:600}.recent-activity[data-v-15322fc1],.recent-servers[data-v-15322fc1]{max-height:260px;overflow-y:auto}.activity-item[data-v-15322fc1]{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(59,130,246,.07)}.activity-item[data-v-15322fc1]:last-child{border-bottom:none}.activity-icon[data-v-15322fc1]{width:36px;height:36px;flex-shrink:0;background:#3b82f61a;border-radius:9px;display:flex;align-items:center;justify-content:center;color:#3b82f6}.activity-content h4[data-v-15322fc1]{margin:0 0 2px;color:#e2e8f0;font-size:13px;font-weight:600}.activity-content p[data-v-15322fc1]{margin:0;color:#64748b;font-size:11px}.server-item[data-v-15322fc1]{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(59,130,246,.07)}.server-item[data-v-15322fc1]:last-child{border-bottom:none}.server-info[data-v-15322fc1]{display:flex;flex-direction:column;gap:2px}.server-name[data-v-15322fc1]{color:#e2e8f0;font-size:13px;font-weight:600}.server-user[data-v-15322fc1]{color:#64748b;font-size:11px}.server-status[data-v-15322fc1]{padding:3px 10px;border-radius:10px;font-size:11px;font-weight:600}.server-status.active[data-v-15322fc1]{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.25)}.server-status.inactive[data-v-15322fc1]{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.25)}.users-view[data-v-15322fc1],.logs-view[data-v-15322fc1]{display:flex;flex-direction:column;gap:16px}.users-header[data-v-15322fc1],.logs-header[data-v-15322fc1]{display:flex;justify-content:space-between;align-items:center}.users-header h3[data-v-15322fc1],.logs-header h3[data-v-15322fc1]{margin:0;color:#fff;font-size:16px;font-weight:700}.btn-primary[data-v-15322fc1]{padding:8px 16px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s;display:flex;align-items:center;gap:6px}.btn-primary[data-v-15322fc1]:hover{opacity:.85;transform:translateY(-1px)}.users-table[data-v-15322fc1],.logs-table[data-v-15322fc1]{background:#0f172ab3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(59,130,246,.15);border-radius:14px;overflow:hidden}.table-header[data-v-15322fc1]{background:#0f172acc;padding:12px 18px;border-bottom:1px solid rgba(59,130,246,.12);font-weight:600;color:#94a3b8;font-size:11px;text-transform:uppercase;display:grid;grid-template-columns:60px 120px 180px 110px 110px 90px 110px 110px 140px;gap:10px}.table-body[data-v-15322fc1]{max-height:560px;overflow-y:auto}.table-row[data-v-15322fc1]{display:grid;grid-template-columns:60px 120px 180px 110px 110px 90px 110px 110px 140px;gap:10px;padding:11px 18px;border-bottom:1px solid rgba(59,130,246,.07);align-items:center;font-size:13px;color:#e2e8f0;transition:background .2s}.table-row[data-v-15322fc1]:hover{background:#3b82f60d}.table-row[data-v-15322fc1]:last-child{border-bottom:none}.logs-table .table-header[data-v-15322fc1],.logs-table .table-row[data-v-15322fc1]{grid-template-columns:140px 100px 110px 1fr 100px}.status-badge[data-v-15322fc1]{padding:3px 9px;border-radius:9px;font-size:11px;font-weight:600}.status-badge.active[data-v-15322fc1]{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.25)}.status-badge.inactive[data-v-15322fc1]{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.25)}.action-buttons[data-v-15322fc1]{display:flex;gap:6px;align-items:center}.action-buttons select[data-v-15322fc1]{padding:4px 8px;background:#0f172ab3;border:1px solid rgba(59,130,246,.2);border-radius:6px;color:#e2e8f0;font-size:11px;cursor:pointer}.btn-danger[data-v-15322fc1]{padding:4px 10px;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:11px;font-weight:600;transition:all .2s}.btn-danger[data-v-15322fc1]:hover{opacity:.85}.log-action[data-v-15322fc1]{color:#60a5fa;font-weight:600}.no-data[data-v-15322fc1]{text-align:center;color:#64748b;padding:40px;font-size:14px;font-style:italic}.vps-view[data-v-15322fc1],.dedicated-view[data-v-15322fc1],.analytics-view[data-v-15322fc1],.sales-view[data-v-15322fc1]{width:100%}@media(max-width:1024px){.dashboard-grid[data-v-15322fc1]{grid-template-columns:1fr}.stats-grid[data-v-15322fc1]{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.sidebar[data-v-15322fc1]{position:fixed;left:0;top:0;bottom:0;transform:translate(-100%);z-index:100;box-shadow:4px 0 24px #00000080}.sidebar.mobile-open[data-v-15322fc1]{transform:translate(0)}.mobile-overlay.active[data-v-15322fc1]{display:block}.hamburger-btn[data-v-15322fc1]{display:flex}.main-content[data-v-15322fc1]{padding:14px 16px}.stats-grid[data-v-15322fc1]{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card[data-v-15322fc1]{padding:14px;gap:12px}.stat-icon[data-v-15322fc1]{width:38px;height:38px}.stat-content h3[data-v-15322fc1]{font-size:20px}.content-header[data-v-15322fc1]{margin-bottom:14px;padding-bottom:12px}.header-desc[data-v-15322fc1]{display:none}.table-header[data-v-15322fc1],.table-row[data-v-15322fc1]{grid-template-columns:100px 140px 100px 100px 120px;font-size:12px}.users-table[data-v-15322fc1],.logs-table[data-v-15322fc1]{overflow-x:auto}}@media(max-width:480px){.stats-grid[data-v-15322fc1]{grid-template-columns:1fr 1fr;gap:8px}.stat-card[data-v-15322fc1]{padding:12px;gap:10px;border-radius:10px}.stat-icon[data-v-15322fc1]{width:34px;height:34px;border-radius:8px}.stat-content h3[data-v-15322fc1]{font-size:18px}.stat-content p[data-v-15322fc1]{font-size:11px}.main-content[data-v-15322fc1]{padding:12px}.header-left h1[data-v-15322fc1]{font-size:16px}.dashboard-card[data-v-15322fc1]{padding:14px}}