@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);@media (max-width:768px){.logout-mobile{display:block!important}.logout-desktop{display:none!important}}@media (min-width:769px){.logout-mobile{display:none!important}.logout-desktop{display:block!important}}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }

/* ! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com */*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}:root{--background:0 0% 100%;--foreground:20 14.3% 4.1%;--card:0 0% 100%;--card-foreground:20 14.3% 4.1%;--popover:0 0% 100%;--popover-foreground:20 14.3% 4.1%;--primary:24.6 95% 53.1%;--primary-foreground:60 9.1% 97.8%;--secondary:60 4.8% 95.9%;--secondary-foreground:24 9.8% 10%;--muted:60 4.8% 95.9%;--muted-foreground:25 5.3% 44.7%;--accent:60 4.8% 95.9%;--accent-foreground:24 9.8% 10%;--destructive:0 84.2% 60.2%;--destructive-foreground:60 9.1% 97.8%;--border:20 5.9% 90%;--input:20 5.9% 90%;--ring:24.6 95% 53.1%;--radius:0.5rem;--chart-1:12 76% 61%;--chart-2:173 58% 39%;--chart-3:197 37% 24%;--chart-4:43 74% 66%;--chart-5:27 87% 67%}.dark{--background:20 14.3% 4.1%;--foreground:60 9.1% 97.8%;--card:20 14.3% 4.1%;--card-foreground:60 9.1% 97.8%;--popover:20 14.3% 4.1%;--popover-foreground:60 9.1% 97.8%;--primary:20.5 90.2% 48.2%;--primary-foreground:60 9.1% 97.8%;--secondary:12 6.5% 15.1%;--secondary-foreground:60 9.1% 97.8%;--muted:12 6.5% 15.1%;--muted-foreground:24 5.4% 63.9%;--accent:12 6.5% 15.1%;--accent-foreground:60 9.1% 97.8%;--destructive:0 72.2% 50.6%;--destructive-foreground:60 9.1% 97.8%;--border:12 6.5% 15.1%;--input:12 6.5% 15.1%;--ring:20.5 90.2% 48.2%;--chart-1:220 70% 50%;--chart-2:160 60% 45%;--chart-3:30 80% 55%;--chart-4:280 65% 60%;--chart-5:340 75% 55%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.inset-0{inset:0}.-top-3{top:-.75rem}.left-1\/2{left:50%}.left-2{left:.5rem}.left-2\.5{left:.625rem}.left-3{left:.75rem}.left-\[50\%\]{left:50%}.right-4{right:1rem}.top-0{top:0}.top-1\/2{top:50%}.top-2\.5{top:.625rem}.top-4{top:1rem}.top-\[50\%\]{top:50%}.z-50{z-index:50}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem}.mb-1,.my-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-20{height:5rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-full{height:100%}.h-px{height:1px}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-20{width:5rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-\[300px\]{width:300px}.w-\[50px\]{width:50px}.w-full{width:100%}.min-w-\[8rem\]{min-width:8rem}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-7xl{max-width:80rem}.max-w-\[1400px\]{max-width:1400px}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.flex-1{flex:1 1}.flex-shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.caption-bottom{caption-side:bottom}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.translate-x-\[-50\%\]{--tw-translate-x:-50%}.translate-x-\[-50\%\],.translate-y-\[-50\%\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-50\%\]{--tw-translate-y:-50%}.rotate-180{--tw-rotate:180deg}.rotate-180,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px*var(--tw-space-y-reverse));margin-top:calc(0px*(1 - var(--tw-space-y-reverse)))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.375rem*var(--tw-space-y-reverse));margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.25rem*var(--tw-space-y-reverse));margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2rem*var(--tw-space-y-reverse));margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:calc(.5rem - 2px)}.rounded-sm{border-radius:calc(.5rem - 4px)}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-t{border-top-width:1px}.border-blue-100{--tw-border-opacity:1;border-color:#dbeafe;border-color:rgb(219 234 254/var(--tw-border-opacity,1))}.border-blue-200{--tw-border-opacity:1;border-color:#bfdbfe;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.border-blue-500{--tw-border-opacity:1;border-color:#3b82f6;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.border-blue-600{--tw-border-opacity:1;border-color:#2563eb;border-color:rgb(37 99 235/var(--tw-border-opacity,1))}.border-green-100{--tw-border-opacity:1;border-color:#dcfce7;border-color:rgb(220 252 231/var(--tw-border-opacity,1))}.border-green-200{--tw-border-opacity:1;border-color:#bbf7d0;border-color:rgb(187 247 208/var(--tw-border-opacity,1))}.border-input{--tw-border-opacity:1;border-color:#e2e8f0;border-color:hsl(214.3 31.8% 91.4%/var(--tw-border-opacity,1))}.border-primary{--tw-border-opacity:1;border-color:#2563eb;border-color:hsl(221.2 83.2% 53.3%/var(--tw-border-opacity,1))}.border-red-100{--tw-border-opacity:1;border-color:#fee2e2;border-color:rgb(254 226 226/var(--tw-border-opacity,1))}.border-red-200{--tw-border-opacity:1;border-color:#fecaca;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.border-slate-100{--tw-border-opacity:1;border-color:#f1f5f9;border-color:rgb(241 245 249/var(--tw-border-opacity,1))}.border-slate-200{--tw-border-opacity:1;border-color:#e2e8f0;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.border-slate-300{--tw-border-opacity:1;border-color:#cbd5e1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.border-slate-700{--tw-border-opacity:1;border-color:#334155;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.border-transparent{border-color:#0000}.border-white\/20{border-color:#fff3}.border-yellow-200{--tw-border-opacity:1;border-color:#fef08a;border-color:rgb(254 240 138/var(--tw-border-opacity,1))}.bg-background{--tw-bg-opacity:1;background-color:#fff;background-color:hsl(0 0% 100%/var(--tw-bg-opacity,1))}.bg-background\/95{background-color:#fffffff2}.bg-black\/80{background-color:#000c}.bg-blue-50{--tw-bg-opacity:1;background-color:#eff6ff;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-blue-600{--tw-bg-opacity:1;background-color:#2563eb;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-card{--tw-bg-opacity:1;background-color:#fff;background-color:hsl(0 0% 100%/var(--tw-bg-opacity,1))}.bg-destructive{--tw-bg-opacity:1;background-color:#ef4444;background-color:hsl(0 84.2% 60.2%/var(--tw-bg-opacity,1))}.bg-green-100{--tw-bg-opacity:1;background-color:#dcfce7;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.bg-green-50{--tw-bg-opacity:1;background-color:#f0fdf4;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.bg-green-500{--tw-bg-opacity:1;background-color:#22c55e;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-muted{--tw-bg-opacity:1;background-color:#f1f5f9;background-color:hsl(210 40% 96.1%/var(--tw-bg-opacity,1))}.bg-muted\/50{background-color:#f1f5f980}.bg-popover{--tw-bg-opacity:1;background-color:#fff;background-color:hsl(0 0% 100%/var(--tw-bg-opacity,1))}.bg-primary{--tw-bg-opacity:1;background-color:#2563eb;background-color:hsl(221.2 83.2% 53.3%/var(--tw-bg-opacity,1))}.bg-purple-50{--tw-bg-opacity:1;background-color:#faf5ff;background-color:rgb(250 245 255/var(--tw-bg-opacity,1))}.bg-red-100{--tw-bg-opacity:1;background-color:#fee2e2;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:#fef2f2;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-secondary{--tw-bg-opacity:1;background-color:#f1f5f9;background-color:hsl(210 40% 96.1%/var(--tw-bg-opacity,1))}.bg-slate-100{--tw-bg-opacity:1;background-color:#f1f5f9;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-slate-200{--tw-bg-opacity:1;background-color:#e2e8f0;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.bg-slate-50{--tw-bg-opacity:1;background-color:#f8fafc;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/20{background-color:#fff3}.bg-white\/80{background-color:#fffc}.bg-yellow-100{--tw-bg-opacity:1;background-color:#fef9c3;background-color:rgb(254 249 195/var(--tw-bg-opacity,1))}.bg-yellow-50{--tw-bg-opacity:1;background-color:#fefce8;background-color:rgb(254 252 232/var(--tw-bg-opacity,1))}.bg-yellow-500{--tw-bg-opacity:1;background-color:#eab308;background-color:rgb(234 179 8/var(--tw-bg-opacity,1))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-blue-50{--tw-gradient-from:#eff6ff var(--tw-gradient-from-position);--tw-gradient-to:#eff6ff00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-500{--tw-gradient-from:#3b82f6 var(--tw-gradient-from-position);--tw-gradient-to:#3b82f600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-600{--tw-gradient-from:#2563eb var(--tw-gradient-from-position);--tw-gradient-to:#2563eb00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-slate-50{--tw-gradient-from:#f8fafc var(--tw-gradient-from-position);--tw-gradient-to:#f8fafc00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-slate-900{--tw-gradient-from:#0f172a var(--tw-gradient-from-position);--tw-gradient-to:#0f172a00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-blue-100{--tw-gradient-to:#dbeafe var(--tw-gradient-to-position)}.to-blue-600{--tw-gradient-to:#2563eb var(--tw-gradient-to-position)}.to-blue-700{--tw-gradient-to:#1d4ed8 var(--tw-gradient-to-position)}.to-blue-800{--tw-gradient-to:#1e40af var(--tw-gradient-to-position)}.to-slate-100{--tw-gradient-to:#f1f5f9 var(--tw-gradient-to-position)}.to-slate-800{--tw-gradient-to:#1e293b var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.fill-current{fill:currentColor}.stroke-muted{stroke:#f1f5f9}.p-1{padding:.25rem}.p-12{padding:3rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-16{padding-bottom:4rem;padding-top:4rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-20{padding-bottom:5rem;padding-top:5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.py-8{padding-bottom:2rem;padding-top:2rem}.pb-16{padding-bottom:4rem}.pb-2{padding-bottom:.5rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pl-10{padding-left:2.5rem}.pl-8{padding-left:2rem}.pl-9{padding-left:2.25rem}.pr-2{padding-right:.5rem}.pt-0{padding-top:0}.pt-2{padding-top:.5rem}.pt-20{padding-top:5rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-widest{letter-spacing:.1em}.text-blue-100{--tw-text-opacity:1;color:#dbeafe;color:rgb(219 234 254/var(--tw-text-opacity,1))}.text-blue-200{--tw-text-opacity:1;color:#bfdbfe;color:rgb(191 219 254/var(--tw-text-opacity,1))}.text-blue-50{--tw-text-opacity:1;color:#eff6ff;color:rgb(239 246 255/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:#2563eb;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:#1d4ed8;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-card-foreground{--tw-text-opacity:1;color:#020817;color:hsl(222.2 84% 4.9%/var(--tw-text-opacity,1))}.text-destructive-foreground{--tw-text-opacity:1;color:#f8fafc;color:hsl(210 40% 98%/var(--tw-text-opacity,1))}.text-foreground{--tw-text-opacity:1;color:#020817;color:hsl(222.2 84% 4.9%/var(--tw-text-opacity,1))}.text-green-400{--tw-text-opacity:1;color:#4ade80;color:rgb(74 222 128/var(--tw-text-opacity,1))}.text-green-500{--tw-text-opacity:1;color:#22c55e;color:rgb(34 197 94/var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:#16a34a;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-green-700{--tw-text-opacity:1;color:#15803d;color:rgb(21 128 61/var(--tw-text-opacity,1))}.text-muted-foreground{--tw-text-opacity:1;color:#64748b;color:hsl(215.4 16.3% 46.9%/var(--tw-text-opacity,1))}.text-orange-600{--tw-text-opacity:1;color:#ea580c;color:rgb(234 88 12/var(--tw-text-opacity,1))}.text-popover-foreground{--tw-text-opacity:1;color:#020817;color:hsl(222.2 84% 4.9%/var(--tw-text-opacity,1))}.text-primary{--tw-text-opacity:1;color:#2563eb;color:hsl(221.2 83.2% 53.3%/var(--tw-text-opacity,1))}.text-primary-foreground{--tw-text-opacity:1;color:#f8fafc;color:hsl(210 40% 98%/var(--tw-text-opacity,1))}.text-purple-600{--tw-text-opacity:1;color:#9333ea;color:rgb(147 51 234/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:#ef4444;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:#dc2626;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:#b91c1c;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:#991b1b;color:rgb(153 27 27/var(--tw-text-opacity,1))}.text-secondary-foreground{--tw-text-opacity:1;color:#0f172a;color:hsl(222.2 47.4% 11.2%/var(--tw-text-opacity,1))}.text-slate-200{--tw-text-opacity:1;color:#e2e8f0;color:rgb(226 232 240/var(--tw-text-opacity,1))}.text-slate-300{--tw-text-opacity:1;color:#cbd5e1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:#94a3b8;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:#64748b;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:#475569;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:#334155;color:rgb(51 65 85/var(--tw-text-opacity,1))}.text-slate-900{--tw-text-opacity:1;color:#0f172a;color:rgb(15 23 42/var(--tw-text-opacity,1))}.text-transparent{color:#0000}.text-white{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-yellow-600{--tw-text-opacity:1;color:#ca8a04;color:rgb(202 138 4/var(--tw-text-opacity,1))}.text-yellow-700{--tw-text-opacity:1;color:#a16207;color:rgb(161 98 7/var(--tw-text-opacity,1))}.underline-offset-4{text-underline-offset:4px}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-md{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid #0000;outline-offset:2px}.outline{outline-style:solid}.ring-offset-background{--tw-ring-offset-color:#fff}.\!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)!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px)}.backdrop-blur,.backdrop-blur-sm{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.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-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}*{box-sizing:border-box;margin:0;padding:0}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fillUp{0%{-webkit-clip-path:inset(100% 0 0 0);clip-path:inset(100% 0 0 0)}50%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}to{-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0)}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f7fa;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;letter-spacing:-.01em;margin:0;min-height:100vh;overflow-x:hidden;padding:0;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{margin:0;max-width:100%;padding:20px 40px;width:100%}@media (max-width:768px){.container{padding:15px 20px}}.header{background:#2c3e50;box-shadow:0 2px 4px #0000001a;color:#fff;margin-bottom:30px;padding:30px 40px;width:100%}@media (max-width:768px){.header{padding:20px}}.header h1{color:#fff;font-size:32px;font-weight:700;margin:0}.header p{color:#ffffffe6;font-size:16px;margin-top:8px}.tabs{background:#fff;border-bottom:none;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;gap:8px;margin-bottom:30px;padding:8px}.tab{background:none;border:none;border-radius:8px;color:#666;cursor:pointer;font-size:15px;font-weight:500;padding:12px 24px;transition:all .3s}.tab:hover{background:#f5f5f5;color:#333}.tab.active{background:#3498db;box-shadow:0 2px 4px #3498db4d;color:#fff}.card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;overflow-x:auto;padding:24px;width:100%}@media (max-width:768px){.card{border-radius:6px;padding:16px}}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.card-title{color:#333;font-size:20px;font-weight:600}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s}.btn-primary{background:#3498db;box-shadow:0 2px 4px #3498db4d;color:#fff}.btn-primary:hover{background:#2980b9;box-shadow:0 3px 6px #3498db4d}.btn-secondary{background:#95a5a6;box-shadow:0 2px 4px #95a5a64d;color:#fff}.btn-secondary:hover{background:#7f8c8d;box-shadow:0 3px 6px #95a5a64d}.btn-danger{background:#f44336;color:#fff}.btn-danger:hover{background:#da190b}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-weight:500;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px;width:100%}.form-group textarea{min-height:100px;resize:vertical}.url-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.url-card{background:#fff;border:none;border-radius:12px;box-shadow:0 4px 12px #00000014;cursor:pointer;padding:24px;transition:all .3s}.url-card:hover{box-shadow:0 6px 16px #0000001a;transform:translateY(-2px)}.url-card h3{color:#333;font-size:18px;margin-bottom:12px;word-break:break-all}.stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-top:16px}.stat-item{background:#f9f9f9;border-radius:4px;display:flex;justify-content:space-between;padding:8px}.stat-label{color:#666;font-size:13px}.stat-value{color:#333;font-weight:600}.keyword-table{border-collapse:collapse;table-layout:auto;width:100%}.keyword-table td,.keyword-table th{border-bottom:1px solid #fafafa;border-right:1px solid #fafafa;padding:14px 16px;text-align:left;white-space:nowrap}@media (max-width:1200px){.keyword-table td,.keyword-table th{font-size:13px;padding:12px}}@media (max-width:768px){.keyword-table td,.keyword-table th{font-size:12px;padding:10px 8px}}.keyword-table th{background:#f5f5f5;color:#333;font-weight:600}.keyword-table tr:hover{background:#f9f9f9}.dashboard-table tbody tr{transition:all .2s}.dashboard-table tbody tr:hover{background:#f0f4ff}.badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.badge-success{background:#27ae60}.badge-danger,.badge-success{box-shadow:0 2px 8px #0000001a;color:#fff}.badge-danger{background:#e74c3c}.badge-warning{background:#f39c12;box-shadow:0 2px 8px #0000001a;color:#fff}.modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow:hidden;padding:0;width:90%}.modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:24px 30px}.modal-header h2{color:#333;font-size:20px;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;font-size:32px;height:36px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:36px}.modal-close:hover{color:#333;transform:scale(1.1)}.modal-body{max-height:calc(90vh - 180px);overflow-y:auto;padding:30px;position:relative}.modal-footer{background:#f9f9f9;border-top:1px solid #e0e0e0;display:flex;gap:10px;justify-content:flex-end;padding:20px 30px}.modal-title{color:#333;font-size:22px;font-weight:600}.close-btn{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;width:32px}.close-btn:hover{color:#333}.loading{color:#666;padding:40px;text-align:center}.empty-state{color:#999;padding:60px 20px;text-align:center}.empty-state h3{color:#666;font-size:20px;margin-bottom:10px}.trend-indicator{align-items:center;display:inline-flex;font-size:12px;font-weight:600;gap:4px}.trend-up{color:#4caf50}.trend-down{color:#f44336}.trend-neutral{color:#999}.rank-badge{background:#ecf0f1;border-radius:12px;color:#7f8c8d;display:inline-block;font-size:13px;font-weight:600;padding:4px 12px}.rank-badge.top-rank{background:#3498db;color:#fff}.icon-btn{align-items:center;background:none;border:none;color:#7f8c8d;cursor:pointer;display:inline-flex;justify-content:center;padding:6px;transition:all .2s}.icon-btn:hover{color:#3498db;transform:scale(1.1)}.keyword-row:hover{background-color:#f0f8ff!important}body.dark-mode{background:#0f1419;color:#e3e8ef}body.dark-mode .header{background:#1a2332;border-bottom:1px solid #2d3748}body.dark-mode .header h1{color:#fff!important}body.dark-mode .header p{color:#ffffffb3!important}body.dark-mode .card,body.dark-mode .modal-content,body.dark-mode .url-card{background:#1a2332;border:1px solid #2d3748;box-shadow:0 4px 6px #0000004d;color:#e3e8ef}body.dark-mode .card-title,body.dark-mode h2,body.dark-mode h3,body.dark-mode p,body.dark-mode strong{color:#e3e8ef!important}body.dark-mode h1,body.dark-mode h2,body.dark-mode h3{color:#fff!important}body.dark-mode .dashboard-table,body.dark-mode .keyword-table{background:#1a2332;border:1px solid #2d3748}body.dark-mode .dashboard-table th,body.dark-mode .keyword-table th{background:#152130;border-bottom:1px solid #252f3d;border-right:1px solid #252f3d;color:#fff}body.dark-mode .dashboard-table td,body.dark-mode .keyword-table td{background:#1a2332;border-bottom:1px solid #252f3d;border-right:1px solid #252f3d;color:#e3e8ef}body.dark-mode .dashboard-table tbody tr,body.dark-mode .keyword-table tbody tr{background:#1a2332}body.dark-mode .dashboard-table tbody tr:hover,body.dark-mode .keyword-table tr:hover{background:#243244!important}body.dark-mode .keyword-row:hover{background-color:#243244!important}body.dark-mode input,body.dark-mode select,body.dark-mode textarea{background:#0f1419;border:1px solid #2d3748;color:#fff}body.dark-mode input:focus,body.dark-mode select:focus,body.dark-mode textarea:focus{background:#152130;border-color:#667eea;outline:none}body.dark-mode input::placeholder,body.dark-mode textarea::placeholder{color:#6b7280}body.dark-mode .btn-secondary{background:#2d3748;border:1px solid #3d4758;color:#fff}body.dark-mode .btn-secondary:hover{background:#3d4758}body.dark-mode .modal{background:#000000d9}body.dark-mode .modal-footer,body.dark-mode .modal-header{background:#152130;border-color:#2d3748}body.dark-mode .modal-body{background:#1a2332}body.dark-mode .modal-close{color:#9ca3af}body.dark-mode .modal-close:hover{color:#fff}body.dark-mode .stat-item{background:#152130;border:1px solid #2d3748}body.dark-mode .stat-label{color:#9ca3af}body.dark-mode .stat-value{color:#fff}body.dark-mode .rank-badge{background:#2d3748;border:1px solid #3d4758;color:#fff}body.dark-mode .rank-badge.top-rank{background:#667eea;border-color:#7c3aed;color:#fff}body.dark-mode .empty-state{background:#152130;border:1px solid #2d3748;color:#6b7280}body.dark-mode .empty-state h3,body.dark-mode .icon-btn,body.dark-mode .loading{color:#9ca3af}body.dark-mode .icon-btn:hover{background:#667eea1a;color:#667eea}body.dark-mode .keyword-table tbody tr td[colspan]{background:#0f1419!important;border-top:2px solid #667eea!important}body.dark-mode .keyword-table tbody tr td[colspan]>div{background:#0f1419}body.dark-mode .keyword-table tbody tr td[colspan] .keyword-table{background:#152130}body.dark-mode .trend-up{color:#10b981}body.dark-mode .trend-down{color:#ef4444}body.dark-mode .trend-neutral{color:#9ca3af}body.dark-mode hr{border-color:#2d3748}body.dark-mode input[type=search],body.dark-mode input[type=text]{background:#152130;border:1px solid #2d3748;color:#e3e8ef}body.dark-mode input[type=search]:focus,body.dark-mode input[type=text]:focus{background:#1a2332;border-color:#667eea}body.dark-mode div[style*="background: #f5f5f5"],body.dark-mode div[style*="background: #fff"],body.dark-mode div[style*="background: white"]{background:#252525!important}body.dark-mode div[style*="border: 1px solid #e0e0e0"]{border-color:#3a3a3a!important}body.dark-mode div[style*="color: #666"]{color:#999!important}body.dark-mode div[style*="color: #333"]{color:#e0e0e0!important}body.dark-mode div[style*="background: #e8f5e9"]{background:#4caf5026!important;border-color:#4caf50!important}body.dark-mode div[style*="background: #ffebee"]{background:#f4433626!important;border-color:#f44336!important}body.dark-mode div[style*="background: #fff3cd"]{background:#ffc10726!important;border-color:#ffc107!important}body.dark-mode div[style*="color: #856404"]{color:#fc0!important}.nav-icon-button{position:relative}.nav-icon-button:after{background:#34495e;border-radius:6px;box-shadow:0 2px 8px #0003;color:#fff;content:attr(data-tooltip);font-size:13px;font-weight:500;padding:8px 12px;white-space:nowrap;z-index:1000}.nav-icon-button:after,.nav-icon-button:before{left:70px;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s,left .2s}.nav-icon-button:before{border:6px solid #0000;border-right-color:#34495e;content:"";z-index:1001}.nav-icon-button:hover:after{left:75px;opacity:1}.nav-icon-button:hover:before{left:70px;opacity:1}body.dark-mode .api-playground-section{background:#1e293b!important;border-color:#334155!important}body.dark-mode .api-playground-section h3,body.dark-mode .api-playground-section h4,body.dark-mode .api-playground-section label{color:#e2e8f0!important}body.dark-mode .api-playground-section p{color:#94a3b8!important}body.dark-mode .api-playground-section input,body.dark-mode .api-playground-section select{background:#0f172a!important;border-color:#334155!important;color:#e2e8f0!important}body.dark-mode .api-playground-section .api-key-item{background:#0f172a!important;border-color:#334155!important}body.dark-mode .api-playground-section .api-key-item.inactive{background:#1e293b!important}body.dark-mode .api-playground-section .info-box{background:#1e3a5f!important;border-color:#2563eb!important;color:#93c5fd!important}body.dark-mode .api-playground-section .success-box{background:#14532d!important;border-color:#22c55e!important;color:#86efac!important}body.dark-mode .api-playground-section .error-box{background:#450a0a!important;border-color:#ef4444!important;color:#fca5a5!important}body.dark-mode .api-playground-section .code-block{background:#0f172a!important;color:#e2e8f0!important}@media (max-width:768px){.mobile-menu-button{display:flex!important}.sidebar{transform:translateX(-100%)}.sidebar-mobile-open{transform:translateX(0)!important}.mobile-overlay{display:block!important}.main-content{margin-left:0!important}.top-header{padding:15px 20px 15px 70px!important}.header-logo{height:40px!important;width:40px!important}.header-divider{display:none!important}.header-text h2{font-size:18px!important}.header-text div{font-size:10px!important}.card,.container{padding:15px!important}.card{overflow-x:auto}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}table{font-size:13px!important;min-width:600px}table td,table th{padding:8px!important;white-space:nowrap}button{font-size:13px!important;padding:8px 12px!important}.modal-content{margin:10px!important;max-width:95%!important;padding:20px!important;width:95%!important}input,select,textarea{font-size:16px!important}.stats-grid{gap:10px!important;grid-template-columns:1fr!important}.recharts-wrapper{overflow-x:auto}.nav-icon-button[data-tooltip]:after{display:none!important}.keyword-history-overlay{padding:10px!important}.action-buttons{flex-wrap:wrap;gap:5px!important}.filter-section{flex-direction:column!important;gap:10px!important}.filter-input-wrapper,.filter-section input{width:100%!important}.action-btn-group{flex-wrap:wrap!important;justify-content:flex-start!important}body.dark-mode table{font-size:13px!important}body.dark-mode .card{overflow-x:auto}.stat-card{min-width:0!important;padding:12px!important}.card-header{padding:15px!important}.card-title{font-size:18px!important}[style*="grid-template-columns: repeat(auto-fit"]{grid-template-columns:1fr!important}.integration-card,.settings-section{margin-bottom:15px!important}.settings-section{padding:16px!important}.form-group{margin-bottom:15px!important}.form-group label{display:block!important;font-size:14px!important;margin-bottom:6px!important}.form-group input,.form-group select,.form-group textarea{box-sizing:border-box!important;font-size:15px!important;padding:10px!important;width:100%!important}.button-group{flex-direction:column!important;gap:8px!important}.button-group button{width:100%!important}.api-section{padding:15px!important}.code-block{padding:10px!important;white-space:pre-wrap!important;word-break:break-all!important}.admin-table,.code-block{font-size:12px!important;overflow-x:auto!important}.admin-table{display:block!important}.admin-table td,.admin-table th{font-size:12px!important;padding:6px 4px!important}.auth-container{margin:20px auto!important;max-width:100%!important;padding:20px!important}.auth-card{margin:10px!important;padding:20px!important}.hero-title{font-size:2rem!important;line-height:1.2!important}.hero-description{font-size:1rem!important}.feature-card{margin-bottom:15px!important;padding:15px!important}.subscription-modal{max-width:95%!important;padding:15px!important}.plan-card{margin-bottom:15px!important}body{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:not(.no-min-touch),button:not(.no-min-touch),input[type=checkbox],input[type=radio],select{min-height:44px!important}.modal{max-width:95%!important;padding:10px!important}.modal-body,.modal-header{padding:15px!important}.modal-body{max-height:70vh!important;overflow-y:auto!important}.modal-footer{flex-direction:column!important;gap:10px!important;padding:15px!important}.modal-footer button{width:100%!important}.tab-navigation{flex-wrap:nowrap!important;overflow-x:auto!important}.tab-button{font-size:14px!important;white-space:nowrap!important}body,html{max-width:100vw!important;overflow-x:hidden!important}input[type=email],input[type=text],input[type=url]{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important}textarea{box-sizing:border-box!important;max-width:100%!important}}@media (min-width:769px) and (max-width:1024px){.container{padding:20px!important}.top-header{padding:20px 30px!important}.header-logo{height:50px!important;width:50px!important}.header-text h2{font-size:20px!important}table{font-size:14px!important}.card{padding:20px!important}}@media (min-width:1025px) and (max-width:1280px){.container{padding:25px!important}table{font-size:14px!important}}@media (max-height:600px) and (orientation:landscape){.sidebar{overflow-y:auto}.top-header{position:relative!important}}@media print{.action-buttons,.mobile-menu-button,.sidebar,.top-header,button{display:none!important}.main-content{margin-left:0!important}.card{border:1px solid #ddd!important;box-shadow:none!important}body{background:#fff!important}}.file\:border-0::-webkit-file-upload-button{border-width:0}.file\:border-0::file-selector-button{border-width:0}.file\:bg-transparent::-webkit-file-upload-button{background-color:initial}.file\:bg-transparent::file-selector-button{background-color:initial}.file\:text-sm::-webkit-file-upload-button{font-size:.875rem;line-height:1.25rem}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-medium::-webkit-file-upload-button{font-weight:500}.file\:font-medium::file-selector-button{font-weight:500}.placeholder\:text-muted-foreground::placeholder{--tw-text-opacity:1;color:#64748b;color:hsl(215.4 16.3% 46.9%/var(--tw-text-opacity,1))}.last\:border-0:last-child{border-width:0}.hover\:border-blue-300:hover{--tw-border-opacity:1;border-color:#93c5fd;border-color:rgb(147 197 253/var(--tw-border-opacity,1))}.hover\:bg-accent:hover{--tw-bg-opacity:1;background-color:#f1f5f9;background-color:hsl(210 40% 96.1%/var(--tw-bg-opacity,1))}.hover\:bg-blue-600:hover{--tw-bg-opacity:1;background-color:#2563eb;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:#1d4ed8;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\:bg-destructive\/80:hover{background-color:#ef4444cc}.hover\:bg-destructive\/90:hover{background-color:#ef4444e6}.hover\:bg-green-50:hover{--tw-bg-opacity:1;background-color:#f0fdf4;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.hover\:bg-green-600:hover{--tw-bg-opacity:1;background-color:#16a34a;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.hover\:bg-muted\/50:hover{background-color:#f1f5f980}.hover\:bg-primary\/80:hover{background-color:#2563ebcc}.hover\:bg-primary\/90:hover{background-color:#2563ebe6}.hover\:bg-secondary\/80:hover{background-color:#f1f5f9cc}.hover\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:#f1f5f9;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\:bg-slate-50:hover{--tw-bg-opacity:1;background-color:#f8fafc;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.hover\:bg-white\/20:hover{background-color:#fff3}.hover\:bg-yellow-600:hover{--tw-bg-opacity:1;background-color:#ca8a04;background-color:rgb(202 138 4/var(--tw-bg-opacity,1))}.hover\:from-blue-700:hover{--tw-gradient-from:#1d4ed8 var(--tw-gradient-from-position);--tw-gradient-to:#1d4ed800 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:to-blue-800:hover{--tw-gradient-to:#1e40af var(--tw-gradient-to-position)}.hover\:text-accent-foreground:hover{--tw-text-opacity:1;color:#0f172a;color:hsl(222.2 47.4% 11.2%/var(--tw-text-opacity,1))}.hover\:text-blue-700:hover{--tw-text-opacity:1;color:#1d4ed8;color:rgb(29 78 216/var(--tw-text-opacity,1))}.hover\:text-red-700:hover{--tw-text-opacity:1;color:#b91c1c;color:rgb(185 28 28/var(--tw-text-opacity,1))}.hover\:text-slate-900:hover{--tw-text-opacity:1;color:#0f172a;color:rgb(15 23 42/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:underline:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-2xl:hover{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.hover\:shadow-2xl:hover,.hover\:shadow-lg:hover{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:bg-accent:focus{--tw-bg-opacity:1;background-color:#f1f5f9;background-color:hsl(210 40% 96.1%/var(--tw-bg-opacity,1))}.focus\:text-accent-foreground:focus{--tw-text-opacity:1;color:#0f172a;color:hsl(222.2 47.4% 11.2%/var(--tw-text-opacity,1))}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-ring:focus{--tw-ring-opacity:1;--tw-ring-color:hsl(221.2 83.2% 53.3%/var(--tw-ring-opacity,1))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus-visible\:outline-none:focus-visible{outline:2px solid #0000;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-ring:focus-visible{--tw-ring-opacity:1;--tw-ring-color:hsl(221.2 83.2% 53.3%/var(--tw-ring-opacity,1))}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-70{opacity:.7}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[state\=active\]\:bg-background[data-state=active]{--tw-bg-opacity:1;background-color:#fff;background-color:hsl(0 0% 100%/var(--tw-bg-opacity,1))}.data-\[state\=open\]\:bg-accent[data-state=open],.data-\[state\=selected\]\:bg-muted[data-state=selected]{--tw-bg-opacity:1;background-color:#f1f5f9;background-color:hsl(210 40% 96.1%/var(--tw-bg-opacity,1))}.data-\[state\=active\]\:text-foreground[data-state=active]{--tw-text-opacity:1;color:#020817;color:hsl(222.2 84% 4.9%/var(--tw-text-opacity,1))}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{--tw-text-opacity:1;color:#64748b;color:hsl(215.4 16.3% 46.9%/var(--tw-text-opacity,1))}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[state\=active\]\:shadow-sm[data-state=active]{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@supports ((-webkit-backdrop-filter:var(--tw )) or (backdrop-filter:var(--tw ))){.supports-\[backdrop-filter\]\:bg-background\/60{background-color:#fff9}}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.sm\:rounded-lg{border-radius:.5rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:text-left{text-align:left}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-6xl{font-size:3.75rem;line-height:1}}@media (min-width:768px){.md\:flex{display:flex}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}}@media (min-width:1024px){.lg\:flex{display:flex}.lg\:flex-1{flex:1 1}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:text-left{text-align:left}.lg\:text-7xl{font-size:4.5rem;line-height:1}}@media (min-width:1280px){.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:0}.\[\&\>tr\]\:last\:border-b-0:last-child>tr{border-bottom-width:0}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-width:0}.\[\&_tr\]\:border-b tr{border-bottom-width:1px}@media (max-width:768px){body{overflow-x:hidden}.card,.container,.main-content{max-width:100vw!important;overflow-x:hidden}.mobile-hide-title{display:none!important}.mobile-dashboard-header{align-items:stretch!important;flex-direction:column!important;gap:12px!important;padding:16px!important}.mobile-header-controls{flex-wrap:wrap!important;justify-content:space-between!important}.mobile-compact-btn .mobile-hide-text{display:none!important}.mobile-compact-btn{min-width:44px!important;padding:10px!important}.mobile-theme-toggle{padding:10px 12px!important}.mobile-search-bar{order:-1;width:100%!important}.mobile-search-bar input{background:#f8f9fa!important;border:1px solid #e5e7eb!important;box-shadow:0 1px 3px #0000000d!important;transition:all .2s!important}.mobile-search-bar input:focus{background:#fff!important;border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important;outline:none!important}body.dark-mode .mobile-search-bar input{background:#1e293b!important;border-color:#334155!important;color:#e2e8f0!important}body.dark-mode .mobile-search-bar input:focus{background:#0f172a!important;border-color:#3b82f6!important}.mobile-hide-add-btn{display:none!important}.mobile-fab-button{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:50%;bottom:24px;box-shadow:0 4px 12px #3b82f666,0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex!important;height:56px;justify-content:center;position:fixed;right:24px;transition:all .3s ease;width:56px;z-index:1000}.mobile-fab-button:hover{box-shadow:0 6px 16px #3b82f680,0 3px 6px #00000026;transform:scale(1.05)}.mobile-fab-button:active{transform:scale(.95)}body.dark-mode .mobile-fab-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #2563eb80,0 2px 4px #0003}.dashboard-mobile-view{padding-bottom:100px!important}.dashboard-table-desktop{display:none!important}.dashboard-mobile-view{display:block!important;margin:0!important;padding:0!important}.url-card-mobile{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #00000014;margin:0 16px 12px;max-width:calc(100vw - 32px);overflow:hidden;padding:12px 16px;position:relative;transition:all .3s ease}.url-card-mobile:not(.expanded){padding:16px}body.dark-mode .url-card-mobile{background:#18181b;border-color:#27272a;box-shadow:0 1px 3px #0000004d}body.dark-mode .url-card-mobile.expanded{box-shadow:0 4px 12px #0006}.url-card-header{-webkit-tap-highlight-color:transparent;cursor:pointer;-webkit-user-select:none;user-select:none}.mobile-checkbox{flex-shrink:0}.url-card-domain{color:#1f2937}body.dark-mode .url-card-domain{color:#e2e8f0}.url-card-stats{grid-gap:12px;animation:slideDown .2s ease;border-top:1px solid #e5e7eb;gap:12px;margin-top:16px;padding-top:16px}body.dark-mode .url-card-stats{border-top-color:#334155}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.url-card-actions{animation:slideDown .2s ease;gap:8px;margin-top:12px;padding:4px 0}.url-card-actions::-webkit-scrollbar{height:4px}.url-card-actions::-webkit-scrollbar-track{background:#f1f5f9}.url-card-actions::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}body.dark-mode .url-card-actions::-webkit-scrollbar-track{background:#0f172a}body.dark-mode .url-card-actions::-webkit-scrollbar-thumb{background:#475569}.keywords-section-mobile{animation:slideDown .3s ease;margin-top:12px;padding-top:12px}body.dark-mode .keywords-section-mobile{border-top-color:#334155}.url-card-mobile.expanded{box-shadow:0 4px 12px #0000001f}.url-card-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.url-card-title{align-items:center;display:flex;flex:1 1;gap:8px;min-width:0}.url-card-domain{color:#111827;font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.dark-mode .url-card-domain{color:#fafafa}.url-card-stats{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr);margin-bottom:12px}.url-stat-item{background:#f9fafb;border-radius:8px;padding:8px;text-align:center}body.dark-mode .url-stat-item{background:#27272a}.url-stat-label{color:#6b7280;font-size:10px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}body.dark-mode .url-stat-label{color:#a1a1aa}.url-stat-value{color:#111827;font-size:18px;font-weight:700}body.dark-mode .url-stat-value{color:#fafafa}.url-card-actions{-webkit-overflow-scrolling:touch;display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.url-card-actions::-webkit-scrollbar{display:none}.url-card-action-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;font-weight:500;gap:4px;justify-content:center;padding:8px 12px;transition:all .2s;white-space:nowrap}body.dark-mode .url-card-action-btn{background:#27272a;border-color:#3f3f46;color:#d4d4d8}.url-card-action-btn:active{transform:scale(.95)}.url-card-action-btn.primary{background:#3b82f6;border-color:#3b82f6;color:#fff}.url-card-action-btn.danger{background:#ef4444;border-color:#ef4444;color:#fff}.keyword-card-mobile{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:8px;padding:12px}body.dark-mode .keyword-card-mobile{background:#27272a;border-color:#3f3f46}.keyword-card-header{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;margin-bottom:8px}.keyword-card-info{flex:1 1;min-width:0}.keyword-text{color:#111827;font-size:14px;font-weight:600;margin-bottom:4px;word-break:break-word}body.dark-mode .keyword-text{color:#fafafa}.keyword-location{align-items:center;color:#6b7280;display:flex;font-size:11px;gap:4px}body.dark-mode .keyword-location{color:#a1a1aa}.keyword-card-ranking{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.keyword-position-badge{border-radius:6px;font-size:14px;font-weight:700;min-width:45px;padding:4px 10px;text-align:center}.keyword-position-badge.top3{background:#10b981;color:#fff}.keyword-position-badge.top10{background:#3b82f6;color:#fff}.keyword-position-badge.top50{background:#f59e0b;color:#fff}.keyword-position-badge.beyond{background:#6b7280;color:#fff}.keyword-position-badge.pending{background:#e5e7eb;color:#6b7280;font-size:11px}body.dark-mode .keyword-position-badge.pending{background:#3f3f46;color:#a1a1aa}.keyword-change-indicator{align-items:center;display:flex;font-size:12px;font-weight:600;gap:2px}.keyword-change-indicator.up{color:#10b981}.keyword-change-indicator.down{color:#ef4444}.keyword-card-actions{display:flex;gap:6px;justify-content:flex-end}.keyword-action-icon-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}body.dark-mode .keyword-action-icon-btn{background:#18181b;border-color:#3f3f46}.keyword-action-icon-btn:active{transform:scale(.9)}.keyword-action-icon-btn.danger{background:#fee2e2;border-color:#fecaca;color:#ef4444}body.dark-mode .keyword-action-icon-btn.danger{background:#ef44441a;border-color:#ef444433}.mobile-filter-bar{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;gap:12px;margin:0 16px 16px;max-width:calc(100vw - 32px);padding:16px}body.dark-mode .mobile-filter-bar{background:#18181b}.mobile-search-input{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;font-size:15px;padding:12px 12px 12px 40px;width:100%}body.dark-mode .mobile-search-input{background:#27272a;border-color:#3f3f46;color:#fafafa}.mobile-action-row{-webkit-overflow-scrolling:touch;display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.mobile-action-row::-webkit-scrollbar{display:none}.mobile-bottom-sheet{background:#fff;border-radius:20px 20px 0 0;bottom:0;box-shadow:0 -4px 20px #00000026;left:0;max-height:90vh;overflow-y:auto;padding:20px;position:fixed;right:0;transform:translateY(100%);transition:transform .3s ease-out;z-index:1001}body.dark-mode .mobile-bottom-sheet{background:#18181b}.mobile-bottom-sheet.open{transform:translateY(0)}.mobile-bottom-sheet-handle{background:#d1d5db;border-radius:2px;height:4px;margin:0 auto 20px;width:40px}body.dark-mode .mobile-bottom-sheet-handle{background:#3f3f46}.mobile-bottom-sheet-title{color:#111827;font-size:20px;font-weight:700;margin-bottom:16px}body.dark-mode .mobile-bottom-sheet-title{color:#fafafa}.swipeable-card{position:relative;touch-action:pan-y}.mobile-checkbox{border-radius:6px;cursor:pointer;height:20px;width:20px}.mobile-empty-state{color:#6b7280;padding:60px 20px;text-align:center}body.dark-mode .mobile-empty-state{color:#a1a1aa}.mobile-empty-state h3{color:#111827;font-size:18px;margin-bottom:8px}body.dark-mode .mobile-empty-state h3{color:#fafafa}.keywords-section-mobile{border-top:1px solid #e5e7eb;margin-top:16px;padding-top:16px}body.dark-mode .keywords-section-mobile{border-top-color:#3f3f46}.keywords-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.keywords-section-title{color:#6b7280;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}body.dark-mode .keywords-section-title{color:#a1a1aa}.mobile-fab{align-items:center;background:#3b82f6;border-radius:50%;bottom:20px;box-shadow:0 4px 12px #3b82f666;color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;position:fixed;right:20px;transition:all .2s;width:56px;z-index:100}.mobile-fab:active{transform:scale(.9)}.pull-to-refresh{color:#6b7280;font-size:13px;padding:12px;text-align:center}body.dark-mode .pull-to-refresh{color:#a1a1aa}.mobile-chart-modal{align-items:flex-end;animation:fadeIn .2s ease-out;background:#000000bf;bottom:0;display:flex;left:0;position:fixed;right:0;top:0;z-index:1002}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-chart-content{animation:slideUp .3s ease-out;background:#fff;border-radius:20px 20px 0 0;max-height:90vh;overflow-y:auto;padding:20px;width:100%}body.dark-mode .mobile-chart-content{background:#18181b}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-chart-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}body.dark-mode .mobile-chart-header{border-bottom-color:#3f3f46}.mobile-chart-title{color:#111827;font-size:18px;font-weight:700}body.dark-mode .mobile-chart-title{color:#fafafa}.mobile-chart-close{align-items:center;background:#f3f4f6;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;height:36px;justify-content:center;width:36px}body.dark-mode .mobile-chart-close{background:#27272a;color:#a1a1aa}.mobile-chart-close:active{transform:scale(.9)}.mobile-chart-body{overflow-x:hidden;width:100%}.mobile-chart-body .recharts-wrapper{margin:0 auto}.mobile-chart-body .recharts-surface{overflow:visible}.mobile-skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:8px}body.dark-mode .mobile-skeleton{background:linear-gradient(90deg,#27272a 25%,#3f3f46 50%,#27272a 75%)}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}}@media (min-width:769px){.dashboard-mobile-view{display:none!important}.dashboard-table-desktop{display:table!important}.mobile-bottom-sheet,.mobile-fab,.mobile-fab-button,.mobile-filter-bar{display:none!important}.mobile-hide-title{display:block!important}.mobile-hide-add-btn{display:flex!important}.mobile-compact-btn .mobile-hide-text{display:inline!important}}@media (max-width:768px){.api-playground-section{grid-column:span 2!important;margin-bottom:20px!important}.api-playground-section>div[style*="display: flex"]{flex-direction:column!important;gap:15px!important}.api-playground-section input[type=email],.api-playground-section input[type=text],.api-playground-section input[type=url],.api-playground-section select,.api-playground-section textarea{box-sizing:border-box!important;font-size:16px!important;width:100%!important}.api-playground-section input[type=checkbox]{height:22px!important;width:22px!important}.api-playground-section label[style*="cursor: pointer"]{padding:8px 0!important}.api-playground-section input[type=number]{font-size:16px!important;width:100%!important}.api-playground-section button{font-size:14px!important;margin-bottom:8px!important;padding:10px 16px!important;width:100%!important}.api-playground-section h3{font-size:18px!important}div[style*="display: grid"][style*="gridTemplateColumns: '1fr 1fr'"]{grid-template-columns:1fr!important}.api-endpoint-select{margin-bottom:12px!important;width:100%!important}.api-code-block{font-size:11px!important;overflow-x:auto!important;padding:12px!important;white-space:pre-wrap!important;word-break:break-all!important}.api-doc-section{margin-bottom:16px!important;padding:16px!important}.api-key-item{align-items:stretch!important;flex-direction:column!important;gap:12px!important}.api-key-text{font-size:12px!important;max-width:100%!important;word-break:break-all!important}.api-key-actions{display:flex!important;flex-direction:column!important;gap:8px!important}.api-key-actions,.api-key-actions button{width:100%!important}div[style*="gridTemplateColumns: '1fr 1fr'"]{grid-template-columns:1fr!important}.api-request-form input,.api-request-form select{font-size:16px!important;width:100%!important}.max-w-7xl{padding-left:16px!important;padding-right:16px!important}.max-w-7xl .flex.gap-6{gap:12px!important}.max-w-7xl button[class*=py-4]{font-size:13px!important;padding:12px!important}.admin-stats-grid,.grid.grid-cols-4{gap:12px!important;grid-template-columns:1fr!important}.admin-stat-card{padding:16px!important}[class*=Card]{margin-bottom:16px!important}.admin-table-wrapper,.overflow-x-auto{-webkit-overflow-scrolling:touch!important;overflow-x:auto!important}table{min-width:600px!important}table,table td,table th{font-size:12px!important}table td,table th{padding:8px 4px!important}.admin-search-bar{margin-bottom:16px!important;width:100%!important}.admin-action-buttons,.flex.gap-2{flex-wrap:wrap!important;gap:8px!important}.admin-action-buttons button,.flex.gap-2 button{flex-basis:calc(50% - 4px);flex-grow:1;flex-shrink:1;font-size:13px!important;min-width:0!important;padding:8px 12px!important}.admin-user-detail{padding:16px!important}.admin-keyword-list{display:block!important}.admin-keyword-item{margin-bottom:12px!important;padding:12px!important}.system-health-card{margin-bottom:16px!important;padding:16px!important}.error-log-item{font-size:12px!important;margin-bottom:10px!important;padding:12px!important}.grid-cols-2,.grid-cols-3,.grid-cols-4,.grid.grid-cols-2,.grid.grid-cols-3,.grid.grid-cols-4{grid-template-columns:1fr!important}.settings-section{margin-bottom:16px!important;padding:16px!important}div[style*="gridTemplateColumns: 'repeat(auto-fit"]{gap:12px!important;grid-template-columns:1fr!important}.stat-card{margin-bottom:12px!important;padding:16px!important}.subscription-plan-card{margin-bottom:16px!important;padding:20px 16px!important}.subscription-plan-card h3{font-size:20px!important}.subscription-plan-card .price{font-size:28px!important}.settings-form-group{margin-bottom:16px!important}.settings-form-group label{display:block!important;font-size:14px!important;margin-bottom:6px!important}.settings-form-group input,.settings-form-group select{box-sizing:border-box!important;font-size:16px!important;padding:10px!important;width:100%!important}.settings-buttons{display:flex!important;flex-direction:column!important;gap:10px!important}.settings-buttons button{width:100%!important}.card,[class*=card]{margin-bottom:16px!important;padding:16px!important}h1{font-size:24px!important}h2{font-size:20px!important}h3{font-size:18px!important}h4{font-size:16px!important}button:not(.no-mobile-full){font-size:15px!important;min-height:44px!important}input,select,textarea{font-size:16px!important;min-height:44px!important}.modal-overlay{padding:16px!important}.modal-content{margin:0!important;max-height:90vh!important;max-width:100%!important;overflow-y:auto!important}.table-container{-webkit-overflow-scrolling:touch!important;overflow-x:auto!important}input[type=email],input[type=number],input[type=password],input[type=text],input[type=url],select,textarea{font-size:16px!important}.badge,[class*=badge]{font-size:11px!important;padding:4px 8px!important}svg{flex-shrink:0!important}.alert,.notification{font-size:14px!important;padding:12px!important}.copy-button{min-height:44px!important;min-width:44px!important}.loading-spinner{padding:24px!important}.empty-state{padding:32px 16px!important}.dropdown-menu{max-width:calc(100vw - 32px)!important}[data-tooltip]:after,[data-tooltip]:before{display:none!important}*{-webkit-tap-highlight-color:transparent}button:active{transform:scale(.98);transition:transform .1s}::-webkit-scrollbar{height:4px!important;width:4px!important}::-webkit-scrollbar-track{background:#f1f1f1!important}::-webkit-scrollbar-thumb{background:#888!important;border-radius:2px!important}body.dark-mode .admin-table,body.dark-mode .api-playground-section,body.dark-mode .settings-section{background:#1e293b!important;border-color:#334155!important}body.dark-mode input,body.dark-mode select,body.dark-mode textarea{background:#0f172a!important;border-color:#334155!important;color:#e2e8f0!important}}@media (max-width:768px) and (orientation:landscape){.api-playground-section,.card,.settings-section{padding:12px!important}.modal-content{max-height:85vh!important}h1{font-size:20px!important}h2{font-size:18px!important}}@media (max-width:375px){.api-playground-section,.card{padding:12px!important}h1{font-size:22px!important}h2{font-size:18px!important}button{font-size:14px!important;padding:8px 12px!important}.admin-table{font-size:11px!important}.admin-table td,.admin-table th{padding:6px 2px!important}}
/*# sourceMappingURL=main.58feb1ae.css.map*/