@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--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-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-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-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-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-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--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-emerald-50:oklch(97.9% .021 166.113);--color-emerald-100:oklch(95% .052 163.051);--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-cyan-50:oklch(98.4% .019 200.873);--color-cyan-100:oklch(95.6% .045 203.388);--color-cyan-500:oklch(71.5% .143 215.221);--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-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-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-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-purple-50:oklch(97.7% .014 308.299);--color-purple-100:oklch(94.6% .033 307.174);--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-pink-50:oklch(97.1% .014 343.198);--color-pink-600:oklch(59.2% .249 .584);--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-black:#000;--color-white:#fff;--spacing:.25rem;--container-2xl:42rem;--container-6xl:72rem;--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;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-relaxed:1.625;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-4xl:2rem;--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:calc(var(--spacing)*0)}.inset-y-0{inset-block:calc(var(--spacing)*0)}.top-1\.5{top:calc(var(--spacing)*1.5)}.top-3{top:calc(var(--spacing)*3)}.right-0{right:calc(var(--spacing)*0)}.right-3{right:calc(var(--spacing)*3)}.-left-1\.5{left:calc(var(--spacing)*-1.5)}.-left-24{left:calc(var(--spacing)*-24)}.z-10{z-index:10}.m-0{margin:calc(var(--spacing)*0)}.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-10{margin-top:calc(var(--spacing)*10)}.mt-\[51px\]{margin-top:51px}.mr-2{margin-right:calc(var(--spacing)*2)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-3{margin-left:calc(var(--spacing)*3)}.ml-4{margin-left:calc(var(--spacing)*4)}.ml-6{margin-left:calc(var(--spacing)*6)}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-2{height:calc(var(--spacing)*2)}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-64{height:calc(var(--spacing)*64)}.h-\[150px\]{height:150px}.h-\[400px\]{height:400px}.h-\[500px\]{height:500px}.h-\[620px\]{height:620px}.h-auto{height:auto}.h-full{height:100%}.max-h-96{max-height:calc(var(--spacing)*96)}.min-h-screen{min-height:100vh}.\!w-\[200px\]{width:200px!important}.w-2{width:calc(var(--spacing)*2)}.w-3{width:calc(var(--spacing)*3)}.w-4{width:calc(var(--spacing)*4)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-10{width:calc(var(--spacing)*10)}.w-20{width:calc(var(--spacing)*20)}.w-48{width:calc(var(--spacing)*48)}.w-fit{width:fit-content}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-full{max-width:100%}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-3>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*3)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-3\.5>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*3.5)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*3.5)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-6>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*6)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-x-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-gray-100>:not(:last-child)){border-color:var(--color-gray-100)}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-4xl{border-radius:var(--radius-4xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-\[\#F45C25\]{border-color:#f45c25}.border-blue-200{border-color:var(--color-blue-200)}.border-blue-500{border-color:var(--color-blue-500)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-green-500{border-color:var(--color-green-500)}.border-indigo-200{border-color:var(--color-indigo-200)}.border-orange-200{border-color:var(--color-orange-200)}.border-orange-500{border-color:var(--color-orange-500)}.border-purple-500{border-color:var(--color-purple-500)}.border-red-500{border-color:var(--color-red-500)}.border-white{border-color:var(--color-white)}.border-yellow-200{border-color:var(--color-yellow-200)}.bg-\[\#1e88e5\]{background-color:#1e88e5}.bg-\[\#F45C25\]{background-color:#f45c25}.bg-black{background-color:var(--color-black)}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-500{background-color:var(--color-green-500)}.bg-green-600{background-color:var(--color-green-600)}.bg-indigo-50{background-color:var(--color-indigo-50)}.bg-orange-500{background-color:var(--color-orange-500)}.bg-purple-50{background-color:var(--color-purple-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-500{background-color:var(--color-red-500)}.bg-white{background-color:var(--color-white)}.bg-yellow-50{background-color:var(--color-yellow-50)}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-yellow-500{background-color:var(--color-yellow-500)}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-blue-50{--tw-gradient-from:var(--color-blue-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-blue-100{--tw-gradient-from:var(--color-blue-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-blue-500{--tw-gradient-from:var(--color-blue-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-cyan-50{--tw-gradient-from:var(--color-cyan-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-cyan-500{--tw-gradient-from:var(--color-cyan-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-gray-50{--tw-gradient-from:var(--color-gray-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-green-50{--tw-gradient-from:var(--color-green-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-green-100{--tw-gradient-from:var(--color-green-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-green-500{--tw-gradient-from:var(--color-green-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-indigo-100{--tw-gradient-from:var(--color-indigo-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-indigo-500{--tw-gradient-from:var(--color-indigo-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-orange-50{--tw-gradient-from:var(--color-orange-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-orange-500{--tw-gradient-from:var(--color-orange-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-purple-50{--tw-gradient-from:var(--color-purple-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-purple-500{--tw-gradient-from:var(--color-purple-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-red-500{--tw-gradient-from:var(--color-red-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-yellow-100{--tw-gradient-from:var(--color-yellow-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.via-green-500{--tw-gradient-via:var(--color-green-500);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-blue-50{--tw-gradient-to:var(--color-blue-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-blue-500{--tw-gradient-to:var(--color-blue-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-blue-600{--tw-gradient-to:var(--color-blue-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-cyan-100{--tw-gradient-to:var(--color-cyan-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-emerald-50{--tw-gradient-to:var(--color-emerald-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-emerald-100{--tw-gradient-to:var(--color-emerald-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-emerald-600{--tw-gradient-to:var(--color-emerald-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-indigo-50{--tw-gradient-to:var(--color-indigo-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-indigo-600{--tw-gradient-to:var(--color-indigo-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-orange-100{--tw-gradient-to:var(--color-orange-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-pink-50{--tw-gradient-to:var(--color-pink-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-pink-600{--tw-gradient-to:var(--color-pink-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-purple-100{--tw-gradient-to:var(--color-purple-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-purple-600{--tw-gradient-to:var(--color-purple-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-red-50{--tw-gradient-to:var(--color-red-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-red-600{--tw-gradient-to:var(--color-red-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.fill-current{fill:currentColor}.object-cover{object-fit:cover}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.px-\[40px\]{padding-inline:40px}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-4{padding-block:calc(var(--spacing)*4)}.py-8{padding-block:calc(var(--spacing)*8)}.py-12{padding-block:calc(var(--spacing)*12)}.py-\[10px\]{padding-block:10px}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-6{padding-top:calc(var(--spacing)*6)}.pr-4{padding-right:calc(var(--spacing)*4)}.pr-8{padding-right:calc(var(--spacing)*8)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.break-all{word-break:break-all}.text-\[\#1e88e5\]{color:#1e88e5}.text-\[\#333\]{color:#333}.text-\[\#F45C25\]{color:#f45c25}.text-black{color:var(--color-black)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-blue-800{color:var(--color-blue-800)}.text-emerald-700{color:var(--color-emerald-700)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-indigo-600{color:var(--color-indigo-600)}.text-indigo-700{color:var(--color-indigo-700)}.text-indigo-800{color:var(--color-indigo-800)}.text-orange-600{color:var(--color-orange-600)}.text-orange-700{color:var(--color-orange-700)}.text-purple-600{color:var(--color-purple-600)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.text-yellow-500{color:var(--color-yellow-500)}.text-yellow-600{color:var(--color-yellow-600)}.text-yellow-700{color:var(--color-yellow-700)}.text-yellow-800{color:var(--color-yellow-800)}.italic{font-style:italic}.underline{text-decoration-line:underline}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-purple-400{--tw-ring-color:var(--color-purple-400)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}@media (hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:border-blue-200:hover{border-color:var(--color-blue-200)}.hover\:border-blue-400:hover{border-color:var(--color-blue-400)}.hover\:border-gray-400:hover{border-color:var(--color-gray-400)}.hover\:border-purple-300:hover{border-color:var(--color-purple-300)}.hover\:bg-\[\#1669c1\]:hover{background-color:#1669c1}.hover\:bg-\[\#d94c18\]:hover{background-color:#d94c18}.hover\:bg-blue-50:hover{background-color:var(--color-blue-50)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-green-50:hover{background-color:var(--color-green-50)}.hover\:bg-green-700:hover{background-color:var(--color-green-700)}.hover\:bg-orange-50:hover{background-color:var(--color-orange-50)}.hover\:bg-purple-50:hover{background-color:var(--color-purple-50)}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:from-blue-600:hover{--tw-gradient-from:var(--color-blue-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:from-green-600:hover{--tw-gradient-from:var(--color-green-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:from-indigo-600:hover{--tw-gradient-from:var(--color-indigo-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:to-blue-700:hover{--tw-gradient-to:var(--color-blue-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:to-emerald-700:hover{--tw-gradient-to:var(--color-emerald-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:to-purple-700:hover{--tw-gradient-to:var(--color-purple-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:text-\[\#1e88e5\]:hover{color:#1e88e5}.hover\:text-blue-800:hover{color:var(--color-blue-800)}.hover\:text-gray-600:hover{color:var(--color-gray-600)}.hover\:text-gray-800:hover{color:var(--color-gray-800)}.hover\:text-green-800:hover{color:var(--color-green-800)}.hover\:text-purple-800:hover{color:var(--color-purple-800)}.hover\:text-red-700:hover{color:var(--color-red-700)}.hover\:no-underline:hover{text-decoration-line:none}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:border-blue-500:focus{border-color:var(--color-blue-500)}.focus\:border-transparent:focus{border-color:#0000}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}@media (min-width:40rem){.sm\:mb-0{margin-bottom:calc(var(--spacing)*0)}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}}@media (min-width:48rem){.md\:col-span-2{grid-column:span 2/span 2}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media (min-width:64rem){.lg\:w-1\/2{width:50%}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:p-12{padding:calc(var(--spacing)*12)}}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-layout .dashboard-sider{box-shadow:2px 0 8px #0000000d;background:linear-gradient(180deg,#fff,#fafbfc);border-right:1px solid #e8e8e8;position:relative;z-index:10}.dashboard-layout .dashboard-sider .logo-container{padding:24px 20px;border-bottom:1px solid #f0f0f0;background:linear-gradient(135deg,#667eea,#764ba2)}.dashboard-layout .dashboard-sider .logo-container .logo{display:flex;align-items:center;gap:12px}.dashboard-layout .dashboard-sider .logo-container .logo .logo-icon{font-size:32px;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.dashboard-layout .dashboard-sider .logo-container .logo .logo-text .brand-title{color:#fff!important;margin:0!important;font-size:20px!important;font-weight:700!important;line-height:1.2}.dashboard-layout .dashboard-sider .logo-container .logo .logo-text .brand-subtitle{color:#fffc!important;font-size:12px;font-weight:500;display:block;margin-top:2px}.dashboard-layout .dashboard-sider .dashboard-menu{border-right:none!important;background:transparent!important}.dashboard-layout .dashboard-sider .dashboard-menu .ant-menu-item{margin:6px 12px!important;border-radius:8px!important;height:48px!important;display:flex!important;align-items:center!important;transition:all .3s ease!important}.dashboard-layout .dashboard-sider .dashboard-menu .ant-menu-item:hover{background:linear-gradient(135deg,#e6f3ff,#f0f8ff)!important;transform:translate(4px)}.dashboard-layout .dashboard-sider .dashboard-menu .ant-menu-item.ant-menu-item-selected{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important}.dashboard-layout .dashboard-sider .dashboard-menu .ant-menu-item.ant-menu-item-selected .anticon,.dashboard-layout .dashboard-sider .dashboard-menu .ant-menu-item.ant-menu-item-selected .menu-link{color:#fff!important}.dashboard-layout .dashboard-sider .dashboard-menu .ant-menu-item .anticon{font-size:16px;color:#595959;transition:color .3s ease}.dashboard-layout .dashboard-sider .dashboard-menu .ant-menu-item .menu-link{color:#595959;text-decoration:none;font-weight:500;transition:color .3s ease}.dashboard-layout .dashboard-sider .dashboard-menu .ant-menu-item .menu-link:hover{color:#667eea}.dashboard-layout .dashboard-sider .sider-footer{position:absolute;bottom:20px;left:20px;right:20px}.dashboard-layout .dashboard-sider .sider-footer .version-info{text-align:center;padding:12px;background:#f5f5f5;border-radius:8px}.dashboard-layout .site-layout{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}.dashboard-layout .dashboard-header{margin-top:10px;background:#fff!important;padding:0 24px!important;box-shadow:0 2px 8px #0000000f;border-bottom:1px solid #e8e8e8;display:flex;align-items:center;justify-content:space-between;height:72px;position:sticky;top:0;z-index:100}.dashboard-layout .dashboard-header .header-left{display:flex;align-items:center;gap:20px}.dashboard-layout .dashboard-header .header-left .trigger-btn{width:48px!important;height:48px!important;border-radius:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .3s ease!important}.dashboard-layout .dashboard-header .header-left .trigger-btn:hover{background:linear-gradient(135deg,#e6f3ff,#f0f8ff)!important;color:#667eea!important}.dashboard-layout .dashboard-header .header-left .trigger-btn .anticon{font-size:18px}.dashboard-layout .dashboard-header .header-left .page-title-section .page-title{color:#262626!important;margin:0!important;font-size:24px!important;font-weight:600!important;line-height:1.2}.dashboard-layout .dashboard-header .header-right .header-btn{width:44px!important;height:44px!important;border-radius:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .3s ease!important}.dashboard-layout .dashboard-header .header-right .header-btn:hover{background:linear-gradient(135deg,#e6f3ff,#f0f8ff)!important;color:#667eea!important}.dashboard-layout .dashboard-header .header-right .header-btn .anticon{font-size:16px}.dashboard-layout .dashboard-header .header-right .user-profile{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:12px;cursor:pointer;transition:all .3s ease}.dashboard-layout .dashboard-header .header-right .user-profile:hover{background:linear-gradient(135deg,#e6f3ff,#f0f8ff)}.dashboard-layout .dashboard-header .header-right .user-profile .user-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid white;box-shadow:0 2px 8px #667eea33}.dashboard-layout .dashboard-header .header-right .user-profile .user-info{display:flex;flex-direction:column;gap:2px}.dashboard-layout .dashboard-header .header-right .user-profile .user-info .ant-typography{margin:0!important;line-height:1.2}.dashboard-layout .dashboard-header .header-right .user-profile .user-info .user-role{font-size:12px}.dashboard-layout .dashboard-content{margin:24px!important}.dashboard-layout .dashboard-content .content-wrapper{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;min-height:calc(100vh - 144px);overflow:hidden}@media (max-width: 768px){.dashboard-layout .dashboard-header{padding:0 16px!important}.dashboard-layout .dashboard-header .header-left{gap:12px}.dashboard-layout .dashboard-header .header-left .page-title-section .page-title{font-size:20px!important}.dashboard-layout .dashboard-header .header-right .user-info{display:none!important}.dashboard-layout .dashboard-content{margin:16px!important}.dashboard-layout .dashboard-content .content-wrapper{min-height:calc(100vh - 120px)}}@media (max-width: 576px){.dashboard-layout .dashboard-header .header-left .page-title-section .page-title{font-size:18px!important}.dashboard-layout .dashboard-header .header-left .page-title-section .ant-typography:last-child{display:none}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeInDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.dashboard-sider{animation:slideInLeft .3s ease-out}.dashboard-header{animation:fadeInDown .3s ease-out}.content-wrapper{animation:fadeInDown .4s ease-out}.ant-layout-sider-trigger{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;border-top:1px solid rgba(255,255,255,.1)!important;transition:all .3s ease!important}.ant-layout-sider-trigger:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190)!important}.ant-badge-count{background:linear-gradient(135deg,#ff4757,#ff3742)!important;border:2px solid white!important;box-shadow:0 2px 4px #ff47574d!important}.ant-dropdown .ant-dropdown-menu{border-radius:12px!important;box-shadow:0 8px 30px #0000001f!important;border:1px solid #e8e8e8!important}.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item{border-radius:8px!important;margin:4px 8px!important}.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item:hover{background:linear-gradient(135deg,#e6f3ff,#f0f8ff)!important}.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item.ant-dropdown-menu-item-danger:hover{background:linear-gradient(135deg,#ffe6e6,#fff0f0)!important;color:#ff4757!important}.statistics-dashboard{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:24px}.statistics-dashboard .dashboard-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:32px;border-radius:16px;margin-bottom:32px;text-align:center;box-shadow:0 8px 32px #0000001a}.statistics-dashboard .dashboard-header .page-title{color:#fff!important;margin-bottom:8px!important;font-size:32px!important;font-weight:700!important}.statistics-dashboard .dashboard-header .page-title .title-icon{margin-right:12px;font-size:36px}.statistics-dashboard .dashboard-header .page-subtitle{color:#ffffffe6!important;font-size:16px;font-weight:400}.statistics-dashboard .overview-section{margin-bottom:32px}.statistics-dashboard .overview-section .stat-card{border-radius:16px;box-shadow:0 4px 20px #00000014;border:none;background:#fff;transition:all .3s ease;overflow:hidden;position:relative}.statistics-dashboard .overview-section .stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2)}.statistics-dashboard .overview-section .stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.statistics-dashboard .overview-section .stat-card.yearly-card:before{background:linear-gradient(90deg,#1890ff,#40a9ff)}.statistics-dashboard .overview-section .stat-card.monthly-card:before{background:linear-gradient(90deg,#52c41a,#73d13d)}.statistics-dashboard .overview-section .stat-card.package-year-card:before{background:linear-gradient(90deg,#722ed1,#9254de)}.statistics-dashboard .overview-section .stat-card.package-month-card:before{background:linear-gradient(90deg,#fa8c16,#ffa940)}.statistics-dashboard .overview-section .stat-card .ant-statistic-title{font-weight:600!important;color:#595959!important;font-size:14px!important;margin-bottom:8px!important}.statistics-dashboard .overview-section .stat-card .ant-statistic-content{margin-bottom:12px!important}.statistics-dashboard .overview-section .stat-card .stat-meta{border-top:1px solid #f0f0f0;padding-top:12px;text-align:center}.statistics-dashboard .control-section,.statistics-dashboard .package-section{margin-bottom:32px}.statistics-dashboard .control-section .control-card,.statistics-dashboard .package-section .control-card{border-radius:16px;box-shadow:0 4px 20px #00000014;border:none;background:#fff;transition:all .3s ease}.statistics-dashboard .control-section .control-card:hover,.statistics-dashboard .package-section .control-card:hover{box-shadow:0 6px 25px #0000001f}.statistics-dashboard .control-section .control-card .ant-card-head,.statistics-dashboard .package-section .control-card .ant-card-head{border-bottom:2px solid #f0f0f0;background:linear-gradient(135deg,#fafbfc,#f5f7fa)}.statistics-dashboard .control-section .control-card .ant-card-head .ant-card-head-title,.statistics-dashboard .package-section .control-card .ant-card-head .ant-card-head-title{font-weight:600;color:#262626}.statistics-dashboard .control-section .control-card .ant-card-head .ant-card-head-title .anticon,.statistics-dashboard .package-section .control-card .ant-card-head .ant-card-head-title .anticon{margin-right:8px;color:#667eea}.statistics-dashboard .control-section .control-card .ant-card-body,.statistics-dashboard .package-section .control-card .ant-card-body{padding:24px}.statistics-dashboard .control-section .control-card .control-group,.statistics-dashboard .package-section .control-card .control-group{margin-bottom:16px}.statistics-dashboard .control-section .control-card .control-group:last-child,.statistics-dashboard .package-section .control-card .control-group:last-child{margin-bottom:0}.statistics-dashboard .control-section .control-card .control-group .ant-typography,.statistics-dashboard .package-section .control-card .control-group .ant-typography{color:#595959;font-weight:600;margin-bottom:0!important}.statistics-dashboard .control-section .control-card .control-group .ant-select,.statistics-dashboard .control-section .control-card .control-group .ant-input,.statistics-dashboard .package-section .control-card .control-group .ant-select,.statistics-dashboard .package-section .control-card .control-group .ant-input{border-radius:8px;border:2px solid #e8e8e8;transition:all .3s ease}.statistics-dashboard .control-section .control-card .control-group .ant-select:hover,.statistics-dashboard .control-section .control-card .control-group .ant-input:hover,.statistics-dashboard .package-section .control-card .control-group .ant-select:hover,.statistics-dashboard .package-section .control-card .control-group .ant-input:hover{border-color:#40a9ff}.statistics-dashboard .control-section .control-card .control-group .ant-select:focus,.statistics-dashboard .control-section .control-card .control-group .ant-select.ant-select-focused,.statistics-dashboard .control-section .control-card .control-group .ant-input:focus,.statistics-dashboard .control-section .control-card .control-group .ant-input.ant-select-focused,.statistics-dashboard .package-section .control-card .control-group .ant-select:focus,.statistics-dashboard .package-section .control-card .control-group .ant-select.ant-select-focused,.statistics-dashboard .package-section .control-card .control-group .ant-input:focus,.statistics-dashboard .package-section .control-card .control-group .ant-input.ant-select-focused{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.statistics-dashboard .control-section .control-card .control-group .ant-btn,.statistics-dashboard .package-section .control-card .control-group .ant-btn{border-radius:8px;font-weight:600;transition:all .3s ease;border:none;background:linear-gradient(135deg,#667eea,#764ba2)}.statistics-dashboard .control-section .control-card .control-group .ant-btn:hover,.statistics-dashboard .package-section .control-card .control-group .ant-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.statistics-dashboard .control-section .control-card .control-group .ant-btn:active,.statistics-dashboard .package-section .control-card .control-group .ant-btn:active{transform:translateY(0)}.statistics-dashboard .control-section .control-card .control-group .ant-btn .anticon,.statistics-dashboard .package-section .control-card .control-group .ant-btn .anticon{margin-right:8px}@media (max-width: 768px){.statistics-dashboard{padding:16px}.statistics-dashboard .dashboard-header{padding:24px 16px}.statistics-dashboard .dashboard-header .page-title{font-size:24px!important}.statistics-dashboard .overview-section,.statistics-dashboard .control-section,.statistics-dashboard .package-section{margin-bottom:24px}.statistics-dashboard .control-section .control-card .ant-card-body,.statistics-dashboard .package-section .control-card .ant-card-body{padding:16px}}@media (max-width: 576px){.statistics-dashboard .dashboard-header .page-title{font-size:20px!important}.statistics-dashboard .dashboard-header .page-title .title-icon{font-size:24px}.statistics-dashboard .dashboard-header .page-subtitle{font-size:14px}}.ant-statistic-content-value{font-weight:700!important;font-family:Inter,Segoe UI,sans-serif!important}.ant-card{transition:all .3s ease!important}.ant-btn-loading{pointer-events:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.statistics-dashboard{animation:fadeInUp .6s ease-out}.stat-card{animation:fadeInUp .6s ease-out;animation-delay:.1s;animation-fill-mode:both}.control-card{animation:fadeInUp .6s ease-out;animation-delay:.2s;animation-fill-mode:both}.ant-spin-container{transition:opacity .3s ease}.ant-spin-blur{opacity:.5;pointer-events:none}.ant-select-dropdown{border-radius:8px!important;box-shadow:0 6px 30px #0000001f!important}.ant-select-item{border-radius:6px!important;margin:2px 8px!important}.ant-select-item:hover{background-color:#f0f8ff!important}.ant-select-item.ant-select-item-option-selected{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important}.visitor-overview-section{margin-bottom:24px}.visitor-overview-section .visitor-today-card:before{background:linear-gradient(135deg,#13c2c2,#36cfc9)}.visitor-overview-section .visitor-week-card:before{background:linear-gradient(135deg,#52c41a,#73d13d)}.visitor-overview-section .visitor-month-card:before{background:linear-gradient(135deg,#1890ff,#40a9ff)}.visitor-overview-section .visitor-total-card:before{background:linear-gradient(135deg,#722ed1,#9254de)}.visitor-details-section .visitor-card{border-radius:16px;box-shadow:0 4px 20px #00000014;border:none;background:#fff;transition:all .3s ease;margin-bottom:30px}.visitor-details-section .visitor-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.visitor-details-section .visitor-card .ant-card-head{border-bottom:1px solid #f0f0f0;border-radius:16px 16px 0 0}.visitor-details-section .visitor-card .ant-card-head .ant-card-head-title{font-weight:600;color:#262626}.visitor-details-section .visitor-card .ant-card-body{padding:24px}.visitor-details-section .page-list .page-item{margin-bottom:16px;padding:12px;background:#fafafa;border-radius:8px;transition:all .3s ease}.visitor-details-section .page-list .page-item:hover{background:#f0f8ff;transform:translate(4px)}.visitor-details-section .page-list .page-item .page-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.visitor-details-section .page-list .page-item .page-info .page-path{font-size:14px;color:#262626;font-family:Monaco,Menlo,Ubuntu Mono,monospace;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.visitor-details-section .page-list .page-item .page-info .page-count{font-size:12px;color:#8c8c8c;font-weight:500}.visitor-details-section .page-list .page-item .ant-progress .ant-progress-bg{transition:all .3s ease}.visitor-details-section .browser-device-stats .stat-section{margin-bottom:16px}.visitor-details-section .browser-device-stats .stat-section .stat-items{margin-top:12px}.visitor-details-section .browser-device-stats .stat-section .stat-items .stat-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding:8px 12px;background:#fafafa;border-radius:6px;transition:all .3s ease}.visitor-details-section .browser-device-stats .stat-section .stat-items .stat-item:hover{background:#f0f8ff}.visitor-details-section .browser-device-stats .stat-section .stat-items .stat-item .ant-tag{margin:0;display:flex;align-items:center;gap:4px;font-weight:500}.visitor-details-section .browser-device-stats .stat-section .stat-items .stat-item span{font-weight:600;color:#262626}.visitor-details-section .analytics-summary{margin-top:16px;padding-top:16px;border-top:1px solid #f0f0f0;text-align:center}.ant-divider.ant-divider-with-text-left .ant-divider-inner-text{font-weight:600;color:#262626;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 768px){.visitor-details-section .ant-col{margin-bottom:16px}.visitor-details-section .page-list .page-item .page-info .page-path{max-width:150px}}.visitor-card{animation:fadeInUp .6s ease-out;animation-delay:.3s;animation-fill-mode:both}.transaction-section .transaction-header-card{background:linear-gradient(135deg,#fffffff2,#ffffffe6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:20px;box-shadow:0 8px 32px #0000001a}.transaction-section .transaction-header-card .ant-card-head{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px 20px 0 0;border:none}.transaction-section .transaction-header-card .ant-card-head .ant-card-head-title{color:#fff;font-weight:600;font-size:18px}.transaction-section .transaction-header-card .ant-card-head .ant-btn{color:#fff;border-color:#ffffff4d}.transaction-section .transaction-header-card .ant-card-head .ant-btn:hover{background:#ffffff1a;border-color:#ffffff80}.transaction-section .transaction-header-card .transaction-stat-card{background:linear-gradient(135deg,#ffffffe6,#fffc);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:16px;padding:20px;border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 20px #00000014;transition:all .3s ease}.transaction-section .transaction-header-card .transaction-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #00000026}.transaction-section .transaction-header-card .transaction-stat-card .ant-statistic-title{font-weight:600;color:#595959;margin-bottom:8px}.transaction-section .transaction-header-card .transaction-stat-card .ant-statistic-content .ant-statistic-content-value{font-weight:700}.transaction-details-section .transaction-card{background:linear-gradient(135deg,#fffffff2,#ffffffe6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:20px;box-shadow:0 8px 32px #0000001a;transition:all .3s ease}.transaction-details-section .transaction-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000026}.transaction-details-section .transaction-card .ant-card-head{background:linear-gradient(135deg,#52c41a,#73d13d);border-radius:20px 20px 0 0;border:none}.transaction-details-section .transaction-card .ant-card-head .ant-card-head-title{color:#fff;font-weight:600;font-size:16px}.transaction-details-section .transaction-card .payment-methods,.transaction-details-section .transaction-card .subscription-plans,.transaction-details-section .transaction-card .recent-transactions{max-height:300px;overflow-y:auto;padding:8px 0}.transaction-details-section .transaction-card .payment-methods::-webkit-scrollbar,.transaction-details-section .transaction-card .subscription-plans::-webkit-scrollbar,.transaction-details-section .transaction-card .recent-transactions::-webkit-scrollbar{width:6px}.transaction-details-section .transaction-card .payment-methods::-webkit-scrollbar-track,.transaction-details-section .transaction-card .subscription-plans::-webkit-scrollbar-track,.transaction-details-section .transaction-card .recent-transactions::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.transaction-details-section .transaction-card .payment-methods::-webkit-scrollbar-thumb,.transaction-details-section .transaction-card .subscription-plans::-webkit-scrollbar-thumb,.transaction-details-section .transaction-card .recent-transactions::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px}.transaction-details-section .transaction-card .payment-method-item,.transaction-details-section .transaction-card .subscription-plan-item{background:#fff9;border-radius:12px;padding:12px;margin-bottom:12px;border:1px solid rgba(255,255,255,.3);transition:all .3s ease}.transaction-details-section .transaction-card .payment-method-item:hover,.transaction-details-section .transaction-card .subscription-plan-item:hover{background:#fffc;transform:translate(4px)}.transaction-details-section .transaction-card .payment-method-item .payment-method-info,.transaction-details-section .transaction-card .payment-method-item .plan-info,.transaction-details-section .transaction-card .subscription-plan-item .payment-method-info,.transaction-details-section .transaction-card .subscription-plan-item .plan-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.transaction-details-section .transaction-card .payment-method-item .ant-progress .ant-progress-bg,.transaction-details-section .transaction-card .subscription-plan-item .ant-progress .ant-progress-bg{border-radius:10px}.transaction-details-section .transaction-card .transaction-item{background:#fff9;border-radius:12px;padding:12px;margin-bottom:12px;border:1px solid rgba(255,255,255,.3);transition:all .3s ease}.transaction-details-section .transaction-card .transaction-item:hover{background:#fffc;transform:translate(4px)}.transaction-details-section .transaction-card .transaction-item .transaction-info .transaction-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.transaction-details-section .transaction-card .transaction-item .transaction-info .transaction-details{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.transaction-section,.transaction-details-section{animation:fadeInUp .6s ease-out;animation-delay:.4s;animation-fill-mode:both}@media (max-width: 768px){.transaction-section .transaction-stat-card,.transaction-details-section .ant-col{margin-bottom:16px}.transaction-details-section .payment-method-info,.transaction-details-section .plan-info,.transaction-details-section .transaction-details{flex-direction:column;align-items:flex-start;gap:4px}}.login-page{display:flex;justify-content:center;align-items:center;min-height:100vh;position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/assets/teamwordmain-BhMxjtML.jpeg);background-size:cover;background-position:center;filter:blur(.5px);opacity:.5;z-index:0}.login-page .login-container{position:relative;z-index:1;max-width:400px;width:100%;padding:2rem;background:#fffffff2;border-radius:16px;box-shadow:0 8px 24px #00000026}.login-page .login-container .bee-image{text-align:center;margin-bottom:1rem}.login-page .login-container .bee-image img{height:100px}.login-page .login-container .title{text-align:center;margin-bottom:1.5rem;color:#333}.login-page .login-container .login-form .input{height:40px;border-radius:8px}.login-page .login-container .login-form .submit-btn{margin-top:1rem;height:40px;font-weight:600;background:linear-gradient(135deg,#ff9a9e,#fad0c4);border:none;color:#333}.login-page .login-container .login-form .submit-btn:hover{opacity:.9}.login-page .login-container .login-form .form-extra{text-align:right;margin-bottom:1rem}.login-page .login-container .login-form .form-extra .forgot{cursor:pointer;color:#1e88e5}.login-page .login-container .login-form .form-extra .forgot:hover{text-decoration:underline}.login-page .login-container .login-form .signup-text{margin-top:1rem;text-align:center;cursor:pointer;display:block}.login-page .login-container .login-form .signup-text span{color:#1e88e5;font-weight:500}.login-page .login-container .login-form .signup-text:hover span{text-decoration:underline}.register-page{display:flex;justify-content:center;align-items:center;min-height:100vh;position:relative;overflow:hidden}.register-page:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/assets/teamwordmain-BhMxjtML.jpeg);background-size:cover;background-position:center;filter:blur(.5px);opacity:.5;z-index:0}.register-page .register-container{position:relative;z-index:1;background:#fffffff2;padding:2rem;max-width:420px;width:100%;border-radius:16px;box-shadow:0 8px 24px #00000026}.register-page .register-container .bee-image{text-align:center;margin-bottom:1rem}.register-page .register-container .bee-image img{height:100px}.register-page .register-container .title{text-align:center;margin-bottom:1.5rem;color:#333}.register-page .register-container .register-form .input{height:40px;border-radius:8px}.register-page .register-container .register-form .submit-btn{margin-top:1rem;font-weight:600;height:40px;background:linear-gradient(135deg,#a18cd1,#fbc2eb);border:none;color:#333}.register-page .register-container .register-form .submit-btn:hover{opacity:.9}.register-page .register-container .register-form .signin-text{margin-top:1rem;text-align:center;cursor:pointer}.register-page .register-container .register-form .signin-text span{color:#1e88e5;font-weight:500}.register-page .register-container .register-form .signin-text:hover span{text-decoration:underline}.register-page .register-container .register-form .social-buttons{margin:1.5rem 0}.register-page .register-container .register-form .social-buttons .facebook{background-color:#3b5998;color:#fff;border:none}.register-page .register-container .register-form .social-buttons .facebook:hover{background-color:#2d4373}.register-page .register-container .register-form .social-buttons .google{background-color:#fff;border:1px solid #d9d9d9}.register-page .register-container .register-form .social-buttons .google:hover{background-color:#f5f5f5}.home-page{position:relative;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;align-items:center;padding:40px;overflow:hidden}.home-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.1) 0%,transparent 50%);z-index:0}.home-page .home-content{position:relative;z-index:1;width:100%;max-width:1200px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;display:flex;align-items:center;box-shadow:0 20px 40px #0000001a,0 0 0 1px #fff3;overflow:hidden}@media (max-width: 768px){.home-page .home-content{flex-direction:column;margin:20px;padding:40px 20px}}.home-page .home-content .left{flex:1;display:flex;justify-content:center;align-items:center;padding:60px 40px;position:relative}.home-page .home-content .left .image-container{position:relative}.home-page .home-content .left .image-container .bee-image{width:280px;height:auto;filter:drop-shadow(0 10px 20px rgba(0,0,0,.15));transition:transform .3s ease}.home-page .home-content .left .image-container .bee-image:hover{transform:scale(1.05) rotate(3deg)}@media (max-width: 768px){.home-page .home-content .left .image-container .bee-image{width:200px}}.home-page .home-content .left .image-container .floating-elements{position:absolute;top:0;right:0;bottom:0;left:0}.home-page .home-content .left .image-container .floating-elements .floating-card{position:absolute;background:#fff;border-radius:12px;padding:12px 16px;box-shadow:0 8px 32px #0000001f;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:float 3s ease-in-out infinite}.home-page .home-content .left .image-container .floating-elements .floating-card.card-1{top:20%;left:-10%;animation-delay:0s}.home-page .home-content .left .image-container .floating-elements .floating-card.card-2{bottom:20%;right:-10%;animation-delay:1.5s}.home-page .home-content .left .image-container .floating-elements .floating-card .task-item{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;color:#4a5568}.home-page .home-content .left .image-container .floating-elements .floating-card .task-item .status{width:8px;height:8px;border-radius:50%}.home-page .home-content .left .image-container .floating-elements .floating-card .task-item .status.completed{background:#48bb78}.home-page .home-content .left .image-container .floating-elements .floating-card .task-item .status.in-progress{background:#ed8936}.home-page .home-content .right{flex:1.5;padding:60px 50px}@media (max-width: 768px){.home-page .home-content .right{padding:40px 20px;text-align:center}}.home-page .home-content .right .content-wrapper{max-width:500px}.home-page .home-content .right .content-wrapper .badge{display:inline-flex;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:600;margin-bottom:24px;box-shadow:0 4px 12px #667eea4d}.home-page .home-content .right .content-wrapper .title{font-size:48px;font-weight:800;margin-bottom:24px;color:#2d3748;line-height:1.2}@media (max-width: 768px){.home-page .home-content .right .content-wrapper .title{font-size:36px}}.home-page .home-content .right .content-wrapper .title .highlight{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:transparent}.home-page .home-content .right .content-wrapper .subtitle{font-size:18px;color:#718096;margin-bottom:32px;line-height:1.6;font-weight:400}.home-page .home-content .right .content-wrapper .features{margin-bottom:40px}.home-page .home-content .right .content-wrapper .features .feature-item{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-size:16px;color:#4a5568}.home-page .home-content .right .content-wrapper .features .feature-item .feature-icon{width:20px;height:20px;background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.home-page .home-content .right .content-wrapper .cta-group{display:flex;gap:16px;margin-bottom:48px}@media (max-width: 768px){.home-page .home-content .right .content-wrapper .cta-group{flex-direction:column;align-items:center}}.home-page .home-content .right .content-wrapper .cta-group .start-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;font-weight:600;border-radius:12px;padding:0 32px;height:52px;font-size:16px;box-shadow:0 8px 24px #667eea4d;transition:all .3s ease}.home-page .home-content .right .content-wrapper .cta-group .start-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #667eea66}.home-page .home-content .right .content-wrapper .cta-group .demo-btn{background:transparent;border:2px solid #e2e8f0;color:#4a5568;font-weight:600;border-radius:12px;padding:0 32px;height:52px;font-size:16px;transition:all .3s ease}.home-page .home-content .right .content-wrapper .cta-group .demo-btn:hover{border-color:#667eea;color:#667eea;transform:translateY(-2px)}.home-page .home-content .right .content-wrapper .stats{display:flex;gap:32px}@media (max-width: 768px){.home-page .home-content .right .content-wrapper .stats{justify-content:center}}.home-page .home-content .right .content-wrapper .stats .stat-item{text-align:center}.home-page .home-content .right .content-wrapper .stats .stat-item .stat-number{display:block;font-size:24px;font-weight:800;color:#2d3748;margin-bottom:4px}.home-page .home-content .right .content-wrapper .stats .stat-item .stat-label{font-size:12px;color:#a0aec0;font-weight:500;text-transform:uppercase;letter-spacing:.5px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.home-start-page{position:relative;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;align-items:center;padding:20px;overflow:hidden}.home-start-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.1) 0%,transparent 50%);z-index:0}.home-start-page .home-start-container{position:relative;z-index:1;max-width:400px;width:100%;padding:40px 32px;text-align:center;border-radius:20px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 40px #0000001a,0 0 0 1px #fff3;border:1px solid rgba(255,255,255,.3)}@media (max-width: 480px){.home-start-page .home-start-container{margin:20px;padding:32px 24px}}.home-start-page .home-start-container .logo-section{margin-bottom:24px}.home-start-page .home-start-container .logo-section .bee-image{width:60px;height:auto;margin-bottom:12px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.home-start-page .home-start-container .logo-section .logo-text h1{font-size:24px;font-weight:800;margin:0 0 4px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:transparent}.home-start-page .home-start-container .logo-section .logo-text span{font-size:12px;color:#718096;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.home-start-page .home-start-container .content-section{margin-bottom:32px}.home-start-page .home-start-container .content-section .title{font-size:28px;font-weight:700;margin-bottom:12px;color:#2d3748;line-height:1.2}@media (max-width: 480px){.home-start-page .home-start-container .content-section .title{font-size:24px}}.home-start-page .home-start-container .content-section .subtitle{font-size:15px;color:#718096;margin-bottom:0;line-height:1.5;font-weight:400}.home-start-page .home-start-container .auth-section .sign-up-btn{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;font-weight:600!important;border-radius:12px!important;height:48px!important;font-size:15px!important;margin-bottom:12px;box-shadow:0 6px 20px #667eea4d;transition:all .3s ease}.home-start-page .home-start-container .auth-section .sign-up-btn:hover{transform:translateY(-1px)!important;box-shadow:0 8px 25px #667eea66!important}.home-start-page .home-start-container .auth-section .log-in-btn{background:transparent!important;border:2px solid #e2e8f0!important;color:#4a5568!important;font-weight:600!important;border-radius:12px!important;height:48px!important;font-size:15px!important;margin-bottom:20px;transition:all .3s ease}.home-start-page .home-start-container .auth-section .log-in-btn:hover{border-color:#667eea!important;color:#667eea!important;transform:translateY(-1px)}.home-start-page .home-start-container .auth-section .divider{position:relative;margin:20px 0 16px}.home-start-page .home-start-container .auth-section .divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e2e8f0}.home-start-page .home-start-container .auth-section .divider span{background:#fffffff2;padding:0 12px;font-size:13px;color:#a0aec0;font-weight:500}.home-start-page .home-start-container .auth-section .social-auth{display:flex;gap:10px}.home-start-page .home-start-container .auth-section .social-auth .social-btn{flex:1;height:44px!important;border-radius:10px!important;font-weight:500!important;font-size:14px!important;transition:all .3s ease}.home-start-page .home-start-container .auth-section .social-auth .social-btn.google-btn{background:#fff!important;border:2px solid #e2e8f0!important;color:#4285f4!important}.home-start-page .home-start-container .auth-section .social-auth .social-btn.google-btn:hover{border-color:#4285f4!important;transform:translateY(-1px)}.home-start-page .home-start-container .auth-section .social-auth .social-btn.github-btn{background:#24292e!important;border:2px solid #24292e!important;color:#fff!important}.home-start-page .home-start-container .auth-section .social-auth .social-btn.github-btn:hover{background:#1a1e22!important;transform:translateY(-1px)}.forgot-password-page{display:flex;flex-direction:column;min-height:100vh;background-color:#fff}.header{display:flex;align-items:center;padding:20px 40px;background-color:#f5f5f5;border-bottom:1px solid #ddd;position:sticky;top:0;z-index:1000}.back-arrow{font-size:24px;margin-right:15px;color:#333}.header-title{color:#999;font-size:18px}.forgot-password-container{flex:1;display:flex;justify-content:center;align-items:center;padding:40px 20px}.forgot-password-content{max-width:600px;width:100%;padding:40px;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a}.forgot-password-form{width:100%}.forgot-password-form .ant-form-item{margin-bottom:25px}.forgot-password-form .email-input{border:1px solid #ccc;border-radius:5px;padding:12px;font-size:16px}.forgot-password-form .email-input .ant-input{background-color:transparent;border:none;color:#333;font-size:16px}.forgot-password-form .email-input .ant-input::placeholder{color:#999}.forgot-password-form .continue-button{width:100%;border-radius:5px;padding:12px;font-size:18px;height:auto}@media (max-width: 768px){.header{padding:15px 20px}.forgot-password-container{padding:20px 10px}.forgot-password-content{padding:20px;max-width:100%;box-shadow:none}.main-title{font-size:24px}.description,.continue-button{font-size:16px}}.reset-password-page{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background-color:#fff}.reset-password-container{display:flex;flex-direction:column;align-items:center;max-width:600px;width:100%;padding:40px;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a}.main-title{font-size:32px;font-weight:700;color:#333;margin-bottom:20px}.description{font-size:18px;color:#666;margin-bottom:30px}.reset-password-form{width:100%;display:flex;flex-direction:column;gap:20px}.reset-password-form .password-input{padding:12px;background-color:#ffe5b4;border:none;border-radius:5px;font-size:16px;color:#333;width:100%}.reset-password-form .password-input::placeholder{color:#999}.reset-password-form .change-button{padding:12px;background-color:#f60;color:#fff;border:none;border-radius:5px;font-size:18px;cursor:pointer;width:100%}.reset-password-form .change-button:hover,.reset-password-form .change-button:focus{background-color:#e65c00}@media (max-width: 768px){.reset-password-container{padding:20px;max-width:100%;box-shadow:none}.main-title{font-size:24px}.description,.change-button{font-size:16px}}.homepage{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.homepage .hero-section{background:linear-gradient(135deg,#ffffffe6,#fffc);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:40px 24px;margin-bottom:40px;border-radius:0 0 24px 24px;box-shadow:0 8px 32px #0000001a}.homepage .hero-section .hero-content{max-width:1200px;margin:0 auto}.homepage .hero-section .user-greeting{display:flex;align-items:center;gap:20px}.homepage .hero-section .user-greeting .avatar-container{position:relative}.homepage .hero-section .user-greeting .avatar-container .user-avatar{border-radius:50%!important;cursor:pointer;border:4px solid #fff;box-shadow:0 8px 24px #00000026;transition:all .3s ease}.homepage .hero-section .user-greeting .avatar-container .user-avatar:hover{transform:scale(1.05);box-shadow:0 12px 32px #0003}.homepage .hero-section .user-greeting .avatar-container .status-dot{position:absolute;bottom:8px;right:8px;width:16px;height:16px;background:#52c41a;border:3px solid #fff;border-radius:50%}.homepage .hero-section .user-greeting .greeting-text .welcome-title{font-size:32px;font-weight:700;margin:0 0 8px;color:#2c3e50}.homepage .hero-section .user-greeting .greeting-text .welcome-title .username-highlight{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.homepage .hero-section .user-greeting .greeting-text .welcome-subtitle{font-size:16px;color:#6c757d;margin:0;font-weight:500}.homepage .hero-section .header-actions{text-align:right}@media (max-width: 991px){.homepage .hero-section .header-actions{text-align:center;margin-top:24px}}.homepage .hero-section .header-actions .add-workspace-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;height:48px;padding:0 32px;font-size:16px;font-weight:600;border-radius:24px;box-shadow:0 8px 24px #667eea4d;transition:all .3s ease}.homepage .hero-section .header-actions .add-workspace-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #667eea66}.homepage .dashboard-overview{padding:0 24px 40px;max-width:1200px;margin:0 auto}.homepage .dashboard-overview .section-header{text-align:center;margin-bottom:32px}.homepage .dashboard-overview .section-header h2{font-size:28px;font-weight:700;color:#fff;margin:0 0 8px;text-shadow:0 2px 8px rgba(0,0,0,.1)}.homepage .dashboard-overview .section-header p{font-size:16px;color:#fffc;margin:0}.homepage .dashboard-overview .stats-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:16px;box-shadow:0 8px 32px #0000001a;transition:all .3s ease;overflow:hidden}.homepage .dashboard-overview .stats-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #00000026}.homepage .dashboard-overview .stats-card .ant-card-body{padding:24px}.homepage .dashboard-overview .stats-card .card-icon{font-size:24px;margin-bottom:12px;display:block}.homepage .dashboard-overview .stats-card .card-content h3{font-size:18px;font-weight:600;color:#2c3e50;margin:0 0 16px}.homepage .dashboard-overview .stats-card .card-content .card-subtitle{color:#6c757d;font-size:14px;margin:12px 0 0}.homepage .dashboard-overview .stats-card.today-tasks .progress-container{display:flex;justify-content:center;margin:16px 0}.homepage .dashboard-overview .stats-card.in-progress .progress-item .progress-title{font-weight:600;color:#2c3e50;margin-bottom:4px}.homepage .dashboard-overview .stats-card.in-progress .progress-item .progress-desc{color:#6c757d;font-size:14px;margin-bottom:12px}.homepage .dashboard-overview .stats-card.task-groups .group-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f0f0f0}.homepage .dashboard-overview .stats-card.task-groups .group-item:last-child{border-bottom:none}.homepage .dashboard-overview .stats-card.task-groups .group-item .count{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.homepage .workspaces-section{padding:0 24px 40px;max-width:1200px;margin:0 auto}.homepage .workspaces-section .section-header{text-align:center;margin-bottom:32px}.homepage .workspaces-section .section-header h2{font-size:28px;font-weight:700;color:#fff;margin:0 0 8px;text-shadow:0 2px 8px rgba(0,0,0,.1)}.homepage .workspaces-section .section-header p{font-size:16px;color:#fffc;margin:0}.homepage .workspaces-section .empty-state{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:16px;box-shadow:0 8px 32px #0000001a}.homepage .workspaces-section .empty-state .ant-card-body{padding:48px 24px}.homepage .workspaces-section .empty-state .empty-content{text-align:center}.homepage .workspaces-section .empty-state .empty-content .empty-icon{font-size:64px;margin-bottom:16px;opacity:.7}.homepage .workspaces-section .empty-state .empty-content h3{font-size:24px;font-weight:600;color:#2c3e50;margin:0 0 8px}.homepage .workspaces-section .empty-state .empty-content p{color:#6c757d;margin:0 0 24px}.homepage .workspaces-section .workspace-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:16px;box-shadow:0 8px 32px #0000001a;transition:all .3s ease;overflow:hidden}.homepage .workspaces-section .workspace-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #00000026}.homepage .workspaces-section .workspace-card .ant-card-head{border-bottom:1px solid #f0f0f0;padding:16px 24px}.homepage .workspaces-section .workspace-card .ant-card-head .workspace-header{display:flex;align-items:center;gap:12px}.homepage .workspaces-section .workspace-card .ant-card-head .workspace-header .workspace-icon{font-size:20px}.homepage .workspaces-section .workspace-card .ant-card-head .workspace-header .workspace-name{font-size:16px;font-weight:600;color:#2c3e50}.homepage .workspaces-section .workspace-card .ant-card-head .workspace-actions{display:flex;gap:4px}.homepage .workspaces-section .workspace-card .ant-card-head .workspace-actions .ant-btn{border:none;box-shadow:none}.homepage .workspaces-section .workspace-card .ant-card-body{padding:20px 24px 24px}.homepage .workspaces-section .workspace-card .workspace-content .workspace-meta{margin-bottom:20px}.homepage .workspaces-section .workspace-card .workspace-content .workspace-meta .created-date{color:#6c757d;font-size:14px}.homepage .workspaces-section .workspace-card .workspace-content .workspace-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.homepage .workspaces-section .workspace-card .workspace-content .workspace-actions-grid .action-btn{height:36px;border-radius:8px;font-size:14px;font-weight:500;border:none;transition:all .2s ease}.homepage .workspaces-section .workspace-card .workspace-content .workspace-actions-grid .action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.homepage .workspaces-section .workspace-card .workspace-content .workspace-actions-grid .action-btn.primary:hover{background:linear-gradient(135deg,#5a67d8,#6b5b95);transform:translateY(-1px)}.homepage .workspaces-section .workspace-card .workspace-content .workspace-actions-grid .action-btn.secondary{background:#f8f9fa;color:#495057}.homepage .workspaces-section .workspace-card .workspace-content .workspace-actions-grid .action-btn.secondary:hover{background:#e9ecef;color:#343a40}.homepage .workspaces-section .workspace-card .workspace-content .workspace-actions-grid .action-btn.accent{background:linear-gradient(135deg,#ffecd2,#fcb69f);color:#8b4513}.homepage .workspaces-section .workspace-card .workspace-content .workspace-actions-grid .action-btn.accent:hover{background:linear-gradient(135deg,#ffd89b,#19547b);color:#fff}@media (max-width: 768px){.homepage .hero-section{padding:24px 16px}.homepage .hero-section .user-greeting{flex-direction:column;text-align:center;gap:16px}.homepage .hero-section .user-greeting .greeting-text .welcome-title{font-size:24px}.homepage .dashboard-overview,.homepage .workspaces-section{padding:0 16px 32px}.homepage .dashboard-overview .section-header h2,.homepage .workspaces-section .section-header h2{font-size:24px}}@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);font-weight:400;font-style:normal}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.overlay{background:#00000080;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.modern-header{position:fixed;top:0;left:0;right:0;z-index:1000;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.modern-header.header-transparent{background:#ffffff1a;border-bottom:1px solid rgba(255,255,255,.1)}.modern-header.header-transparent .brand-title{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modern-header.header-transparent .action-btn,.modern-header.header-transparent .notification-btn,.modern-header.header-transparent .login-btn{color:#fff;border-color:#fff3}.modern-header.header-transparent .action-btn:hover,.modern-header.header-transparent .notification-btn:hover,.modern-header.header-transparent .login-btn:hover{background:#ffffff1a;color:#fff}.modern-header.header-transparent .user-name{color:#fff}.modern-header.header-transparent .user-role{color:#ffffffb3}.modern-header.header-solid{background:#fffffff2;border-bottom:1px solid #e8e8e8;box-shadow:0 2px 20px #00000014}.modern-header.header-solid .brand-title{color:#262626}.modern-header.header-solid .action-btn,.modern-header.header-solid .notification-btn,.modern-header.header-solid .login-btn{color:#595959}.modern-header.header-solid .action-btn:hover,.modern-header.header-solid .notification-btn:hover,.modern-header.header-solid .login-btn:hover{color:#667eea;background:#667eea0d}.modern-header.header-solid .user-name{color:#262626}.modern-header.header-solid .user-role{color:#8c8c8c}.modern-header .header-container{max-width:1200px;margin:0 auto;padding:0 24px;height:72px;display:flex;align-items:center;justify-content:space-between}.modern-header .logo-section{display:flex;align-items:center;gap:12px;cursor:pointer;transition:transform .3s ease}.modern-header .logo-section:hover{transform:scale(1.02)}.modern-header .logo-section .logo-icon{width:44px;height:44px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;box-shadow:0 4px 12px #667eea4d}.modern-header .logo-section .brand-title{font-size:28px;font-weight:800;margin:0;letter-spacing:-.5px;transition:all .3s ease}.modern-header .nav-actions{display:flex;align-items:center;gap:24px}.modern-header .action-buttons{display:flex;align-items:center;gap:12px}.modern-header .action-buttons .action-btn{height:40px;border-radius:10px;font-weight:600;transition:all .3s ease;border:1px solid transparent}.modern-header .action-buttons .action-btn.history-btn .btn-text{margin-left:6px}.modern-header .action-buttons .action-btn.history-btn:hover{border-color:#40a9ff;transform:translateY(-1px)}.modern-header .action-buttons .action-btn.upgrade-btn{background:linear-gradient(135deg,#fa8c16,#ff7875);border:none;color:#fff;padding:0 20px}.modern-header .action-buttons .action-btn.upgrade-btn:hover{background:linear-gradient(135deg,#d46b08,#ff4d4f);transform:translateY(-2px);box-shadow:0 6px 20px #fa8c1666}.modern-header .action-buttons .action-btn.dashboard-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;padding:0 16px}.modern-header .action-buttons .action-btn.dashboard-btn .btn-text{margin-left:6px}.modern-header .action-buttons .action-btn.dashboard-btn:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.modern-header .user-section{display:flex;align-items:center;gap:16px}.modern-header .user-section .notification-btn{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.modern-header .user-section .notification-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.modern-header .user-section .user-profile{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:12px;cursor:pointer;transition:all .3s ease}.modern-header .user-section .user-profile:hover{background:#667eea0d;transform:translateY(-1px)}.modern-header .user-section .user-profile .user-info{display:flex;flex-direction:column;text-align:right}.modern-header .user-section .user-profile .user-info .user-name{font-size:14px;font-weight:600;line-height:1.2;margin:0}.modern-header .user-section .user-profile .user-info .user-role{font-size:12px;line-height:1.2;margin:0}.modern-header .user-section .user-profile .user-avatar{border-radius:50%;border:2px solid rgba(102,126,234,.2);transition:all .3s ease}.modern-header .user-section .user-profile .user-avatar:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea4d}.modern-header .user-section .login-btn{height:40px;padding:0 20px;border-radius:10px;font-weight:600;transition:all .3s ease}.modern-header .user-section .login-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}@media (max-width: 768px){.modern-header .header-container{padding:0 16px;height:64px}.modern-header .logo-section .brand-title{font-size:24px}.modern-header .logo-section .logo-icon{width:36px;height:36px;font-size:16px}.modern-header .action-buttons{gap:8px}.modern-header .action-buttons .btn-text{display:none}.modern-header .action-buttons .action-btn{padding:0 12px;min-width:40px}.modern-header .user-section{gap:12px}.modern-header .user-section .user-info{display:none}}@media (max-width: 480px){.modern-header .nav-actions{gap:16px}.modern-header .action-buttons .history-btn{display:none}.modern-header .logo-section .brand-title{font-size:20px}}:global(.ant-badge) .ant-badge-count{background:linear-gradient(135deg,#ff4757,#ff3742);border:2px solid white;box-shadow:0 2px 8px #ff47574d;min-width:18px;height:18px;line-height:14px;font-size:11px;font-weight:600}:global(.ant-dropdown) .ant-dropdown-menu{border-radius:12px;box-shadow:0 12px 40px #00000026;border:1px solid #e8e8e8;overflow:hidden}:global(.ant-dropdown) .ant-dropdown-menu .ant-dropdown-menu-item{padding:12px 16px;border-radius:0;transition:all .3s ease}:global(.ant-dropdown) .ant-dropdown-menu .ant-dropdown-menu-item:hover{background:linear-gradient(135deg,#667eea0d,#764ba20d)}:global(.ant-dropdown) .ant-dropdown-menu .ant-dropdown-menu-item.ant-dropdown-menu-item-danger:hover{background:linear-gradient(135deg,#ff4d4f0d,#ff78750d);color:#ff4d4f}:global(.ant-dropdown) .ant-dropdown-menu .ant-dropdown-menu-item .anticon{margin-right:8px;font-size:14px}:global(.ant-dropdown) .ant-dropdown-menu .ant-dropdown-menu-item-divider{margin:4px 0;background:#f0f0f0}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.modern-header{animation:slideDown .6s cubic-bezier(.4,0,.2,1)}.action-btn,.notification-btn,.login-btn{position:relative;overflow:hidden}.action-btn:before,.notification-btn:before,.login-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s}.action-btn:active:before,.notification-btn:active:before,.login-btn:active:before{width:300px;height:300px}.profile-page{margin-top:80px;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow-x:hidden}.profile-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(120,219,255,.3) 0%,transparent 50%);pointer-events:none}.profile-page .profile-content{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:0 24px}.profile-page .profile-header{position:relative;margin-bottom:32px}.profile-page .profile-header .profile-header-bg{position:absolute;top:0;left:-24px;right:-24px;height:200px;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:0 0 32px 32px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000001a,inset 0 1px #ffffff1a}.profile-page .profile-header .profile-header-content{position:relative;padding:40px 32px 32px;z-index:2}.profile-page .profile-header .avatar-container{position:relative}.profile-page .profile-header .avatar-container .profile-avatar{border:4px solid rgba(255,255,255,.8);box-shadow:0 8px 24px #00000026,0 4px 8px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1)}.profile-page .profile-header .avatar-container .profile-avatar:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 16px 32px #0003,0 8px 16px #00000026}.profile-page .profile-header .avatar-container .avatar-edit-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid rgba(255,255,255,.9);box-shadow:0 4px 12px #00000026;transition:all .3s ease}.profile-page .profile-header .avatar-container .avatar-edit-btn:hover{transform:scale(1.1);box-shadow:0 6px 16px #0003}.profile-page .profile-header .profile-info .profile-name{color:#fffffff2!important;margin-bottom:4px!important;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1)}.profile-page .profile-header .profile-info .profile-username{color:#fffc!important;font-size:16px;font-weight:500;margin-bottom:12px;display:block}.profile-page .profile-header .profile-info .profile-badges{display:flex;gap:8px;flex-wrap:wrap}.profile-page .profile-header .profile-info .profile-badges .ant-tag{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#ffffffe6;font-weight:500;padding:4px 12px;border-radius:20px;transition:all .3s ease}.profile-page .profile-header .profile-info .profile-badges .ant-tag:hover{background:#ffffff40;transform:translateY(-1px)}.profile-page .profile-header .edit-profile-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a24);border:none;border-radius:12px;padding:8px 24px;height:auto;font-weight:600;box-shadow:0 4px 16px #ff6b6b4d;transition:all .3s cubic-bezier(.4,0,.2,1)}.profile-page .profile-header .edit-profile-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ff6b6b66;background:linear-gradient(135deg,#ff5252,#d63031)}.profile-page .profile-header .settings-btn{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#ffffffe6;border-radius:12px;transition:all .3s ease}.profile-page .profile-header .settings-btn:hover{background:#ffffff40;transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.profile-page .profile-header .logout-btn{background:linear-gradient(135deg,#fd79a8,#e84393);border:none;border-radius:12px;color:#fff;font-weight:600;box-shadow:0 4px 16px #fd79a84d;transition:all .3s cubic-bezier(.4,0,.2,1)}.profile-page .profile-header .logout-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #fd79a866;background:linear-gradient(135deg,#e84393,#d63031)}.profile-page .stats-section{margin-bottom:32px}.profile-page .stats-section .stat-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:20px;box-shadow:0 8px 32px #0000001a,inset 0 1px #fff3;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.profile-page .stats-section .stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);transform:scaleX(0);transition:transform .3s ease}.profile-page .stats-section .stat-card:hover{transform:translateY(-8px);box-shadow:0 16px 48px #00000026,inset 0 1px #ffffff4d}.profile-page .stats-section .stat-card:hover:before{transform:scaleX(1)}.profile-page .stats-section .stat-card.completed:before{background:linear-gradient(90deg,#52c41a,#73d13d)}.profile-page .stats-section .stat-card.in-progress:before{background:linear-gradient(90deg,#faad14,#ffc53d)}.profile-page .stats-section .stat-card.overdue:before{background:linear-gradient(90deg,#ff4d4f,#ff7875)}.profile-page .stats-section .stat-card.productivity:before{background:linear-gradient(90deg,#722ed1,#9254de)}.profile-page .stats-section .stat-card .ant-statistic-title{color:#666;font-weight:600;font-size:14px;margin-bottom:8px}.profile-page .stats-section .stat-card .ant-statistic-content{font-weight:700}.profile-page .stats-section .stat-card .stat-trend{margin-top:8px;font-size:12px;font-weight:500}.profile-page .main-content .chart-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:20px;box-shadow:0 8px 32px #0000001a,inset 0 1px #fff3;transition:all .3s cubic-bezier(.4,0,.2,1)}.profile-page .main-content .chart-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #00000026,inset 0 1px #ffffff4d}.profile-page .main-content .chart-card .ant-card-head{background:transparent;border-bottom:1px solid rgba(0,0,0,.06)}.profile-page .main-content .chart-card .ant-card-head .ant-card-head-title{color:#333;font-weight:600;font-size:16px}.profile-page .main-content .progress-overview-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:20px;box-shadow:0 8px 32px #0000001a,inset 0 1px #fff3}.profile-page .main-content .progress-overview-card .progress-circle-container{display:flex;justify-content:center;align-items:center}.profile-page .main-content .progress-overview-card .progress-circle-container .progress-content{text-align:center}.profile-page .main-content .progress-overview-card .progress-circle-container .progress-content .progress-percent{font-size:24px;font-weight:700;color:#722ed1;line-height:1}.profile-page .main-content .progress-overview-card .progress-circle-container .progress-content .progress-label{font-size:12px;color:#666;font-weight:500;margin-top:4px}.profile-page .main-content .progress-overview-card .progress-details .progress-item{margin-bottom:20px}.profile-page .main-content .progress-overview-card .progress-details .progress-item:last-child{margin-bottom:0}.profile-page .main-content .progress-overview-card .progress-details .progress-item .progress-bar{display:flex;align-items:center;gap:12px;margin-top:8px}.profile-page .main-content .progress-overview-card .progress-details .progress-item .progress-bar .ant-progress{flex:1;margin:0}.profile-page .main-content .progress-overview-card .progress-details .progress-item .progress-bar .ant-progress .ant-progress-bg{border-radius:8px}.profile-page .main-content .progress-overview-card .progress-details .progress-item .progress-bar .ant-typography{min-width:50px;text-align:right;font-weight:600;color:#333}.profile-page .main-content .activities-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:20px;box-shadow:0 8px 32px #0000001a,inset 0 1px #fff3}.profile-page .main-content .activities-card .ant-timeline .ant-timeline-item{padding-bottom:16px}.profile-page .main-content .activities-card .ant-timeline .ant-timeline-item .activity-item .activity-title{color:#333;font-size:14px}.profile-page .main-content .activities-card .ant-timeline .ant-timeline-item .activity-item .activity-time{font-size:12px;color:#666}.profile-page .main-content .quick-actions-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:20px;box-shadow:0 8px 32px #0000001a,inset 0 1px #fff3}.profile-page .main-content .quick-actions-card .action-btn{border-radius:12px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.profile-page .main-content .quick-actions-card .action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 4px 16px #667eea4d}.profile-page .main-content .quick-actions-card .action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #667eea66}.profile-page .main-content .quick-actions-card .action-btn.secondary{background:linear-gradient(135deg,#74b9ff,#0984e3);border:none;color:#fff;box-shadow:0 4px 16px #74b9ff4d}.profile-page .main-content .quick-actions-card .action-btn.secondary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #74b9ff66}.profile-page .main-content .quick-actions-card .action-btn.tertiary{background:linear-gradient(135deg,#55a3ff,#003d82);border:none;color:#fff;box-shadow:0 4px 16px #55a3ff4d}.profile-page .main-content .quick-actions-card .action-btn.tertiary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #55a3ff66}.profile-page .main-content .quick-actions-card .action-btn.text{color:#666;background:transparent}.profile-page .main-content .quick-actions-card .action-btn.text:hover{background:#667eea1a;color:#667eea}.profile-page .profile-modal .ant-modal-content{border-radius:20px;overflow:hidden;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);box-shadow:0 24px 48px #00000026}.profile-page .profile-modal .ant-modal-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-bottom:none;padding:20px 24px}.profile-page .profile-modal .ant-modal-header .ant-modal-title{color:#fff;font-weight:600}.profile-page .profile-modal .ant-modal-close{color:#fffc}.profile-page .profile-modal .ant-modal-close:hover{color:#fff}.profile-page .profile-modal .profile-form .ant-form-item-label label{font-weight:600;color:#333}.profile-page .profile-modal .profile-form .ant-input{border-radius:12px;border:2px solid #f0f0f0;padding:12px 16px;transition:all .3s ease}.profile-page .profile-modal .profile-form .ant-input:focus,.profile-page .profile-modal .profile-form .ant-input:hover{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.profile-page .profile-modal .profile-form .ant-input-affix-wrapper{border-radius:12px;border:2px solid #f0f0f0;transition:all .3s ease}.profile-page .profile-modal .profile-form .ant-input-affix-wrapper:focus,.profile-page .profile-modal .profile-form .ant-input-affix-wrapper:hover,.profile-page .profile-modal .profile-form .ant-input-affix-wrapper.ant-input-affix-wrapper-focused{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.profile-page .avatar-modal .ant-modal-content{border-radius:20px;overflow:hidden;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);box-shadow:0 24px 48px #00000026}.profile-page .avatar-modal .avatar-upload-container{text-align:center;padding:20px}.profile-page .avatar-modal .avatar-upload-container .current-avatar{margin-bottom:24px}.profile-page .avatar-modal .avatar-upload-container .current-avatar .ant-typography{margin-top:12px;color:#666}.profile-page .avatar-modal .avatar-upload-container .avatar-uploader{display:inline-block}.profile-page .avatar-modal .avatar-upload-container .avatar-uploader .ant-upload{border:2px dashed #d9d9d9;border-radius:12px;background:#fafafa;transition:all .3s ease}.profile-page .avatar-modal .avatar-upload-container .avatar-uploader .ant-upload:hover{border-color:#667eea;background:#667eea0d}@media (max-width: 768px){.profile-page .profile-content{padding:0 16px}.profile-page .profile-header .profile-header-bg{left:-16px;right:-16px;border-radius:0 0 24px 24px}.profile-page .profile-header .profile-header-content{padding:32px 24px 24px}.profile-page .profile-header .profile-header-content .ant-row{flex-direction:column;gap:24px}.profile-page .profile-header .profile-header-content .ant-row .ant-col,.profile-page .profile-header .profile-info{text-align:center}.profile-page .profile-header .profile-info .profile-badges{justify-content:center}.profile-page .stats-section .ant-col{margin-bottom:16px}.profile-page .main-content .progress-overview-card .ant-row{flex-direction:column;text-align:center}.profile-page .main-content .progress-overview-card .ant-row .progress-circle-container{margin-bottom:24px}}@media (max-width: 576px){.profile-page .profile-header .profile-header-content{padding:24px 16px 20px}.profile-page .profile-header .avatar-container .profile-avatar{width:100px!important;height:100px!important}.profile-page .profile-header .profile-info .profile-name{font-size:20px!important}.profile-page .action-btn{font-size:14px;padding:12px 16px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.profile-page .stat-card,.profile-page .chart-card,.profile-page .activities-card,.profile-page .quick-actions-card,.profile-page .progress-overview-card{animation:fadeInUp .6s ease-out;animation-fill-mode:both}.profile-page .stat-card:nth-child(1),.profile-page .chart-card:nth-child(1),.profile-page .activities-card:nth-child(1),.profile-page .quick-actions-card:nth-child(1),.profile-page .progress-overview-card:nth-child(1){animation-delay:.1s}.profile-page .stat-card:nth-child(2),.profile-page .chart-card:nth-child(2),.profile-page .activities-card:nth-child(2),.profile-page .quick-actions-card:nth-child(2),.profile-page .progress-overview-card:nth-child(2){animation-delay:.2s}.profile-page .stat-card:nth-child(3),.profile-page .chart-card:nth-child(3),.profile-page .activities-card:nth-child(3),.profile-page .quick-actions-card:nth-child(3),.profile-page .progress-overview-card:nth-child(3){animation-delay:.3s}.profile-page .stat-card:nth-child(4),.profile-page .chart-card:nth-child(4),.profile-page .activities-card:nth-child(4),.profile-page .quick-actions-card:nth-child(4),.profile-page .progress-overview-card:nth-child(4){animation-delay:.4s}.profile-page .profile-avatar{animation:fadeInUp .8s ease-out}.profile-page .loading-shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 2s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.add-project-container{display:flex;justify-content:center;padding:40px;background-color:#f5f5f5}.add-project-card{width:100%;max-width:500px;border-radius:16px;box-shadow:0 6px 20px #0000000d;padding:24px}.header-add-project-task{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.header-add-project-task .title{margin:0}.header-add-project-task .icon{font-size:18px;cursor:pointer}.submit-btn{background-color:#ffa726;border:none;height:45px;font-weight:700;font-size:16px}.submit-btn:hover{background-color:#fb8c00}.professional-package-page{margin-top:90px;min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.professional-package-page .packages-header-section{margin-top:-100px;padding:120px 0 80px;position:relative;overflow:hidden}.professional-package-page .packages-header-section .header-background{background:linear-gradient(135deg,#1e293b,#334155,#475569);position:relative}.professional-package-page .packages-header-section .header-background:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="dots" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="1.5" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23dots)"/></svg>');opacity:.6}.professional-package-page .packages-header-section .header-background:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#06b6d4)}.professional-package-page .packages-header-section .header-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d}.professional-package-page .packages-header-section .header-content{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center;gap:40px}@media (max-width: 768px){.professional-package-page .packages-header-section .header-content{flex-direction:column;text-align:center;gap:30px}}.professional-package-page .packages-header-section .header-text{flex:1}.professional-package-page .packages-header-section .header-text .main-title{color:#fff!important;font-size:3.5rem!important;font-weight:800!important;margin:0 0 16px!important;line-height:1.1}@media (max-width: 768px){.professional-package-page .packages-header-section .header-text .main-title{font-size:2.5rem!important}}.professional-package-page .packages-header-section .header-text .subtitle{color:#ffffffe6;font-size:1.25rem;line-height:1.6;max-width:600px}.professional-package-page .packages-header-section .header-stats{display:flex;align-items:center;gap:30px;background:#ffffff1a;padding:24px;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}@media (max-width: 768px){.professional-package-page .packages-header-section .header-stats{flex-wrap:wrap;justify-content:center;gap:20px}}.professional-package-page .packages-header-section .header-stats .stat-item{text-align:center}.professional-package-page .packages-header-section .header-stats .stat-item .stat-number{font-size:2rem;font-weight:800;color:#3b82f6;display:block;line-height:1}.professional-package-page .packages-header-section .header-stats .stat-item .stat-label{font-size:.875rem;color:#fffc;margin-top:4px;display:block}.professional-package-page .packages-header-section .header-stats .stat-divider{width:1px;height:40px;background:#ffffff4d}@media (max-width: 768px){.professional-package-page .packages-header-section .header-stats .stat-divider{display:none}}.professional-package-page .packages-section{padding:80px 0}.professional-package-page .packages-section .packages-container{max-width:1200px;margin:0 auto;padding:0 24px}.professional-package-page .packages-section .packages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-top:40px}@media (max-width: 768px){.professional-package-page .packages-section .packages-grid{grid-template-columns:1fr;gap:20px}}.professional-package-page .packages-section .package-card-wrapper{position:relative}.professional-package-page .packages-section .package-card-wrapper.featured-package{transform:scale(1.05);z-index:2}@media (max-width: 768px){.professional-package-page .packages-section .package-card-wrapper.featured-package{transform:none}}.professional-package-page .packages-section .package-card-wrapper.featured-package .professional-package-card{border:2px solid #3b82f6;box-shadow:0 25px 50px #3b82f626}.professional-package-page .packages-section .package-card-wrapper .featured-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);z-index:3;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;padding:6px 20px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #3b82f64d}.professional-package-page .packages-section .professional-package-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0000001a;border:1px solid #e2e8f0;transition:all .3s ease;height:100%}.professional-package-page .packages-section .professional-package-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000026}.professional-package-page .packages-section .professional-package-card .package-header{padding:32px 24px 24px;text-align:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0}.professional-package-page .packages-section .professional-package-card .package-header .package-icon{width:64px;height:64px;margin:0 auto 16px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;box-shadow:0 8px 16px #3b82f64d}.professional-package-page .packages-section .professional-package-card .package-header .package-title{color:#1e293b!important;font-weight:700!important;margin:0 0 8px!important;font-size:1.5rem!important}.professional-package-page .packages-section .professional-package-card .package-header .package-description{color:#64748b;font-size:.875rem;line-height:1.5}.professional-package-page .packages-section .professional-package-card .package-pricing{padding:24px;text-align:center;border-bottom:1px solid #f1f5f9}.professional-package-page .packages-section .professional-package-card .package-pricing .price-display{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-bottom:8px}.professional-package-page .packages-section .professional-package-card .package-pricing .price-display .currency{font-size:1.25rem;color:#64748b;font-weight:600}.professional-package-page .packages-section .professional-package-card .package-pricing .price-display .price{font-size:3rem;font-weight:800;color:#059669;line-height:1}.professional-package-page .packages-section .professional-package-card .package-pricing .duration-info .duration-forever{color:#059669;font-weight:600;font-size:.875rem;background:#ecfdf5;padding:4px 12px;border-radius:12px;display:inline-block}.professional-package-page .packages-section .professional-package-card .package-pricing .duration-info .duration-limited{color:#d97706;font-weight:600;font-size:.875rem;background:#fef3c7;padding:4px 12px;border-radius:12px;display:inline-block}.professional-package-page .packages-section .professional-package-card .package-features{padding:24px}.professional-package-page .packages-section .professional-package-card .package-features .feature-item{display:flex;align-items:center;gap:12px;padding:8px 0}.professional-package-page .packages-section .professional-package-card .package-features .feature-item .feature-icon{color:#059669;font-size:16px;flex-shrink:0}.professional-package-page .packages-section .professional-package-card .package-features .feature-item span{color:#374151;font-size:.875rem;line-height:1.5}.professional-package-page .packages-section .professional-package-card .package-actions{padding:24px;background:#f8fafc}.professional-package-page .packages-section .professional-package-card .package-actions .payment-buttons{display:flex;gap:12px;margin-bottom:16px}.professional-package-page .packages-section .professional-package-card .package-actions .payment-buttons .vnpay-button{flex:1;height:48px;background:linear-gradient(135deg,#7c3aed,#a855f7)!important;border:none!important;border-radius:12px!important;font-weight:600!important;font-size:.875rem!important}.professional-package-page .packages-section .professional-package-card .package-actions .payment-buttons .vnpay-button:hover{background:linear-gradient(135deg,#6d28d9,#9333ea)!important;transform:translateY(-1px);box-shadow:0 8px 16px #7c3aed4d!important}.professional-package-page .packages-section .professional-package-card .package-actions .payment-buttons .qr-button{flex:1;height:48px;background:linear-gradient(135deg,#059669,#10b981)!important;color:#fff!important;border:none!important;border-radius:12px!important;font-weight:600!important;font-size:.875rem!important}.professional-package-page .packages-section .professional-package-card .package-actions .payment-buttons .qr-button:hover{background:linear-gradient(135deg,#047857,#059669)!important;transform:translateY(-1px);box-shadow:0 8px 16px #0596694d!important}.professional-package-page .packages-section .professional-package-card .package-actions .details-button{width:100%;height:40px;color:#7c3aed!important;font-weight:600!important;border-radius:8px!important}.professional-package-page .packages-section .professional-package-card .package-actions .details-button:hover{background:#f3f4f6!important;color:#6d28d9!important}.professional-package-page .trust-section{padding:80px 0;background:#fff}.professional-package-page .trust-section .trust-container{max-width:1200px;margin:0 auto;padding:0 24px;text-align:center}.professional-package-page .trust-section .trust-header{margin-bottom:50px}.professional-package-page .trust-section .trust-header .trust-title{color:#1e293b!important;font-weight:800!important;margin:0 0 16px!important;font-size:2.5rem!important}.professional-package-page .trust-section .trust-header .trust-subtitle{color:#64748b;font-size:1.125rem;max-width:600px;margin:0 auto;line-height:1.6}.professional-package-page .trust-section .trust-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}.professional-package-page .trust-section .trust-features .trust-item{display:flex;align-items:flex-start;gap:20px;text-align:left}.professional-package-page .trust-section .trust-features .trust-item .trust-icon{width:64px;height:64px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;flex-shrink:0;box-shadow:0 8px 16px #3b82f633}.professional-package-page .trust-section .trust-features .trust-item .trust-content h4{color:#1e293b!important;margin:0 0 8px!important;font-weight:700!important}.professional-package-page .trust-section .trust-features .trust-item .trust-content span{color:#64748b;line-height:1.6}.professional-details-modal .ant-modal-content,.professional-confirm-modal .ant-modal-content,.professional-success-modal .ant-modal-content{border-radius:20px;overflow:hidden;box-shadow:0 25px 50px #00000026;border:1px solid rgba(255,255,255,.2)}.professional-details-modal .ant-modal-body,.professional-confirm-modal .ant-modal-body,.professional-success-modal .ant-modal-body{padding:0!important}.package-details-content .details-header{background:linear-gradient(135deg,#3b82f6,#8b5cf6);padding:30px;color:#fff;display:flex;align-items:center;gap:20px}.package-details-content .details-header .package-icon-large{width:60px;height:60px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3)}.package-details-content .details-header .details-title{color:#fff!important;margin:0!important;font-weight:700!important}.package-details-content .details-header .details-subtitle{color:#fffc;font-size:.875rem}.package-details-content .details-body{padding:30px}.package-details-content .details-body .detail-item{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 0;border-bottom:1px solid #f1f5f9}.package-details-content .details-body .detail-item:last-child{border-bottom:none}.package-details-content .details-body .detail-item .detail-label{flex:1;color:#64748b}.package-details-content .details-body .detail-item .detail-value{flex:2;text-align:right}.package-details-content .details-body .detail-item .detail-value .duration-forever{color:#059669;font-weight:600;display:flex;align-items:center;justify-content:flex-end}.package-details-content .details-body .detail-item .detail-value .price-display-modal .price-large{font-size:1.5rem;font-weight:800;color:#059669;display:block}.package-details-content .details-body .detail-item .detail-value .price-display-modal .price-note{font-size:.75rem;color:#64748b;margin-top:4px;display:block}.package-details-content .details-footer{padding:20px 30px;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:center}.package-details-content .details-footer .close-details-btn{background:#64748b!important;color:#fff!important;border:none!important;border-radius:8px!important;font-weight:600!important;height:40px!important;padding:0 24px!important}.package-details-content .details-footer .close-details-btn:hover{background:#475569!important}.confirm-purchase-content .confirm-header{background:linear-gradient(135deg,#7c3aed,#a855f7);padding:30px;color:#fff;display:flex;align-items:center;gap:20px}.confirm-purchase-content .confirm-header .confirm-icon{width:60px;height:60px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3)}.confirm-purchase-content .confirm-header .confirm-title{color:#fff!important;margin:0!important;font-weight:700!important}.confirm-purchase-content .confirm-header .confirm-subtitle{color:#fffc;font-size:.875rem}.confirm-purchase-content .confirm-body{padding:30px}.confirm-purchase-content .confirm-body .package-summary{background:#f8fafc;border-radius:12px;padding:20px;margin-bottom:24px}.confirm-purchase-content .confirm-body .package-summary .summary-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.confirm-purchase-content .confirm-body .package-summary .summary-item.total-item{border-top:1px solid #e2e8f0;margin-top:12px;padding-top:16px}.confirm-purchase-content .confirm-body .package-summary .summary-item.total-item .total-price{font-size:1.25rem;font-weight:800;color:#059669}.confirm-purchase-content .confirm-body .package-summary .summary-item .summary-label{color:#64748b;font-size:.875rem}.confirm-purchase-content .confirm-body .package-summary .summary-item .summary-value{color:#1e293b;font-weight:600}.confirm-purchase-content .confirm-body .payment-method-info .payment-info-item{display:flex;align-items:center;gap:12px;padding:8px 0}.confirm-purchase-content .confirm-body .payment-method-info .payment-info-item .info-icon{color:#059669;font-size:16px}.confirm-purchase-content .confirm-body .payment-method-info .payment-info-item span{color:#64748b;font-size:.875rem}.confirm-purchase-content .confirm-footer{padding:20px 30px;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end}.confirm-purchase-content .confirm-footer .cancel-btn{background:#64748b!important;color:#fff!important;border:none!important;border-radius:8px!important;font-weight:600!important;height:44px!important;padding:0 24px!important}.confirm-purchase-content .confirm-footer .cancel-btn:hover{background:#475569!important}.confirm-purchase-content .confirm-footer .confirm-btn{background:linear-gradient(135deg,#7c3aed,#a855f7)!important;border:none!important;border-radius:8px!important;font-weight:600!important;height:44px!important;padding:0 24px!important}.confirm-purchase-content .confirm-footer .confirm-btn:hover{background:linear-gradient(135deg,#6d28d9,#9333ea)!important;box-shadow:0 8px 16px #7c3aed4d!important}.success-content .success-header{background:linear-gradient(135deg,#059669,#10b981);padding:30px;color:#fff;display:flex;align-items:center;gap:20px}.success-content .success-header .success-icon{width:60px;height:60px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3)}.success-content .success-header .success-title{color:#fff!important;margin:0!important;font-weight:700!important}.success-content .success-header .success-subtitle{color:#fffc;font-size:.875rem}.success-content .success-body{padding:30px}.success-content .success-body .success-message{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:12px;padding:20px;margin-bottom:24px;text-align:center}.success-content .success-body .success-message span{color:#065f46;line-height:1.6}.success-content .success-body .success-features .feature-item{display:flex;align-items:center;gap:12px;padding:8px 0}.success-content .success-body .success-features .feature-item .feature-icon{color:#059669;font-size:16px}.success-content .success-body .success-features .feature-item span{color:#374151;font-size:.875rem}.success-content .success-footer{padding:20px 30px;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:center}.success-content .success-footer .continue-btn{background:linear-gradient(135deg,#059669,#10b981)!important;border:none!important;border-radius:8px!important;font-weight:600!important;height:44px!important;padding:0 30px!important}.success-content .success-footer .continue-btn:hover{background:linear-gradient(135deg,#047857,#059669)!important;box-shadow:0 8px 16px #0596694d!important}.professional-loading-screen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;align-items:center;justify-content:center}.professional-loading-screen .loading-background{position:absolute;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.professional-loading-screen .loading-content{position:relative;z-index:2;background:#fff;border-radius:20px;padding:40px;text-align:center;max-width:400px;width:90%;box-shadow:0 25px 50px #0000004d}.professional-loading-screen .loading-animation{position:relative;width:80px;height:80px;margin:0 auto 24px}.professional-loading-screen .loading-animation .loading-circle{width:80px;height:80px;border:4px solid #e2e8f0;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;position:absolute}.professional-loading-screen .loading-animation .loading-circle-inner{width:60px;height:60px;border:3px solid #f1f5f9;border-top:3px solid #8b5cf6;border-radius:50%;animation:spin .8s linear infinite reverse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.professional-loading-screen .loading-text .loading-title{color:#1e293b!important;margin:0 0 8px!important;font-weight:700!important}.professional-loading-screen .loading-text .loading-subtitle{color:#64748b;font-size:.875rem;margin-bottom:24px;line-height:1.5}.professional-loading-screen .loading-steps{display:flex;flex-direction:column;gap:12px}.professional-loading-screen .loading-steps .step{display:flex;align-items:center;gap:12px;padding:8px 16px;border-radius:8px;background:#f8fafc}.professional-loading-screen .loading-steps .step.active{background:#ecfdf5}.professional-loading-screen .loading-steps .step.active .step-number{background:#059669;color:#fff}.professional-loading-screen .loading-steps .step.active .step-text{color:#065f46}.professional-loading-screen .loading-steps .step.loading{background:#dbeafe}.professional-loading-screen .loading-steps .step.loading .step-number{background:#3b82f6;color:#fff;animation:pulse 1s ease-in-out infinite}.professional-loading-screen .loading-steps .step.loading .step-text{color:#1e40af}.professional-loading-screen .loading-steps .step .step-number{width:24px;height:24px;border-radius:50%;background:#e2e8f0;color:#64748b;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;flex-shrink:0}.professional-loading-screen .loading-steps .step .step-text{font-size:.875rem;color:#64748b}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.foggy-bg{background-image:url(/assets/images/your-bg.jpg);background-size:cover;background-position:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0000000a}.professional-qr-modal .ant-modal-content{border-radius:20px;overflow:hidden;box-shadow:0 25px 50px #00000026;border:1px solid rgba(255,255,255,.2)}.professional-qr-modal .ant-modal-body{padding:0!important}.qr-payment-professional{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.qr-payment-professional .qr-modal-header{background:linear-gradient(135deg,#4f46e5,#7c3aed);padding:30px;position:relative;overflow:hidden}.qr-payment-professional .qr-modal-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.qr-payment-professional .qr-modal-header .header-content{display:flex;align-items:center;gap:20px;position:relative;z-index:1}.qr-payment-professional .qr-modal-header .qr-icon-wrapper{width:60px;height:60px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3)}.qr-payment-professional .qr-modal-header .qr-icon-wrapper .anticon{font-size:28px;color:#fff}.qr-payment-professional .qr-modal-header .header-text{flex:1}.qr-payment-professional .qr-modal-header .header-text .payment-title{color:#fff!important;margin:0!important;font-weight:700;font-size:24px}.qr-payment-professional .qr-modal-header .header-text .payment-subtitle{color:#fffc;font-size:14px;margin-top:4px}.qr-payment-professional .qr-modal-header .security-badge{background:#10b98133;border:1px solid rgba(16,185,129,.4);border-radius:20px;padding:8px 16px;display:flex;align-items:center;gap:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.qr-payment-professional .qr-modal-header .security-badge .anticon{color:#10b981;font-size:16px}.qr-payment-professional .qr-modal-header .security-badge span{color:#10b981;font-weight:600;font-size:12px}.qr-payment-professional .package-info-section{padding:25px 30px;background:#fff;color:#1f2937}.qr-payment-professional .package-info-section .package-card{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:16px;padding:20px;display:flex;justify-content:space-between;align-items:center;border:1px solid #e2e8f0;box-shadow:0 4px 12px #0000000d}.qr-payment-professional .package-info-section .package-name{color:#1f2937!important;margin:0!important;font-weight:700;font-size:20px}.qr-payment-professional .package-info-section .price-display{margin-top:8px}.qr-payment-professional .package-info-section .price-display .price-amount{font-size:28px;font-weight:800;color:#059669}.qr-payment-professional .package-info-section .price-display .currency{font-size:18px;color:#6b7280;margin-left:4px}.qr-payment-professional .package-info-section .package-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;padding:8px 16px;border-radius:20px;display:flex;align-items:center;gap:6px;font-weight:600;font-size:12px;box-shadow:0 4px 8px #fbbf244d}.qr-payment-professional .elegant-divider{margin:0!important;border-color:#fff3!important}.qr-payment-professional .qr-code-section{padding:30px;background:#fff;color:#1f2937;text-align:center}.qr-payment-professional .qr-code-section .qr-instruction{margin-bottom:25px}.qr-payment-professional .qr-code-section .qr-instruction .instruction-title{color:#1f2937!important;margin:0 0 8px!important;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:700}.qr-payment-professional .qr-code-section .qr-instruction .instruction-title .bank-icon{color:#4f46e5;font-size:20px}.qr-payment-professional .qr-code-section .qr-instruction .instruction-text{color:#6b7280;font-size:14px}.qr-payment-professional .qr-code-section .qr-display-area{display:flex;justify-content:center}.qr-payment-professional .qr-code-section .qr-container{position:relative}.qr-payment-professional .qr-code-section .qr-frame{position:relative;display:inline-block;padding:20px;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:24px;box-shadow:0 20px 40px #0000001a,0 0 0 1px #ffffff80,inset 0 1px #fffc;border:4px solid transparent;background-clip:padding-box}.qr-payment-professional .qr-code-section .qr-frame:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;background:linear-gradient(135deg,#4f46e5,#7c3aed,#06b6d4);border-radius:28px;z-index:-1;opacity:.8}.qr-payment-professional .qr-code-section .qr-image{border-radius:12px;display:block}.qr-payment-professional .qr-code-section .qr-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;pointer-events:none}.qr-payment-professional .qr-code-section .qr-overlay .scan-animation{position:absolute;top:20px;left:20px;right:20px;height:2px;background:linear-gradient(90deg,transparent,#4f46e5,transparent);animation:scan 2s ease-in-out infinite}.qr-payment-professional .qr-code-section .qr-label{margin-top:15px;display:flex;align-items:center;justify-content:center;gap:6px;color:#059669;font-weight:600;font-size:12px}.qr-payment-professional .qr-code-section .qr-label .verified-icon{color:#059669}.qr-payment-professional .bank-info-section{padding:25px 30px;background:#f8fafc}.qr-payment-professional .bank-info-section .bank-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 12px #0000000d;border:1px solid #e2e8f0}.qr-payment-professional .bank-info-section .bank-header{display:flex;align-items:center;gap:15px;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e2e8f0}.qr-payment-professional .bank-info-section .bank-header .bank-logo{width:50px;height:50px;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px}.qr-payment-professional .bank-info-section .bank-header .bank-name{color:#1f2937!important;margin:0!important;font-weight:700}.qr-payment-professional .bank-info-section .bank-header .bank-subtitle{color:#6b7280;font-size:12px;margin-top:2px}.qr-payment-professional .bank-info-section .account-details .detail-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f1f5f9}.qr-payment-professional .bank-info-section .account-details .detail-row:last-child{border-bottom:none}.qr-payment-professional .bank-info-section .account-details .detail-row .detail-label{color:#6b7280;font-weight:500;font-size:14px}.qr-payment-professional .bank-info-section .account-details .detail-row .detail-value{display:flex;align-items:center;gap:8px}.qr-payment-professional .bank-info-section .account-details .detail-row .detail-value .account-number,.qr-payment-professional .bank-info-section .account-details .detail-row .detail-value .account-name,.qr-payment-professional .bank-info-section .account-details .detail-row .detail-value .transfer-amount,.qr-payment-professional .bank-info-section .account-details .detail-row .detail-value .transfer-message{font-weight:600;color:#1f2937;font-family:Courier New,monospace}.qr-payment-professional .bank-info-section .account-details .detail-row .detail-value .transfer-amount{color:#059669;font-size:16px}.qr-payment-professional .bank-info-section .account-details .detail-row .detail-value .copy-btn{color:#6b7280;opacity:.7;transition:all .2s ease}.qr-payment-professional .bank-info-section .account-details .detail-row .detail-value .copy-btn:hover{opacity:1;color:#4f46e5;background:#f1f5f9}.qr-payment-professional .instructions-section{padding:25px 30px;background:#fff}.qr-payment-professional .instructions-section .instructions-title{color:#1f2937!important;margin:0 0 20px!important;font-weight:700;text-align:center}.qr-payment-professional .instructions-section .step-list .step-item{display:flex;align-items:center;gap:15px;padding:12px 0}.qr-payment-professional .instructions-section .step-list .step-item .step-number{width:32px;height:32px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.qr-payment-professional .instructions-section .step-list .step-item span{color:#374151;font-weight:500}.qr-payment-professional .notice-section{padding:25px 30px;background:#f8fafc}.qr-payment-professional .notice-section .notice-card{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;border-radius:16px;padding:20px}.qr-payment-professional .notice-section .notice-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.qr-payment-professional .notice-section .notice-header .notice-icon{color:#2563eb;font-size:18px}.qr-payment-professional .notice-section .notice-header .notice-title{color:#1e40af;font-weight:700;font-size:14px}.qr-payment-professional .notice-section .notice-content{display:flex;flex-direction:column;gap:6px}.qr-payment-professional .notice-section .notice-content span{color:#1e3a8a;font-size:13px;line-height:1.5}.qr-payment-professional .notice-section .notice-content span strong{font-weight:700}.qr-payment-professional .modal-footer{padding:20px 30px;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:center}.qr-payment-professional .modal-footer .close-button{background:linear-gradient(135deg,#6b7280,#4b5563);border:none;color:#fff;font-weight:600;height:44px;padding:0 30px;border-radius:22px;transition:all .2s ease}.qr-payment-professional .modal-footer .close-button:hover{background:linear-gradient(135deg,#4b5563,#374151);transform:translateY(-1px);box-shadow:0 8px 16px #00000026}@keyframes scan{0%{transform:translateY(-20px);opacity:0}50%{opacity:1}to{transform:translateY(220px);opacity:0}}.qr-payment-content .qr-code-container{display:inline-block;background:linear-gradient(145deg,#f8f9fa,#e9ecef);border-radius:16px;padding:16px;box-shadow:0 4px 12px #0000001a;transition:transform .2s ease}.qr-payment-content .qr-code-container:hover{transform:scale(1.02)}.qr-payment-content .payment-instructions ul li{border-left:3px solid transparent;padding:4px 0 4px 12px;transition:all .2s ease}.qr-payment-content .payment-instructions ul li:hover{border-left-color:#10b981;background-color:#f0fdf4;border-radius:4px}.package-card-buttons .payment-btn{position:relative;overflow:hidden}.package-card-buttons .payment-btn: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}.package-card-buttons .payment-btn:hover:before{left:100%}.home-page{background:#fff}.home-page .start-btn{background-color:#1e88e5;border:none}.home-page .start-btn:hover{background-color:#1565c0}.workspace-container{min-height:100vh;background-image:url(/assets/business-team-meeting-boardroom-oAXCD2rY.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;justify-content:center;align-items:flex-start;padding-top:100px;position:relative}.workspace-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(.5px);backdrop-filter:blur(.5px);z-index:1}.workspace-container .workspace-card{position:relative;z-index:2}.glass{background:#ffffff1a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);color:#fff}.glass .ant-card-head{border-bottom:1px solid rgba(255,255,255,.3);font-size:24px;font-weight:700;color:#fff}.glass .ant-table{background:transparent;width:800px}.glass .ant-table .ant-table-thead>tr>th{color:#00eaff;background-color:transparent;border-bottom:1px solid rgba(255,255,255,.3)}.glass .ant-table .ant-table-tbody>tr>td{color:#000;background-color:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1)}.glass .ant-table .ant-table-tbody>tr:hover>td{background:#00eaff1a}.glass .ant-tag{font-weight:700;text-transform:uppercase}.payment-history-wrapper{position:relative;min-height:100vh;background-image:url(/assets/business-team-meeting-boardroom-oAXCD2rY.jpg);background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center;padding:40px;z-index:1}.payment-history-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:-1}.payment-history-wrapper .payment-history-card{background:#ffffffad;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);padding:20px;width:100%;max-width:1000px;box-shadow:0 8px 32px #0000001a}.payment-history-title{display:flex;align-items:center;font-size:28px;font-weight:700;color:#1e88e5;margin-bottom:24px;gap:12px}.payment-history-title i{font-size:32px;color:#1e88e5}.statistic-container{padding:24px;background-color:#f5f5f5;min-height:100vh}.statistic-container .header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.statistic-container .header-section .greeting .greeting-title{margin:0!important;color:#333!important;font-size:32px!important;font-weight:600!important}.statistic-container .header-section .greeting .greeting-subtitle{color:#666;font-size:14px}.statistic-container .header-section .pomodoro-timer .pomodoro-btn{background:#ff6b35!important;border:none!important;border-radius:8px!important;height:40px!important;font-weight:500!important}.statistic-container .header-section .pomodoro-timer .pomodoro-btn:hover{background:#e55a2b!important}.statistic-container .stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.statistic-container .stats-grid .stat-card{border-radius:12px!important;border:none!important;box-shadow:0 2px 8px #0000000f!important}.statistic-container .stats-grid .stat-card .ant-card-body{padding:20px!important}.statistic-container .stats-grid .stat-card .stat-content{display:flex;align-items:center;gap:16px}.statistic-container .stats-grid .stat-card .stat-content .stat-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px}.statistic-container .stats-grid .stat-card .stat-content .stat-icon.blue{background:#e3f2fd;color:#1976d2}.statistic-container .stats-grid .stat-card .stat-content .stat-icon.green{background:#e8f5e8;color:#388e3c}.statistic-container .stats-grid .stat-card .stat-content .stat-icon.orange{background:#fff3e0;color:#f57c00}.statistic-container .stats-grid .stat-card .stat-content .stat-info .stat-label{color:#666;font-size:14px;display:block;margin-bottom:4px}.statistic-container .stats-grid .stat-card .stat-content .stat-info .stat-number{margin:0!important;color:#333!important;font-size:28px!important;font-weight:700!important}.statistic-container .content-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.statistic-container .content-grid .ant-card{border-radius:12px!important;border:none!important;box-shadow:0 2px 8px #0000000f!important}.statistic-container .content-grid .ant-card .ant-card-body{padding:20px!important}.statistic-container .content-grid .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.statistic-container .content-grid .card-header .ant-typography{margin:0!important;color:#333!important;font-size:18px!important;font-weight:600!important}.statistic-container .content-grid .card-header .more-icon{color:#999;cursor:pointer}.statistic-container .content-grid .card-header .more-icon:hover{color:#666}.statistic-container .content-grid .card-header .project-select{min-width:160px;margin:0 12px}.statistic-container .content-grid .activity-card .user-activity{display:flex;justify-content:space-between;align-items:center;background:#f8f9fa;padding:12px;border-radius:8px;margin-bottom:16px}.statistic-container .content-grid .activity-card .user-activity .user-info{display:flex;align-items:center;gap:8px}.statistic-container .content-grid .activity-card .user-activity .view-all-btn{color:#52c41a!important;padding:0!important;font-weight:500!important}.statistic-container .content-grid .activity-card .activity-files{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.statistic-container .content-grid .activity-card .activity-files .file-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:8px;border-radius:6px;transition:background-color .2s ease}.statistic-container .content-grid .activity-card .activity-files .file-item:hover{background-color:#f0f0f0}.statistic-container .content-grid .activity-card .activity-files .file-item .file-icon{font-size:24px;margin-bottom:4px;color:#1890ff}.statistic-container .content-grid .activity-card .activity-files .file-item .file-name{font-size:12px;color:#666}.statistic-container .content-grid .activity-card .activity-files .no-files{grid-column:1/-1;text-align:center;padding:20px;color:#999}.statistic-container .file-detail-content .file-info{display:flex;gap:20px;align-items:flex-start}.statistic-container .file-detail-content .file-info .file-icon-large{font-size:48px;color:#1890ff;display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:#f0f8ff;border-radius:8px}.statistic-container .file-detail-content .file-info .file-details{flex:1}.statistic-container .file-detail-content .file-info .file-details h3{margin:0 0 16px;color:#333;font-size:18px;word-break:break-all}.statistic-container .file-detail-content .file-info .file-details p{margin:8px 0;color:#666;font-size:14px}.statistic-container .file-detail-content .file-info .file-details p strong{color:#333;margin-right:8px}.statistic-container .file-detail-content .file-info .file-details p a{color:#1890ff;text-decoration:none}.statistic-container .file-detail-content .file-info .file-details p a:hover{text-decoration:underline}.statistic-container .projects-card .project-list .project-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f8f9fa;border-radius:8px;margin-bottom:12px}.statistic-container .projects-card .project-list .project-item .project-info{display:flex;align-items:center;gap:12px}.statistic-container .projects-card .project-list .project-item .project-info .project-icon{font-size:20px}.statistic-container .projects-card .project-list .project-item .project-info .project-time{font-size:12px;color:#666}.statistic-container .projects-card .project-list .project-item .project-status{display:flex;align-items:center;gap:12px}.statistic-container .projects-card .project-list .project-item .project-status .status-badge{background:#fff3cd;color:#856404;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.statistic-container .projects-card .project-list .project-item .project-status .status-badge.ongoing{background:#fff3cd;color:#856404}.statistic-container .projects-card .project-list .project-item .project-status .status-badge.completed{background:#d4edda;color:#155724}.statistic-container .projects-card .project-list .project-item .project-status .project-progress{width:80px}.statistic-container .projects-card .card-footer{text-align:right;margin-top:16px}.statistic-container .projects-card .card-footer .view-all-projects{background:#1a5d1a!important;border:none!important;border-radius:6px!important}.statistic-container .tasks-card .tasks-header{display:grid;grid-template-columns:2fr 1.5fr 1fr 1fr;gap:12px;padding:12px 0;border-bottom:1px solid #f0f0f0;margin-bottom:12px}.statistic-container .tasks-card .tasks-header .task-col-header{color:#999!important;font-size:12px!important;font-weight:500!important}.statistic-container .tasks-card .tasks-list .task-item{display:grid;grid-template-columns:2fr 1.5fr 1fr 1fr;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #f8f9fa}.statistic-container .tasks-card .tasks-list .task-item .task-name{font-weight:500!important;color:#333!important}.statistic-container .tasks-card .tasks-list .task-item .task-project{color:#666!important}.statistic-container .tasks-card .tasks-list .task-item .task-priority{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;text-align:center}.statistic-container .tasks-card .tasks-list .task-item .task-priority.high{background:#ffebee;color:#c62828}.statistic-container .tasks-card .tasks-list .task-item .task-priority.medium{background:#fff3e0;color:#ef6c00}.statistic-container .tasks-card .tasks-list .task-item .task-priority.low{background:#e8f5e8;color:#2e7d32}.statistic-container .tasks-card .tasks-list .task-item .task-due-date{color:#666!important;font-size:12px!important}.statistic-container .tasks-card .card-footer{text-align:right;margin-top:16px}.statistic-container .tasks-card .card-footer .view-all-tasks{background:#1a5d1a!important;border:none!important;border-radius:6px!important}.statistic-container .progress-card .overall-progress{margin-bottom:20px}.statistic-container .progress-card .overall-progress .progress-label{color:#666;font-size:14px;display:block;margin-bottom:8px}.statistic-container .progress-card .overall-progress .main-progress .ant-progress-text{color:#22c55e!important;font-weight:600!important}.statistic-container .progress-card .progress-header{display:grid;grid-template-columns:2fr 1fr 2fr;gap:12px;padding:12px 0;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;margin-bottom:12px}.statistic-container .progress-card .progress-header .progress-col-header{color:#999!important;font-size:12px!important;font-weight:500!important}.statistic-container .progress-card .progress-items .progress-item{display:grid;grid-template-columns:2fr 1fr 2fr;gap:12px;align-items:center;padding:12px 0}.statistic-container .progress-card .progress-items .progress-item .task-name{font-weight:500!important;color:#333!important}.statistic-container .progress-card .progress-items .progress-item .task-hours{color:#666!important}.statistic-container .progress-card .progress-items .progress-item .task-progress .ant-progress-bg{height:6px!important}.file-detail-content .file-info{display:flex;gap:20px;align-items:flex-start}.file-detail-content .file-info .file-icon-large{font-size:48px;color:#1890ff;display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:#f0f8ff;border-radius:8px}.file-detail-content .file-info .file-details{flex:1}.file-detail-content .file-info .file-details h3{margin:0 0 16px;color:#333;font-size:18px;word-break:break-all}.file-detail-content .file-info .file-details p{margin:8px 0;color:#666;font-size:14px}.file-detail-content .file-info .file-details p strong{color:#333;margin-right:8px}.file-detail-content .file-info .file-details p a{color:#1890ff;text-decoration:none}.file-detail-content .file-info .file-details p a:hover{text-decoration:underline}@media (max-width: 1200px){.statistic-container .content-grid{grid-template-columns:1fr}.statistic-container .content-grid .tasks-card .tasks-header,.statistic-container .content-grid .tasks-card .tasks-list .task-item{grid-template-columns:30px 2fr 1fr 80px 1fr;gap:8px}}@media (max-width: 768px){.statistic-container{padding:16px}.statistic-container .header-section{flex-direction:column;align-items:flex-start;gap:16px}.statistic-container .stats-grid{grid-template-columns:1fr;gap:12px}.statistic-container .content-grid{grid-template-columns:1fr;gap:16px}}.pomodoro-modal .ant-modal-content{border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #00000026;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.pomodoro-modal .ant-modal-header{background:linear-gradient(135deg,#667eea,#764ba2);border:none;padding:16px 24px}.pomodoro-modal .ant-modal-header .ant-modal-title{color:#fff;font-weight:600}.pomodoro-modal .ant-modal-close{color:#fff}.pomodoro-modal .ant-modal-close:hover{color:#fffc}.pomodoro-modal .pomodoro-modal-header{display:flex;align-items:center;color:#fff;font-size:16px;font-weight:600}.pomodoro-modal .pomodoro-modal-header .anticon{margin-right:8px;font-size:18px}.pomodoro-container{padding:24px;text-align:center;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.pomodoro-container .timer-display{margin:24px 0}.pomodoro-container .timer-display .timer-progress .ant-progress-text{font-size:24px!important;font-weight:600!important;font-family:JetBrains Mono,Courier New,monospace!important}.pomodoro-container .session-info{margin:20px 0}.pomodoro-container .session-info .ant-typography{margin:0}.pomodoro-container .timer-controls{margin:24px 0}.pomodoro-container .timer-controls .ant-btn{border-radius:8px;font-weight:500;height:40px;padding:0 20px;transition:all .3s ease}.pomodoro-container .timer-controls .ant-btn:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0000001a}.pomodoro-container .timer-controls .ant-btn.ant-btn-primary{border:none}.pomodoro-container .timer-controls .ant-btn.ant-btn-primary:hover{opacity:.9}.pomodoro-container .session-selector{margin:20px 0;padding:16px;background:#ffffff80;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pomodoro-container .session-selector .ant-btn{margin:0 4px;border-radius:6px;font-weight:500;height:36px;min-width:80px;transition:all .3s ease}.pomodoro-container .session-selector .ant-btn:hover{transform:translateY(-1px)}.pomodoro-container .pomodoro-stats{margin:24px 0;padding:20px;background:#fff9;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pomodoro-container .pomodoro-stats .stat-item{display:flex;align-items:center;gap:8px;text-align:center}.pomodoro-container .pomodoro-stats .stat-item .anticon{font-size:20px}.pomodoro-container .pomodoro-stats .stat-item .ant-typography{margin:0;line-height:1.2}.pomodoro-container .pomodoro-stats .ant-divider-vertical{height:40px;margin:0 16px}.pomodoro-container .settings-panel{margin-top:20px;padding:20px;background:#f0f0f0cc;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:left}.pomodoro-container .settings-panel .ant-divider{margin:16px 0 12px;font-weight:600;color:#333}.pomodoro-container .settings-panel .settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.pomodoro-container .settings-panel .settings-grid .setting-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.pomodoro-container .settings-panel .settings-grid .setting-item .ant-typography{margin:0;font-weight:500;color:#333}.pomodoro-container .settings-panel .settings-grid .setting-item .ant-input-number{width:80px;border-radius:6px}.pomodoro-container .settings-panel .ant-btn{margin-bottom:8px;border-radius:6px;font-weight:500;transition:all .3s ease}.pomodoro-container .settings-panel .ant-btn:hover{transform:translateY(-1px);box-shadow:0 4px 20px #0000001a}.pomodoro-container .settings-panel .ant-btn.ant-btn-dangerous:hover{background-color:#ff4d4f!important;border-color:#ff4d4f!important}.ant-progress-circle .ant-progress-circle-path{stroke-linecap:round;transition:stroke-dasharray .3s ease,stroke .3s ease}.ant-progress-circle .ant-progress-circle-trail{stroke:#0000000f}@media (max-width: 768px){.pomodoro-modal .ant-modal-content{margin:16px;max-width:calc(100vw - 32px)}.pomodoro-container{padding:16px}.pomodoro-container .timer-display .timer-progress .ant-progress-circle{width:160px!important;height:160px!important}.pomodoro-container .timer-display .timer-progress .ant-progress-text{font-size:20px!important}.pomodoro-container .settings-panel .settings-grid{grid-template-columns:1fr;gap:12px}.pomodoro-container .settings-panel .settings-grid .setting-item{flex-direction:column;align-items:flex-start;gap:8px}.pomodoro-container .settings-panel .settings-grid .setting-item .ant-input-number{width:100%}.pomodoro-container .pomodoro-stats .stat-item{flex-direction:column;gap:4px}.pomodoro-container .pomodoro-stats .ant-divider-vertical{display:none}.pomodoro-container .session-selector .ant-btn{margin:2px;font-size:12px;height:32px;min-width:70px}.pomodoro-container .timer-controls .ant-btn{height:36px;padding:0 16px;font-size:14px}}@media (max-width: 480px){.pomodoro-container .timer-display .timer-progress .ant-progress-circle{width:140px!important;height:140px!important}.pomodoro-container .timer-display .timer-progress .ant-progress-text{font-size:18px!important}.pomodoro-container .timer-controls .ant-space{flex-wrap:wrap;justify-content:center}.pomodoro-container .timer-controls .ant-btn{margin:4px 2px;height:32px;padding:0 12px;font-size:12px}.pomodoro-container .session-selector .ant-btn{font-size:11px;height:28px;min-width:60px;padding:0 8px}}@keyframes glow{0%,to{box-shadow:0 0 5px #ff6b3580}50%{box-shadow:0 0 20px #ff6b35cc}}.timer-running .timer-progress{animation:pulse 2s infinite ease-in-out}.timer-running .ant-btn-primary{animation:glow 2s infinite ease-in-out}.focus-mode .pomodoro-container{background:linear-gradient(135deg,#ff6b351a,#ff6b350d);border-radius:16px}.break-mode .pomodoro-container{background:linear-gradient(135deg,#52c41a1a,#52c41a0d);border-radius:16px}@media (prefers-color-scheme: dark){.pomodoro-modal .ant-modal-content{background:#1e1e1ef2;color:#fff}.pomodoro-container .session-selector,.pomodoro-container .pomodoro-stats{background:#ffffff1a;color:#fff}.pomodoro-container .settings-panel{background:#3c3c3ccc;color:#fff}.pomodoro-container .settings-panel .ant-typography{color:#fff!important}}.pomodoro-widget{background:linear-gradient(135deg,#ff6b351a,#ff6b350d);border:1px solid rgba(255,107,53,.2);border-radius:12px!important;box-shadow:0 4px 20px #ff6b351a;transition:all .3s ease}.pomodoro-widget:hover{box-shadow:0 8px 32px #ff6b3526;transform:translateY(-2px)}.pomodoro-widget .widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.pomodoro-widget .widget-header .ant-typography{color:#333!important;font-weight:600}.pomodoro-widget .widget-header .ant-btn-link{color:#ff6b35;font-size:12px}.pomodoro-widget .widget-header .ant-btn-link:hover{color:#e55a2b}.pomodoro-widget .timer-display-mini{text-align:center;margin:16px 0}.pomodoro-widget .timer-display-mini .ant-progress-circle .ant-progress-text{font-size:12px!important;font-weight:600!important;font-family:JetBrains Mono,Courier New,monospace!important;color:#333!important}.pomodoro-widget .timer-controls-mini{text-align:center;margin:12px 0}.pomodoro-widget .timer-controls-mini .ant-btn{border-radius:6px;font-size:12px;height:28px;padding:0 12px;font-weight:500}.pomodoro-widget .timer-controls-mini .ant-btn.ant-btn-primary{background-color:#ff6b35;border-color:#ff6b35}.pomodoro-widget .timer-controls-mini .ant-btn.ant-btn-primary:hover{background-color:#e55a2b!important;border-color:#e55a2b!important}.pomodoro-widget .session-count{text-align:center;padding-top:8px;border-top:1px solid rgba(255,107,53,.1)}.pomodoro-widget .session-count .anticon{font-size:14px}.pomodoro-widget.running .timer-display-mini .ant-progress-circle{animation:pulse 2s infinite ease-in-out}@media (max-width: 768px){.pomodoro-widget .timer-display-mini .ant-progress-circle{width:60px!important;height:60px!important}.pomodoro-widget .timer-display-mini .ant-progress-text{font-size:10px!important}.pomodoro-widget .timer-controls-mini .ant-btn{font-size:11px;height:24px;padding:0 8px}}.chatbot-container{padding:1.5rem;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}@media (max-width: 768px){.chatbot-container{padding:1rem}}.chatbot-wrapper{max-width:1000px;margin:0 auto;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(255,255,255,.2);box-shadow:0 16px 64px #1f26874d;overflow:hidden;display:flex;flex-direction:column;height:600px;transition:all .3s ease;position:relative}.chatbot-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(135deg,#667eea,#764ba2);opacity:.7}@media (max-width: 768px){.chatbot-wrapper{height:500px;border-radius:16px}}@media (max-width: 480px){.chatbot-wrapper{height:calc(100vh - 2rem);border-radius:12px}}.chat-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.chat-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chat-header .header-content{display:flex;align-items:center;gap:.75rem;position:relative;z-index:1}.chat-header .header-content .chatbot-icon{width:42px;height:42px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:pulse 2s infinite}.chat-header .header-content .header-title{font-weight:600;font-size:1.125rem;letter-spacing:-.025em;color:#000!important}.chat-header .header-content .status-indicator{width:8px;height:8px;background:linear-gradient(135deg,#43e97b,#38f9d7);border-radius:50%;animation:blink 1.5s infinite}.chat-header .header-actions{position:relative;z-index:1}.chat-header .header-actions .minimize-btn{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.chat-header .header-actions .minimize-btn:hover{background:#ffffff4d;transform:scale(1.1)}.chat-header .header-actions .minimize-btn span{font-size:1.25rem}@media (max-width: 768px){.chat-header{padding:1rem}.chat-header .header-title{font-size:1rem}}.chat-body{flex:1;overflow-y:auto;padding:1.5rem;background:linear-gradient(135deg,#fafbff,#f8faff);position:relative}.chat-body:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23e6f2ff' fill-opacity='0.3'%3E%3Ccircle cx='30' cy='30' r='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.4;pointer-events:none}.chat-body .messages-container{display:flex;flex-direction:column;gap:1rem;position:relative;z-index:1}@media (max-width: 768px){.chat-body{padding:1rem}}.message{display:flex;animation:slideIn .3s ease-out;position:relative}.message.user-message{justify-content:flex-end}.message.user-message .message-bubble{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border-radius:18px 18px 4px;max-width:75%;padding:.875rem 1.125rem;box-shadow:0 8px 32px #1f26871a;position:relative;font-weight:500}.message.user-message .message-bubble:before{content:"";position:absolute;bottom:-2px;right:-2px;width:0;height:0;border-left:8px solid transparent;border-top:8px solid #f5576c}.message.bot-message{justify-content:flex-start}.message.bot-message .message-bubble{background:#ffffffe6;color:#374151;border-radius:18px 18px 18px 4px;max-width:75%;padding:.875rem 1.125rem;box-shadow:0 8px 32px #1f26871a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);position:relative}.message.bot-message .message-bubble:before{content:"";position:absolute;bottom:-2px;left:-2px;width:0;height:0;border-right:8px solid transparent;border-top:8px solid rgba(255,255,255,.9)}.message .message-text{white-space:pre-line;line-height:1.5;font-size:.875rem}.message .message-time{font-size:.75rem;opacity:.7;margin-top:.25rem}.message .message-actions{position:absolute;top:50%;transform:translateY(-50%);background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;padding:.25rem;box-shadow:0 8px 32px #1f26871a;border:1px solid rgba(255,255,255,.3);display:flex;gap:.25rem;opacity:0;transition:all .3s ease;z-index:10}.message:hover .message-actions{opacity:1}.message.user-message .message-actions{left:-60px}.message.bot-message .message-actions{right:-60px}.message .action-btn{background:none;border:none;padding:.25rem;border-radius:4px;cursor:pointer;color:#6b7280;transition:all .2s ease}.message .action-btn:hover{background:#667eea1a;color:#667eea}.message .action-btn span{font-size:1rem}.message .delete-btn:hover{background:#ef44441a;color:#ef4444}@media (max-width: 768px){.message .message-bubble{max-width:85%;padding:.75rem 1rem}}.typing-indicator{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.125rem;background:#ffffffe6;border-radius:18px 18px 18px 4px;max-width:75%;box-shadow:0 8px 32px #1f26871a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.typing-indicator .typing-dots{display:flex;gap:.25rem}.typing-indicator .typing-dots .dot{width:8px;height:8px;background:linear-gradient(45deg,#667eea,#764ba2);border-radius:50%;animation:typingBounce 1.4s infinite ease-in-out}.typing-indicator .typing-dots .dot:nth-child(1){animation-delay:-.32s}.typing-indicator .typing-dots .dot:nth-child(2){animation-delay:-.16s}.typing-indicator .typing-text{font-size:.875rem;color:#6b7280;font-style:italic}.chat-footer{padding:1.5rem;background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.2)}@media (max-width: 768px){.chat-footer{padding:1rem}}.chat-input-form{display:flex;align-items:center;gap:.75rem;background:#ffffffe6;border-radius:24px;padding:.5rem;border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #1f26871a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.chat-input-form:focus-within{box-shadow:0 8px 32px #1f268733;border-color:#667eea80}.chat-input-form .message-input{flex:1;border:none;outline:none;background:transparent;padding:.75rem 1rem;font-size:.875rem;color:#374151;font-family:inherit}.chat-input-form .message-input::placeholder{color:#9ca3af}.chat-input-form .input-actions{display:flex;align-items:center;gap:.5rem}.chat-input-form .file-upload-btn{width:36px;height:36px;border-radius:50%;background:#667eea1a;border:none;color:#667eea;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative;overflow:hidden}.chat-input-form .file-upload-btn:hover{background:#667eea33;transform:scale(1.1)}.chat-input-form .file-upload-btn input[type=file]{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.chat-input-form .file-upload-btn span{font-size:1.125rem}.chat-input-form .send-btn{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 8px 32px #1f26871a}.chat-input-form .send-btn:hover{transform:scale(1.1);box-shadow:0 8px 32px #1f268733}.chat-input-form .send-btn:active{transform:scale(.95)}.chat-input-form .send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.chat-input-form .send-btn span{font-size:1.125rem}@media (max-width: 768px){.chat-input-form{gap:.5rem}.chat-input-form .message-input{padding:.625rem .875rem;font-size:.8rem}}.chatbot-wrapper.minimized{height:60px}.chatbot-wrapper.minimized .chat-body,.chatbot-wrapper.minimized .chat-footer{display:none}.chatbot-wrapper.minimized .chat-header{border-radius:24px}.chatbot-wrapper.loading .chat-body{position:relative}.chatbot-wrapper.loading .chat-body:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#fffc;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:10}.file-upload-indicator{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#3b82f61a;border:1px dashed rgba(59,130,246,.3);border-radius:12px;margin-bottom:1rem;animation:slideIn .3s ease-out}.file-upload-indicator .file-icon{color:#3b82f6;font-size:1.25rem}.file-upload-indicator .file-info{flex:1}.file-upload-indicator .file-info .file-name{font-weight:500;color:#1f2937;font-size:.875rem}.file-upload-indicator .file-info .file-size{font-size:.75rem;color:#6b7280}.file-upload-indicator .remove-file{background:none;border:none;color:#ef4444;cursor:pointer;font-size:1rem}.file-upload-indicator .remove-file:hover{color:#dc2626}.quick-actions{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.quick-actions .quick-action{background:#ffffffe6;border:1px solid rgba(255,255,255,.3);border-radius:16px;padding:.5rem .875rem;font-size:.75rem;color:#374151;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.quick-actions .quick-action:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:translateY(-2px);box-shadow:0 8px 32px #1f26871a}.message-status{display:flex;align-items:center;gap:.25rem;margin-top:.25rem}.message-status .status-icon{font-size:.75rem;opacity:.7}.message-status .status-icon.sent{color:#10b981}.message-status .status-icon.delivered{color:#3b82f6}.message-status .status-icon.read{color:#8b5cf6}.chat-body::-webkit-scrollbar{width:8px}.chat-body::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.chat-body::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px}.chat-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a67d8,#667eea)}.context-menu{position:absolute;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:8px;box-shadow:0 8px 32px #1f268733;border:1px solid rgba(255,255,255,.2);padding:.5rem 0;z-index:100;min-width:120px}.context-menu .menu-item{padding:.5rem 1rem;font-size:.875rem;color:#374151;cursor:pointer;transition:all .2s ease}.context-menu .menu-item:hover{background:#667eea1a;color:#667eea}.context-menu .menu-item:first-child{border-radius:8px 8px 0 0}.context-menu .menu-item:last-child{border-radius:0 0 8px 8px}.typing-indicator .typing-dots .dot{background:linear-gradient(45deg,#667eea,#764ba2);box-shadow:0 2px 4px #667eea4d}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}@keyframes typingBounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@media (max-width: 1024px){.chatbot-wrapper{max-width:95vw;height:550px}}@media (max-width: 768px){.chatbot-container{padding:1rem}.chatbot-wrapper{height:calc(100vh - 2rem);max-height:600px}.chat-header .header-title{font-size:1rem}.quick-actions .quick-action{font-size:.7rem;padding:.375rem .75rem}}@media (max-width: 480px){.chatbot-container{padding:.5rem}.chatbot-wrapper{height:calc(100vh - 1rem);border-radius:12px}.chat-header{padding:1rem}.chat-header .header-title{font-size:.875rem}.chat-footer{padding:.75rem}.message.user-message .message-bubble,.message.bot-message .message-bubble{max-width:85%;padding:.5rem .75rem;font-size:.8rem}.chat-input-form{gap:.5rem}.chat-input-form .message-input{font-size:.8rem;padding:.5rem .75rem}.chat-input-form .file-upload-btn,.chat-input-form .send-btn{width:32px;height:32px}.chat-input-form .file-upload-btn span,.chat-input-form .send-btn span{font-size:1rem}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){.chatbot-wrapper{border:2px solid #000}.message.user-message .message-bubble{background:#000;color:#fff;border:1px solid #fff}.message.bot-message .message-bubble{background:#fff;color:#000;border:1px solid #000}}@media print{.chatbot-container{background:#fff}.chatbot-wrapper{box-shadow:none;border:1px solid #ccc}.chat-header{background:#f5f5f5!important;color:#000!important}.chat-footer{display:none}}