*,: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.19 | 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:Inter,system-ui,sans-serif;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}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}body,html{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:#0f172a;background-color:rgb(15 23 42/var(--tw-bg-opacity,1));color:#f1f5f9;color:rgb(241 245 249/var(--tw-text-opacity,1));font-family:Inter,system-ui,-apple-system,sans-serif;overflow:hidden}#root,body,html{height:100%}.container{width:100%}@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}}.card{border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-md)}.btn{border-radius:var(--radius-md);gap:var(--spacing-sm);justify-content:center;text-decoration:none;transition:all var(--transition-base);white-space:nowrap}.btn-primary{background:#1f93ff;background:var(--color-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--color-gray-100);color:var(--color-gray-900)}.btn-secondary:hover:not(:disabled){background:var(--color-gray-200)}.btn-danger{background:var(--color-error)}.btn-icon{height:36px;width:36px}.input{border:1px solid var(--color-gray-300);border-radius:var(--radius-md);color:var(--color-gray-900);padding:10px 14px;transition:all var(--transition-base)}.input:focus{border-color:#1f93ff;border-color:var(--color-primary);box-shadow:0 0 0 3px #25d3661a}.input::placeholder{color:var(--color-gray-400)}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:12px;font-weight:500;padding:4px 12px}.spinner{border-top-color:#1f93ff;border:4px solid var(--color-gray-200);border-top-color:var(--color-primary)}.modal-overlay{padding:var(--spacing-md)}.modal{border-radius:8px;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--spacing-lg)}.empty-state{padding:var(--spacing-2xl) var(--spacing-lg)}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.inset-0{inset:0}.inset-y-0{bottom:0;top:0}.-bottom-1{bottom:-.25rem}.-right-1{right:-.25rem}.-top-4{top:-1rem}.bottom-0{bottom:0}.bottom-2{bottom:.5rem}.bottom-3{bottom:.75rem}.bottom-4{bottom:1rem}.bottom-full{bottom:100%}.left-0{left:0}.left-3{left:.75rem}.left-3\.5{left:.875rem}.left-\[-36px\]{left:-36px}.right-0{right:0}.right-2{right:.5rem}.right-3{right:.75rem}.right-4{right:1rem}.right-\[-36px\]{right:-36px}.top-0{top:0}.top-1\/2{top:50%}.top-2{top:.5rem}.top-2\.5{top:.625rem}.top-3{top:.75rem}.isolate{isolation:isolate}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[60\]{z-index:60}.z-\[70\]{z-index:70}.z-\[9999\]{z-index:9999}.col-span-full{grid-column:1/-1}.-mx-4{margin-left:-1rem;margin-right:-1rem}.-my-2{margin-bottom:-.5rem;margin-top:-.5rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-6{margin-bottom:1.5rem;margin-top:1.5rem}.my-8{margin-bottom:2rem;margin-top:2rem}.-mb-\[1px\]{margin-bottom:-1px}.-ml-1{margin-left:-.25rem}.-ml-2{margin-left:-.5rem}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-auto{margin-right:auto}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-2\.5{margin-top:.625rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.line-clamp-2{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.flow-root{display:flow-root}.grid{display:grid}.hidden{display:none}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-20{height:5rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[100dvh\]{height:100dvh}.h-full{height:100%}.h-screen{height:100vh}.max-h-60{max-height:15rem}.max-h-96{max-height:24rem}.max-h-\[400px\]{max-height:400px}.max-h-\[85vh\]{max-height:85vh}.max-h-\[90vh\]{max-height:90vh}.min-h-0{min-height:0}.min-h-\[100px\]{min-height:100px}.min-h-\[120px\]{min-height:120px}.min-h-\[150px\]{min-height:150px}.min-h-\[60px\]{min-height:60px}.min-h-\[80px\]{min-height:80px}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-0\.5{width:.125rem}.w-1\.5{width:.375rem}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-1\/4{width:25%}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-20{width:5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-3\/4{width:75%}.w-4{width:1rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-8{width:2rem}.w-80{width:20rem}.w-9{width:2.25rem}.w-\[340px\]{width:340px}.w-fit{width:-webkit-fit-content;width:fit-content}.w-full{width:100%}.w-screen{width:100vw}.min-w-0{min-width:0}.min-w-\[150px\]{min-width:150px}.min-w-\[18px\]{min-width:18px}.min-w-\[200px\]{min-width:200px}.min-w-\[20px\]{min-width:20px}.min-w-\[24px\]{min-width:24px}.min-w-full{min-width:100%}.min-w-max{min-width:-webkit-max-content;min-width:max-content}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-7xl{max-width:80rem}.max-w-\[120px\]{max-width:120px}.max-w-\[85\%\]{max-width:85%}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1}.flex-none{flex:none}.flex-shrink-0,.shrink-0{flex-shrink:0}.-translate-x-full{--tw-translate-x:-100%}.-translate-x-full,.-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-0{--tw-translate-x:0px}.translate-x-0,.translate-x-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-x-1\/2{--tw-translate-x:50%}.translate-x-full{--tw-translate-x:100%}.translate-x-full,.translate-y-0{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-0{--tw-translate-y:0px}.translate-y-4{--tw-translate-y:1rem}.scale-105,.translate-y-4{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))}.scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05}.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 bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.animate-bounce{animation:bounce 1s infinite}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.cursor-move{cursor:move}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.appearance-none{-webkit-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))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-x-1\.5{column-gap:.375rem}.gap-x-2{column-gap:.5rem}.gap-x-3{column-gap:.75rem}.gap-y-8{row-gap:2rem}.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-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.625rem*var(--tw-space-y-reverse));margin-top:calc(.625rem*(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-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)))}.space-y-px>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1px*var(--tw-space-y-reverse));margin-top:calc(1px*(1 - var(--tw-space-y-reverse)))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.divide-gray-200>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:#e5e7eb;border-color:rgb(229 231 235/var(--tw-divide-opacity,1))}.divide-gray-700>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:#374151;border-color:rgb(55 65 81/var(--tw-divide-opacity,1))}.divide-slate-700>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:#334155;border-color:rgb(51 65 85/var(--tw-divide-opacity,1))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[4px\]{border-radius:4px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-r-full{border-bottom-right-radius:9999px;border-top-right-radius:9999px}.rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.rounded-tl-none{border-top-left-radius:0}.rounded-tr-none{border-top-right-radius:0}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-x{border-left-width:1px;border-right-width:1px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-l-4{border-left-width:4px}.border-l-\[3px\]{border-left-width:3px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-none{border-style:none}.border-\[\#00a884\]\/20{border-color:#00a88433}.border-\[\#00a884\]\/30{border-color:#00a8844d}.border-\[\#111b21\]{--tw-border-opacity:1;border-color:#111b21;border-color:rgb(17 27 33/var(--tw-border-opacity,1))}.border-\[\#128C7E\]{--tw-border-opacity:1;border-color:#128c7e;border-color:rgb(18 140 126/var(--tw-border-opacity,1))}.border-\[\#1e293b\]{--tw-border-opacity:1;border-color:#1e293b;border-color:rgb(30 41 59/var(--tw-border-opacity,1))}.border-\[\#202c33\]{--tw-border-opacity:1;border-color:#202c33;border-color:rgb(32 44 51/var(--tw-border-opacity,1))}.border-\[\#25d366\]{--tw-border-opacity:1;border-color:#25d366;border-color:rgb(37 211 102/var(--tw-border-opacity,1))}.border-\[\#2a3942\]{--tw-border-opacity:1;border-color:#2a3942;border-color:rgb(42 57 66/var(--tw-border-opacity,1))}.border-\[\#8696a0\]{--tw-border-opacity:1;border-color:#8696a0;border-color:rgb(134 150 160/var(--tw-border-opacity,1))}.border-\[\#8696a0\]\/20{border-color:#8696a033}.border-amber-500\/20{border-color:#f59e0b33}.border-blue-300{--tw-border-opacity:1;border-color:#93c5fd;border-color:rgb(147 197 253/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-500\/20{border-color:#3b82f633}.border-blue-500\/30{border-color:#3b82f64d}.border-emerald-500\/20{border-color:#10b98133}.border-gray-200{--tw-border-opacity:1;border-color:#e5e7eb;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:#d1d5db;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-gray-600{--tw-border-opacity:1;border-color:#4b5563;border-color:rgb(75 85 99/var(--tw-border-opacity,1))}.border-gray-700{--tw-border-opacity:1;border-color:#374151;border-color:rgb(55 65 81/var(--tw-border-opacity,1))}.border-green-500\/30{border-color:#22c55e4d}.border-indigo-500{--tw-border-opacity:1;border-color:#6366f1;border-color:rgb(99 102 241/var(--tw-border-opacity,1))}.border-indigo-500\/30{border-color:#6366f14d}.border-indigo-500\/50{border-color:#6366f180}.border-orange-300{--tw-border-opacity:1;border-color:#fdba74;border-color:rgb(253 186 116/var(--tw-border-opacity,1))}.border-purple-500\/20{border-color:#a855f733}.border-red-300{--tw-border-opacity:1;border-color:#fca5a5;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.border-red-500\/30{border-color:#ef44444d}.border-rose-500\/20{border-color:#f43f5e33}.border-slate-200{--tw-border-opacity:1;border-color:#e2e8f0;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.border-slate-500\/20{border-color:#64748b33}.border-slate-600{--tw-border-opacity:1;border-color:#475569;border-color:rgb(71 85 105/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-slate-700\/50{border-color:#33415580}.border-slate-800{--tw-border-opacity:1;border-color:#1e293b;border-color:rgb(30 41 59/var(--tw-border-opacity,1))}.border-slate-800\/50{border-color:#1e293b80}.border-transparent{border-color:#0000}.border-whatsapp-green{--tw-border-opacity:1;border-color:#25d366;border-color:rgb(37 211 102/var(--tw-border-opacity,1))}.border-white\/10{border-color:#ffffff1a}.border-white\/30{border-color:#ffffff4d}.border-white\/5{border-color:#ffffff0d}.border-yellow-500\/30{border-color:#eab3084d}.border-b-\[\#0f172a\]{--tw-border-opacity:1;border-bottom-color:#0f172a;border-bottom-color:rgb(15 23 42/var(--tw-border-opacity,1))}.border-t-transparent{border-top-color:#0000}.border-t-white{--tw-border-opacity:1;border-top-color:#fff;border-top-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-opacity-50{--tw-border-opacity:0.5}.bg-\[\#0099ff\]{--tw-bg-opacity:1;background-color:#09f;background-color:rgb(0 153 255/var(--tw-bg-opacity,1))}.bg-\[\#0099ff\]\/20{background-color:#09f3}.bg-\[\#00a884\]{--tw-bg-opacity:1;background-color:#00a884;background-color:rgb(0 168 132/var(--tw-bg-opacity,1))}.bg-\[\#00a884\]\/10{background-color:#00a8841a}.bg-\[\#00a884\]\/20{background-color:#00a88433}.bg-\[\#0b1120\]{--tw-bg-opacity:1;background-color:#0b1120;background-color:rgb(11 17 32/var(--tw-bg-opacity,1))}.bg-\[\#0b141a\]{--tw-bg-opacity:1;background-color:#0b141a;background-color:rgb(11 20 26/var(--tw-bg-opacity,1))}.bg-\[\#0f172a\]{--tw-bg-opacity:1;background-color:#0f172a;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}.bg-\[\#0f172a\]\/50{background-color:#0f172a80}.bg-\[\#111827\]{--tw-bg-opacity:1;background-color:#111827;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.bg-\[\#111827\]\/40{background-color:#11182766}.bg-\[\#111b21\]{--tw-bg-opacity:1;background-color:#111b21;background-color:rgb(17 27 33/var(--tw-bg-opacity,1))}.bg-\[\#111b21\]\/20{background-color:#111b2133}.bg-\[\#111b21\]\/50{background-color:#111b2180}.bg-\[\#111b21\]\/90{background-color:#111b21e6}.bg-\[\#128C7E\]{--tw-bg-opacity:1;background-color:#128c7e;background-color:rgb(18 140 126/var(--tw-bg-opacity,1))}.bg-\[\#131b2e\]\/60{background-color:#131b2e99}.bg-\[\#1e293b\]{--tw-bg-opacity:1;background-color:#1e293b;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.bg-\[\#1e293b\]\/70{background-color:#1e293bb3}.bg-\[\#202c33\]{--tw-bg-opacity:1;background-color:#202c33;background-color:rgb(32 44 51/var(--tw-bg-opacity,1))}.bg-\[\#202c33\]\/90{background-color:#202c33e6}.bg-\[\#202c33\]\/95{background-color:#202c33f2}.bg-\[\#25d366\]{--tw-bg-opacity:1;background-color:#25d366;background-color:rgb(37 211 102/var(--tw-bg-opacity,1))}.bg-\[\#25d366\]\/10{background-color:#25d3661a}.bg-\[\#25d366\]\/20{background-color:#25d36633}.bg-\[\#2a3942\]{--tw-bg-opacity:1;background-color:#2a3942;background-color:rgb(42 57 66/var(--tw-bg-opacity,1))}.bg-\[\#2a3942\]\/50{background-color:#2a394280}.bg-\[\#54656f\]{--tw-bg-opacity:1;background-color:#54656f;background-color:rgb(84 101 111/var(--tw-bg-opacity,1))}.bg-amber-500\/10{background-color:#f59e0b1a}.bg-amber-500\/5{background-color:#f59e0b0d}.bg-amber-600{--tw-bg-opacity:1;background-color:#d97706;background-color:rgb(217 119 6/var(--tw-bg-opacity,1))}.bg-black\/20{background-color:#0003}.bg-black\/50{background-color:#00000080}.bg-black\/60{background-color:#0009}.bg-blue-100{--tw-bg-opacity:1;background-color:#dbeafe;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:#eff6ff;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-blue-500{--tw-bg-opacity:1;background-color:#3b82f6;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-blue-500\/10{background-color:#3b82f61a}.bg-blue-600{--tw-bg-opacity:1;background-color:#2563eb;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-blue-900\/20{background-color:#1e3a8a33}.bg-emerald-400{--tw-bg-opacity:1;background-color:#34d399;background-color:rgb(52 211 153/var(--tw-bg-opacity,1))}.bg-emerald-500{--tw-bg-opacity:1;background-color:#10b981;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.bg-emerald-500\/10{background-color:#10b9811a}.bg-emerald-500\/50{background-color:#10b98180}.bg-gray-100{--tw-bg-opacity:1;background-color:#f3f4f6;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:#e5e7eb;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-gray-300{--tw-bg-opacity:1;background-color:#d1d5db;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:#f9fafb;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-gray-500\/10{background-color:#6b72801a}.bg-gray-600{--tw-bg-opacity:1;background-color:#4b5563;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.bg-gray-700{--tw-bg-opacity:1;background-color:#374151;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.bg-gray-700\/30{background-color:#3741514d}.bg-gray-700\/50{background-color:#37415180}.bg-gray-800{--tw-bg-opacity:1;background-color:#1f2937;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.bg-gray-800\/40{background-color:#1f293766}.bg-gray-800\/50{background-color:#1f293780}.bg-gray-900{--tw-bg-opacity:1;background-color:#111827;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.bg-gray-900\/50{background-color:#11182780}.bg-gray-900\/75{background-color:#111827bf}.bg-green-100{--tw-bg-opacity:1;background-color:#dcfce7;background-color:rgb(220 252 231/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-green-500\/10{background-color:#22c55e1a}.bg-green-600{--tw-bg-opacity:1;background-color:#16a34a;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.bg-indigo-500\/20{background-color:#6366f133}.bg-indigo-600{--tw-bg-opacity:1;background-color:#4f46e5;background-color:rgb(79 70 229/var(--tw-bg-opacity,1))}.bg-indigo-600\/90{background-color:#4f46e5e6}.bg-orange-100{--tw-bg-opacity:1;background-color:#ffedd5;background-color:rgb(255 237 213/var(--tw-bg-opacity,1))}.bg-purple-100{--tw-bg-opacity:1;background-color:#f3e8ff;background-color:rgb(243 232 255/var(--tw-bg-opacity,1))}.bg-purple-500{--tw-bg-opacity:1;background-color:#a855f7;background-color:rgb(168 85 247/var(--tw-bg-opacity,1))}.bg-purple-500\/10{background-color:#a855f71a}.bg-red-100{--tw-bg-opacity:1;background-color:#fee2e2;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-red-500{--tw-bg-opacity:1;background-color:#ef4444;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-red-500\/10{background-color:#ef44441a}.bg-red-500\/20{background-color:#ef444433}.bg-red-600{--tw-bg-opacity:1;background-color:#dc2626;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.bg-red-900\/20{background-color:#7f1d1d33}.bg-rose-500{--tw-bg-opacity:1;background-color:#f43f5e;background-color:rgb(244 63 94/var(--tw-bg-opacity,1))}.bg-rose-500\/10{background-color:#f43f5e1a}.bg-slate-100{--tw-bg-opacity:1;background-color:#f1f5f9;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-slate-500\/10{background-color:#64748b1a}.bg-slate-700{--tw-bg-opacity:1;background-color:#334155;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.bg-slate-700\/50{background-color:#33415580}.bg-slate-800{--tw-bg-opacity:1;background-color:#1e293b;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.bg-slate-800\/50{background-color:#1e293b80}.bg-slate-800\/60{background-color:#1e293b99}.bg-slate-800\/80{background-color:#1e293bcc}.bg-slate-800\/90{background-color:#1e293be6}.bg-slate-900\/50{background-color:#0f172a80}.bg-slate-900\/60{background-color:#0f172a99}.bg-slate-900\/80{background-color:#0f172acc}.bg-teal-100{--tw-bg-opacity:1;background-color:#ccfbf1;background-color:rgb(204 251 241/var(--tw-bg-opacity,1))}.bg-transparent{background-color:initial}.bg-whatsapp-background{--tw-bg-opacity:1;background-color:#0b141a;background-color:rgb(11 20 26/var(--tw-bg-opacity,1))}.bg-whatsapp-green{--tw-bg-opacity:1;background-color:#25d366;background-color:rgb(37 211 102/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\/10{background-color:#ffffff1a}.bg-yellow-100{--tw-bg-opacity:1;background-color:#fef9c3;background-color:rgb(254 249 195/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-yellow-500\/10{background-color:#eab3081a}.bg-yellow-600{--tw-bg-opacity:1;background-color:#ca8a04;background-color:rgb(202 138 4/var(--tw-bg-opacity,1))}.bg-yellow-900{--tw-bg-opacity:1;background-color:#713f12;background-color:rgb(113 63 18/var(--tw-bg-opacity,1))}.bg-yellow-900\/20{background-color:#713f1233}.bg-opacity-20{--tw-bg-opacity:0.2}.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-\[\#00a884\]{--tw-gradient-from:#00a884 var(--tw-gradient-from-position);--tw-gradient-to:#00a88400 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-\[\#00d9ff\]{--tw-gradient-from:#00d9ff var(--tw-gradient-from-position);--tw-gradient-to:#00d9ff00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-900\/40{--tw-gradient-from:#1e3a8a66 var(--tw-gradient-from-position);--tw-gradient-to:#1e3a8a00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-emerald-600{--tw-gradient-from:#059669 var(--tw-gradient-from-position);--tw-gradient-to:#05966900 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-emerald-600\/20{--tw-gradient-from:#05966933 var(--tw-gradient-from-position);--tw-gradient-to:#05966900 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-indigo-500{--tw-gradient-from:#6366f1 var(--tw-gradient-from-position);--tw-gradient-to:#6366f100 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-indigo-600{--tw-gradient-from:#4f46e5 var(--tw-gradient-from-position);--tw-gradient-to:#4f46e500 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-indigo-600\/20{--tw-gradient-from:#4f46e533 var(--tw-gradient-from-position);--tw-gradient-to:#4f46e500 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-\[\#008f6f\]{--tw-gradient-to:#008f6f var(--tw-gradient-to-position)}.to-\[\#0099ff\]{--tw-gradient-to:#09f var(--tw-gradient-to-position)}.to-cyan-600{--tw-gradient-to:#0891b2 var(--tw-gradient-to-position)}.to-cyan-600\/20{--tw-gradient-to:#0891b233 var(--tw-gradient-to-position)}.to-indigo-900\/40{--tw-gradient-to:#312e8166 var(--tw-gradient-to-position)}.to-purple-600{--tw-gradient-to:#9333ea var(--tw-gradient-to-position)}.to-purple-600\/20{--tw-gradient-to:#9333ea33 var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-cover{object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.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-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.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-10{padding-bottom:2.5rem;padding-top:2.5rem}.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-2\.5{padding-bottom:.625rem;padding-top:.625rem}.py-20{padding-bottom:5rem;padding-top:5rem}.py-24{padding-bottom:6rem;padding-top:6rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-3\.5{padding-bottom:.875rem;padding-top:.875rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-5{padding-bottom:1.25rem;padding-top:1.25rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.py-8{padding-bottom:2rem;padding-top:2rem}.pb-1{padding-bottom:.25rem}.pb-4{padding-bottom:1rem}.pl-1\.5{padding-left:.375rem}.pl-10{padding-left:2.5rem}.pl-3{padding-left:.75rem}.pl-3\.5{padding-left:.875rem}.pl-4{padding-left:1rem}.pl-9{padding-left:2.25rem}.pr-10{padding-right:2.5rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-\[0px\]{padding-top:0}.pt-\[100px\]{padding-top:100px}.pt-\[70px\]{padding-top:70px}.pt-\[max\(1rem\2c env\(safe-area-inset-top\)\)\]{padding-top:max(1rem,env(safe-area-inset-top))}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:Inter,system-ui,sans-serif}.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-6xl{font-size:3.75rem;line-height:1}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.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}.italic{font-style:italic}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-8{line-height:2rem}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.text-\[\#0099ff\]{--tw-text-opacity:1;color:#09f;color:rgb(0 153 255/var(--tw-text-opacity,1))}.text-\[\#00a884\]{--tw-text-opacity:1;color:#00a884;color:rgb(0 168 132/var(--tw-text-opacity,1))}.text-\[\#111b21\]{--tw-text-opacity:1;color:#111b21;color:rgb(17 27 33/var(--tw-text-opacity,1))}.text-\[\#128C7E\]{--tw-text-opacity:1;color:#128c7e;color:rgb(18 140 126/var(--tw-text-opacity,1))}.text-\[\#25d366\]{--tw-text-opacity:1;color:#25d366;color:rgb(37 211 102/var(--tw-text-opacity,1))}.text-\[\#8696a0\]{--tw-text-opacity:1;color:#8696a0;color:rgb(134 150 160/var(--tw-text-opacity,1))}.text-\[\#e9edef\]{--tw-text-opacity:1;color:#e9edef;color:rgb(233 237 239/var(--tw-text-opacity,1))}.text-\[\#ef4444\]{--tw-text-opacity:1;color:#ef4444;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-amber-100{--tw-text-opacity:1;color:#fef3c7;color:rgb(254 243 199/var(--tw-text-opacity,1))}.text-amber-400{--tw-text-opacity:1;color:#fbbf24;color:rgb(251 191 36/var(--tw-text-opacity,1))}.text-amber-500{--tw-text-opacity:1;color:#f59e0b;color:rgb(245 158 11/var(--tw-text-opacity,1))}.text-blue-400{--tw-text-opacity:1;color:#60a5fa;color:rgb(96 165 250/var(--tw-text-opacity,1))}.text-blue-500{--tw-text-opacity:1;color:#3b82f6;color:rgb(59 130 246/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-800{--tw-text-opacity:1;color:#1e40af;color:rgb(30 64 175/var(--tw-text-opacity,1))}.text-emerald-400{--tw-text-opacity:1;color:#34d399;color:rgb(52 211 153/var(--tw-text-opacity,1))}.text-emerald-500{--tw-text-opacity:1;color:#10b981;color:rgb(16 185 129/var(--tw-text-opacity,1))}.text-gray-100{--tw-text-opacity:1;color:#f3f4f6;color:rgb(243 244 246/var(--tw-text-opacity,1))}.text-gray-300{--tw-text-opacity:1;color:#d1d5db;color:rgb(209 213 219/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:#9ca3af;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:#6b7280;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:#4b5563;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:#374151;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:#1f2937;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:#111827;color:rgb(17 24 39/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-indigo-300{--tw-text-opacity:1;color:#a5b4fc;color:rgb(165 180 252/var(--tw-text-opacity,1))}.text-indigo-400{--tw-text-opacity:1;color:#818cf8;color:rgb(129 140 248/var(--tw-text-opacity,1))}.text-orange-400{--tw-text-opacity:1;color:#fb923c;color:rgb(251 146 60/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-orange-800{--tw-text-opacity:1;color:#9a3412;color:rgb(154 52 18/var(--tw-text-opacity,1))}.text-purple-400{--tw-text-opacity:1;color:#c084fc;color:rgb(192 132 252/var(--tw-text-opacity,1))}.text-purple-500{--tw-text-opacity:1;color:#a855f7;color:rgb(168 85 247/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-400{--tw-text-opacity:1;color:#f87171;color:rgb(248 113 113/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-800{--tw-text-opacity:1;color:#991b1b;color:rgb(153 27 27/var(--tw-text-opacity,1))}.text-rose-400{--tw-text-opacity:1;color:#fb7185;color:rgb(251 113 133/var(--tw-text-opacity,1))}.text-rose-500{--tw-text-opacity:1;color:#f43f5e;color:rgb(244 63 94/var(--tw-text-opacity,1))}.text-slate-100{--tw-text-opacity:1;color:#f1f5f9;color:rgb(241 245 249/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-800{--tw-text-opacity:1;color:#1e293b;color:rgb(30 41 59/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-teal-600{--tw-text-opacity:1;color:#0d9488;color:rgb(13 148 136/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-white\/70{color:#ffffffb3}.text-white\/80{color:#fffc}.text-white\/90{color:#ffffffe6}.text-yellow-200{--tw-text-opacity:1;color:#fef08a;color:rgb(254 240 138/var(--tw-text-opacity,1))}.text-yellow-400{--tw-text-opacity:1;color:#facc15;color:rgb(250 204 21/var(--tw-text-opacity,1))}.text-yellow-600{--tw-text-opacity:1;color:#ca8a04;color:rgb(202 138 4/var(--tw-text-opacity,1))}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.line-through{-webkit-text-decoration-line:line-through;text-decoration-line:line-through}.placeholder-\[\#8696a0\]::placeholder{--tw-placeholder-opacity:1;color:#8696a0;color:rgb(134 150 160/var(--tw-placeholder-opacity,1))}.placeholder-\[\#8696a0\]\/50::placeholder{color:#8696a080}.placeholder-amber-500\/40::placeholder{color:#f59e0b66}.placeholder-gray-500::placeholder{--tw-placeholder-opacity:1;color:#6b7280;color:rgb(107 114 128/var(--tw-placeholder-opacity,1))}.placeholder-slate-500::placeholder{--tw-placeholder-opacity:1;color:#64748b;color:rgb(100 116 139/var(--tw-placeholder-opacity,1))}.placeholder-slate-600::placeholder{--tw-placeholder-opacity:1;color:#475569;color:rgb(71 85 105/var(--tw-placeholder-opacity,1))}.accent-indigo-500{accent-color:#6366f1}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-20{opacity:.2}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-2xl{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-2xl{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 #0000000d;--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color)}.shadow-inner,.shadow-lg{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-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-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-md,.shadow-sm{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-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-xl{--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)}.shadow-amber-900\/20{--tw-shadow-color:#78350f33;--tw-shadow:var(--tw-shadow-colored)}.shadow-blue-500\/10{--tw-shadow-color:#3b82f61a;--tw-shadow:var(--tw-shadow-colored)}.shadow-emerald-500\/20{--tw-shadow-color:#10b98133;--tw-shadow:var(--tw-shadow-colored)}.shadow-emerald-500\/30{--tw-shadow-color:#10b9814d;--tw-shadow:var(--tw-shadow-colored)}.shadow-indigo-500\/20{--tw-shadow-color:#6366f133;--tw-shadow:var(--tw-shadow-colored)}.shadow-indigo-500\/30{--tw-shadow-color:#6366f14d;--tw-shadow:var(--tw-shadow-colored)}.shadow-indigo-900\/20{--tw-shadow-color:#312e8133;--tw-shadow:var(--tw-shadow-colored)}.outline-none{outline:2px solid #0000;outline-offset:2px}.outline{outline-style:solid}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-1,.ring-2{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)}.ring-2{--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)}.ring-inset{--tw-ring-inset:inset}.ring-\[\#25d366\]{--tw-ring-opacity:1;--tw-ring-color:rgb(37 211 102/var(--tw-ring-opacity,1))}.ring-black{--tw-ring-opacity:1;--tw-ring-color:rgb(0 0 0/var(--tw-ring-opacity,1))}.ring-blue-500{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.ring-gray-500\/20{--tw-ring-color:#6b728033}.ring-gray-600{--tw-ring-opacity:1;--tw-ring-color:rgb(75 85 99/var(--tw-ring-opacity,1))}.ring-green-500\/20{--tw-ring-color:#22c55e33}.ring-indigo-500\/20{--tw-ring-color:#6366f133}.ring-red-500\/20{--tw-ring-color:#ef444433}.ring-white\/10{--tw-ring-color:#ffffff1a}.ring-yellow-500\/20{--tw-ring-color:#eab30833}.ring-opacity-5{--tw-ring-opacity:0.05}.ring-offset-2{--tw-ring-offset-width:2px}.ring-offset-\[\#111b21\]{--tw-ring-offset-color:#111b21}.blur{--tw-blur:blur(8px)}.blur,.blur-3xl{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-3xl{--tw-blur:blur(64px)}.blur-sm{--tw-blur:blur(4px)}.blur-sm,.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-\[1px\]{-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-\[1px\]{--tw-backdrop-blur:blur(1px)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px)}.backdrop-blur-md,.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)}.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-1000{transition-duration:1s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-linear{transition-timing-function:linear}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{--color-primary:#1f93ff;--brand-color:#25d366;--primary-50:#eff6ff;--primary-100:#dbeafe;--primary-500:#3b82f6;--primary-600:#2563eb;--primary-700:#1d4ed8;--gray-25:#fcfcfc;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--success:#10b981;--info:#3b82f6;--bg-dark-main:#151718;--bg-dark-sec:#1c1e20;--bg-dark-ter:#2b2d30;--border-dark:#353739;--text-main:#f9fafb;--text-sec:#9ca3af;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--sidebar-width:280px;--info-sidebar-width:300px}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#fff3}.glass-effect{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:var(--glass-bg);border-bottom:1px solid var(--glass-border)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.file\:mr-4::-webkit-file-upload-button{margin-right:1rem}.file\:mr-4::file-selector-button{margin-right:1rem}.file\:rounded::-webkit-file-upload-button{border-radius:.25rem}.file\:rounded::file-selector-button{border-radius:.25rem}.file\:border-0::-webkit-file-upload-button{border-width:0}.file\:border-0::file-selector-button{border-width:0}.file\:bg-blue-600::-webkit-file-upload-button{--tw-bg-opacity:1;background-color:#2563eb;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.file\:bg-blue-600::file-selector-button{--tw-bg-opacity:1;background-color:#2563eb;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.file\:px-4::-webkit-file-upload-button{padding-left:1rem;padding-right:1rem}.file\:px-4::file-selector-button{padding-left:1rem;padding-right:1rem}.file\:py-2::-webkit-file-upload-button{padding-bottom:.5rem;padding-top:.5rem}.file\:py-2::file-selector-button{padding-bottom:.5rem;padding-top:.5rem}.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-semibold::-webkit-file-upload-button{font-weight:600}.file\:font-semibold::file-selector-button{font-weight:600}.file\:text-white::-webkit-file-upload-button{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.file\:text-white::file-selector-button{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.checked\:border-\[\#00a884\]:checked{--tw-border-opacity:1;border-color:#00a884;border-color:rgb(0 168 132/var(--tw-border-opacity,1))}.checked\:bg-\[\#00a884\]:checked{--tw-bg-opacity:1;background-color:#00a884;background-color:rgb(0 168 132/var(--tw-bg-opacity,1))}.hover\:-translate-y-0\.5:hover{--tw-translate-y:-0.125rem}.hover\:-translate-y-0\.5:hover,.hover\:scale-105:hover{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))}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}.hover\:scale-110:hover{--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))}.hover\:border-\[\#2a3942\]:hover{--tw-border-opacity:1;border-color:#2a3942;border-color:rgb(42 57 66/var(--tw-border-opacity,1))}.hover\:border-\[\#8696a0\]\/30:hover{border-color:#8696a04d}.hover\:border-gray-400:hover{--tw-border-opacity:1;border-color:#9ca3af;border-color:rgb(156 163 175/var(--tw-border-opacity,1))}.hover\:border-indigo-500\/50:hover{border-color:#6366f180}.hover\:border-slate-600:hover{--tw-border-opacity:1;border-color:#475569;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.hover\:border-slate-700:hover{--tw-border-opacity:1;border-color:#334155;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.hover\:border-white\/10:hover{border-color:#ffffff1a}.hover\:bg-\[\#008f6f\]:hover{--tw-bg-opacity:1;background-color:#008f6f;background-color:rgb(0 143 111/var(--tw-bg-opacity,1))}.hover\:bg-\[\#0099ff\]\/30:hover{background-color:#0099ff4d}.hover\:bg-\[\#0e7a6d\]:hover{--tw-bg-opacity:1;background-color:#0e7a6d;background-color:rgb(14 122 109/var(--tw-bg-opacity,1))}.hover\:bg-\[\#128C7E\]:hover{--tw-bg-opacity:1;background-color:#128c7e;background-color:rgb(18 140 126/var(--tw-bg-opacity,1))}.hover\:bg-\[\#1f2933\]:hover{--tw-bg-opacity:1;background-color:#1f2933;background-color:rgb(31 41 51/var(--tw-bg-opacity,1))}.hover\:bg-\[\#202c33\]:hover{--tw-bg-opacity:1;background-color:#202c33;background-color:rgb(32 44 51/var(--tw-bg-opacity,1))}.hover\:bg-\[\#20ba5a\]:hover{--tw-bg-opacity:1;background-color:#20ba5a;background-color:rgb(32 186 90/var(--tw-bg-opacity,1))}.hover\:bg-\[\#2a3942\]:hover{--tw-bg-opacity:1;background-color:#2a3942;background-color:rgb(42 57 66/var(--tw-bg-opacity,1))}.hover\:bg-\[\#2a3942\]\/50:hover{background-color:#2a394280}.hover\:bg-\[\#313d45\]:hover{--tw-bg-opacity:1;background-color:#313d45;background-color:rgb(49 61 69/var(--tw-bg-opacity,1))}.hover\:bg-amber-500:hover{--tw-bg-opacity:1;background-color:#f59e0b;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.hover\:bg-amber-500\/5:hover{background-color:#f59e0b0d}.hover\:bg-black\/80:hover{background-color:#000c}.hover\:bg-blue-500:hover{--tw-bg-opacity:1;background-color:#3b82f6;background-color:rgb(59 130 246/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-emerald-500\/20:hover{background-color:#10b98133}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:#f3f4f6;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:#e5e7eb;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:#f9fafb;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:bg-gray-600:hover{--tw-bg-opacity:1;background-color:#4b5563;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.hover\:bg-gray-700:hover{--tw-bg-opacity:1;background-color:#374151;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.hover\:bg-gray-700\/30:hover{background-color:#3741514d}.hover\:bg-gray-700\/50:hover{background-color:#37415180}.hover\:bg-gray-800\/60:hover{background-color:#1f293799}.hover\:bg-green-500:hover{--tw-bg-opacity:1;background-color:#22c55e;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.hover\:bg-indigo-500:hover{--tw-bg-opacity:1;background-color:#6366f1;background-color:rgb(99 102 241/var(--tw-bg-opacity,1))}.hover\:bg-indigo-600:hover{--tw-bg-opacity:1;background-color:#4f46e5;background-color:rgb(79 70 229/var(--tw-bg-opacity,1))}.hover\:bg-red-50:hover{--tw-bg-opacity:1;background-color:#fef2f2;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.hover\:bg-red-500:hover{--tw-bg-opacity:1;background-color:#ef4444;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.hover\:bg-red-500\/10:hover{background-color:#ef44441a}.hover\:bg-red-600:hover{--tw-bg-opacity:1;background-color:#dc2626;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.hover\:bg-rose-500\/10:hover{background-color:#f43f5e1a}.hover\:bg-rose-500\/20:hover{background-color:#f43f5e33}.hover\:bg-slate-700:hover{--tw-bg-opacity:1;background-color:#334155;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.hover\:bg-slate-700\/50:hover{background-color:#33415580}.hover\:bg-slate-700\/70:hover{background-color:#334155b3}.hover\:bg-slate-800:hover{--tw-bg-opacity:1;background-color:#1e293b;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.hover\:bg-slate-800\/30:hover{background-color:#1e293b4d}.hover\:bg-slate-800\/40:hover{background-color:#1e293b66}.hover\:bg-slate-800\/50:hover{background-color:#1e293b80}.hover\:bg-slate-800\/80:hover{background-color:#1e293bcc}.hover\:bg-whatsapp-dark-green:hover{--tw-bg-opacity:1;background-color:#128c7e;background-color:rgb(18 140 126/var(--tw-bg-opacity,1))}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:bg-white\/20:hover{background-color:#fff3}.hover\:bg-yellow-500:hover{--tw-bg-opacity:1;background-color:#eab308;background-color:rgb(234 179 8/var(--tw-bg-opacity,1))}.hover\:text-\[\#0099ff\]:hover{--tw-text-opacity:1;color:#09f;color:rgb(0 153 255/var(--tw-text-opacity,1))}.hover\:text-\[\#00d9ff\]:hover{--tw-text-opacity:1;color:#00d9ff;color:rgb(0 217 255/var(--tw-text-opacity,1))}.hover\:text-\[\#25d366\]:hover{--tw-text-opacity:1;color:#25d366;color:rgb(37 211 102/var(--tw-text-opacity,1))}.hover\:text-\[\#dc2626\]:hover{--tw-text-opacity:1;color:#dc2626;color:rgb(220 38 38/var(--tw-text-opacity,1))}.hover\:text-\[\#e9edef\]:hover{--tw-text-opacity:1;color:#e9edef;color:rgb(233 237 239/var(--tw-text-opacity,1))}.hover\:text-amber-400\/70:hover{color:#fbbf24b3}.hover\:text-blue-500:hover{--tw-text-opacity:1;color:#3b82f6;color:rgb(59 130 246/var(--tw-text-opacity,1))}.hover\:text-blue-600:hover{--tw-text-opacity:1;color:#2563eb;color:rgb(37 99 235/var(--tw-text-opacity,1))}.hover\:text-blue-800:hover{--tw-text-opacity:1;color:#1e40af;color:rgb(30 64 175/var(--tw-text-opacity,1))}.hover\:text-gray-200:hover{--tw-text-opacity:1;color:#e5e7eb;color:rgb(229 231 235/var(--tw-text-opacity,1))}.hover\:text-gray-600:hover{--tw-text-opacity:1;color:#4b5563;color:rgb(75 85 99/var(--tw-text-opacity,1))}.hover\:text-gray-900:hover{--tw-text-opacity:1;color:#111827;color:rgb(17 24 39/var(--tw-text-opacity,1))}.hover\:text-indigo-300:hover{--tw-text-opacity:1;color:#a5b4fc;color:rgb(165 180 252/var(--tw-text-opacity,1))}.hover\:text-indigo-400:hover{--tw-text-opacity:1;color:#818cf8;color:rgb(129 140 248/var(--tw-text-opacity,1))}.hover\:text-red-400:hover{--tw-text-opacity:1;color:#f87171;color:rgb(248 113 113/var(--tw-text-opacity,1))}.hover\:text-red-500:hover{--tw-text-opacity:1;color:#ef4444;color:rgb(239 68 68/var(--tw-text-opacity,1))}.hover\:text-rose-400:hover{--tw-text-opacity:1;color:#fb7185;color:rgb(251 113 133/var(--tw-text-opacity,1))}.hover\:text-slate-100:hover{--tw-text-opacity:1;color:#f1f5f9;color:rgb(241 245 249/var(--tw-text-opacity,1))}.hover\:text-slate-200:hover{--tw-text-opacity:1;color:#e2e8f0;color:rgb(226 232 240/var(--tw-text-opacity,1))}.hover\:text-slate-300:hover{--tw-text-opacity:1;color:#cbd5e1;color:rgb(203 213 225/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-70:hover{opacity:.7}.hover\:opacity-90:hover{opacity:.9}.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);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-\[\#00a884\]\/20:hover{--tw-shadow-color:#00a88433;--tw-shadow:var(--tw-shadow-colored)}.hover\:shadow-indigo-500\/10:hover{--tw-shadow-color:#6366f11a;--tw-shadow:var(--tw-shadow-colored)}.hover\:shadow-indigo-500\/20:hover{--tw-shadow-color:#6366f133;--tw-shadow:var(--tw-shadow-colored)}.hover\:file\:bg-blue-700::-webkit-file-upload-button:hover{--tw-bg-opacity:1;background-color:#1d4ed8;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\:file\:bg-blue-700::file-selector-button:hover{--tw-bg-opacity:1;background-color:#1d4ed8;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.focus\:border-\[\#0099ff\]:focus{--tw-border-opacity:1;border-color:#09f;border-color:rgb(0 153 255/var(--tw-border-opacity,1))}.focus\:border-\[\#00a884\]:focus{--tw-border-opacity:1;border-color:#00a884;border-color:rgb(0 168 132/var(--tw-border-opacity,1))}.focus\:border-\[\#25d366\]:focus{--tw-border-opacity:1;border-color:#25d366;border-color:rgb(37 211 102/var(--tw-border-opacity,1))}.focus\:border-\[\#25d366\]\/50:focus{border-color:#25d36680}.focus\:border-blue-500:focus{--tw-border-opacity:1;border-color:#3b82f6;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.focus\:border-indigo-500\/50:focus{border-color:#6366f180}.focus\:border-transparent:focus{border-color:#0000}.focus\:bg-\[\#2a3942\]:focus{--tw-bg-opacity:1;background-color:#2a3942;background-color:rgb(42 57 66/var(--tw-bg-opacity,1))}.focus\:text-\[\#e9edef\]:focus{--tw-text-opacity:1;color:#e9edef;color:rgb(233 237 239/var(--tw-text-opacity,1))}.focus\:opacity-100:focus{opacity:1}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring-1: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(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-1:focus,.focus\:ring-2:focus{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-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)}.focus\:ring-\[\#0099ff\]:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(0 153 255/var(--tw-ring-opacity,1))}.focus\:ring-\[\#00a884\]:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(0 168 132/var(--tw-ring-opacity,1))}.focus\:ring-\[\#25d366\]:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(37 211 102/var(--tw-ring-opacity,1))}.focus\:ring-\[\#25d366\]\/50:focus{--tw-ring-color:#25d36680}.focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.focus\:ring-indigo-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(99 102 241/var(--tw-ring-opacity,1))}.focus\:ring-indigo-500\/50:focus{--tw-ring-color:#6366f180}.focus\:ring-whatsapp-green:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(37 211 102/var(--tw-ring-opacity,1))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus-visible\:outline:focus-visible{outline-style:solid}.focus-visible\:outline-2:focus-visible{outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-blue-600:focus-visible{outline-color:#2563eb}.focus-visible\:ring-blue-500:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.focus-visible\:ring-green-500:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(34 197 94/var(--tw-ring-opacity,1))}.focus-visible\:ring-red-500:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(239 68 68/var(--tw-ring-opacity,1))}.focus-visible\:ring-yellow-500:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(234 179 8/var(--tw-ring-opacity,1))}.active\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95;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))}.active\:bg-\[\#202c33\]:active{--tw-bg-opacity:1;background-color:#202c33;background-color:rgb(32 44 51/var(--tw-bg-opacity,1))}.active\:bg-\[\#2a3942\]:active{--tw-bg-opacity:1;background-color:#2a3942;background-color:rgb(42 57 66/var(--tw-bg-opacity,1))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:focus-within .group-focus-within\:text-\[\#25d366\]{--tw-text-opacity:1;color:#25d366;color:rgb(37 211 102/var(--tw-text-opacity,1))}.group\/btn:hover .group-hover\/btn\:translate-x-0\.5{--tw-translate-x:0.125rem}.group:hover .group-hover\:translate-x-1,.group\/btn:hover .group-hover\/btn\:translate-x-0\.5{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))}.group:hover .group-hover\:translate-x-1{--tw-translate-x:0.25rem}.group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05;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))}.group:hover .group-hover\:text-\[\#aebac1\]{--tw-text-opacity:1;color:#aebac1;color:rgb(174 186 193/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-slate-300{--tw-text-opacity:1;color:#cbd5e1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-slate-400{--tw-text-opacity:1;color:#94a3b8;color:rgb(148 163 184/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-white{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.group:hover .group-hover\:opacity-100,.group\/phone:hover .group-hover\/phone\:opacity-100,.peer:checked~.peer-checked\:opacity-100{opacity:1}.dark\:border-slate-700:is(.dark *){--tw-border-opacity:1;border-color:#334155;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.dark\:bg-slate-800:is(.dark *){--tw-bg-opacity:1;background-color:#1e293b;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.dark\:bg-slate-900:is(.dark *){--tw-bg-opacity:1;background-color:#0f172a;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}.dark\:text-gray-300:is(.dark *){--tw-text-opacity:1;color:#d1d5db;color:rgb(209 213 219/var(--tw-text-opacity,1))}.dark\:text-slate-100:is(.dark *){--tw-text-opacity:1;color:#f1f5f9;color:rgb(241 245 249/var(--tw-text-opacity,1))}.dark\:text-slate-400:is(.dark *){--tw-text-opacity:1;color:#94a3b8;color:rgb(148 163 184/var(--tw-text-opacity,1))}.dark\:text-white:is(.dark *){--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:hover\:bg-gray-800:hover:is(.dark *){--tw-bg-opacity:1;background-color:#1f2937;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.dark\:hover\:text-gray-100:hover:is(.dark *){--tw-text-opacity:1;color:#f3f4f6;color:rgb(243 244 246/var(--tw-text-opacity,1))}@media (min-width:640px){.sm\:-mx-6{margin-left:-1.5rem;margin-right:-1.5rem}.sm\:mx-0{margin-left:0;margin-right:0}.sm\:my-8{margin-bottom:2rem;margin-top:2rem}.sm\:ml-3{margin-left:.75rem}.sm\:ml-4{margin-left:1rem}.sm\:mt-0{margin-top:0}.sm\:mt-20{margin-top:5rem}.sm\:inline{display:inline}.sm\:flex{display:flex}.sm\:h-10{height:2.5rem}.sm\:w-10{width:2.5rem}.sm\:w-\[360px\]{width:360px}.sm\:w-auto{width:auto}.sm\:w-full{width:100%}.sm\:max-w-lg{max-width:32rem}.sm\:flex-auto{flex:1 1 auto}.sm\:translate-y-0{--tw-translate-y:0px}.sm\:scale-100,.sm\:translate-y-0{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))}.sm\:scale-100{--tw-scale-x:1;--tw-scale-y:1}.sm\:scale-95{--tw-scale-x:.95;--tw-scale-y:.95;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))}.sm\:flex-row-reverse{flex-direction:row-reverse}.sm\:items-start{align-items:flex-start}.sm\:items-center{align-items:center}.sm\:rounded-lg{border-radius:.5rem}.sm\:p-0{padding:0}.sm\:p-6{padding:1.5rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-32{padding-bottom:8rem;padding-top:8rem}.sm\:pb-4{padding-bottom:1rem}.sm\:pl-6{padding-left:1.5rem}.sm\:text-left{text-align:left}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width:768px){.md\:static{position:static}.md\:absolute{position:absolute}.md\:bottom-0{bottom:0}.md\:right-0{right:0}.md\:top-0{top:0}.md\:z-auto{z-index:auto}.md\:flex{display:flex}.md\:inline-flex{display:inline-flex}.md\:hidden{display:none}.md\:h-10{height:2.5rem}.md\:h-5{height:1.25rem}.md\:w-10{width:2.5rem}.md\:w-5{width:1.25rem}.md\:w-80{width:20rem}.md\:w-96{width:24rem}.md\:w-\[30\%\]{width:30%}.md\:w-\[380px\]{width:380px}.md\:max-w-xs{max-width:20rem}.md\:translate-x-0{--tw-translate-x:0px;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))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:gap-1{gap:.25rem}.md\:gap-2{gap:.5rem}.md\:gap-3{gap:.75rem}.md\:border-l{border-left-width:1px}.md\:border-slate-800{--tw-border-opacity:1;border-color:#1e293b;border-color:rgb(30 41 59/var(--tw-border-opacity,1))}.md\:bg-black\/20{background-color:#0003}.md\:bg-transparent{background-color:initial}.md\:px-4{padding-left:1rem;padding-right:1rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\: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)}.md\:shadow-lg,.md\:shadow-none{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)}.md\:shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}}@media (min-width:1024px){.lg\:-mx-8{margin-left:-2rem;margin-right:-2rem}.lg\:mx-0{margin-left:0;margin-right:0}.lg\:hidden{display:none}.lg\:w-\[450px\]{width:450px}.lg\:max-w-none{max-width:none}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:gap-x-8{column-gap:2rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}}.auth-container{align-items:center;background:linear-gradient(135deg,#25d366,#20ba5a);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;max-width:400px;padding:40px;width:100%}.auth-header{margin-bottom:30px;text-align:center}.auth-header h1{color:#25d366;font-size:32px;font-weight:700;margin-bottom:8px}.auth-header p{color:#666;font-size:14px}.auth-form,.error-message{margin-bottom:20px}.error-message{background:#fee;border-radius:6px;color:#c33;font-size:14px;padding:12px}.success-message{background:#efe;color:#3c3;padding:12px}.auth-footer{border-top:1px solid #eee;padding-top:20px;text-align:center}.auth-footer p{color:#666;font-size:14px}.auth-footer a{color:#25d366;font-weight:500;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.agent-dashboard-wrapper{background:#f9fafb;display:flex;flex-direction:column;min-height:100vh}.agent-header-bar{background:linear-gradient(135deg,#25d366,#128c7e);box-shadow:0 2px 8px #0000001a;color:#fff;padding:16px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.agent-header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px}.agent-title{color:#fff;font-size:24px;font-weight:700;margin:0 0 4px}.agent-subtitle{color:#ffffffe6;font-size:14px;margin:0}.agent-logout-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s}.agent-logout-btn:hover{background:#ffffff4d}.agent-dashboard-content{margin:0 auto;max-width:1400px;padding:24px;width:100%}.agent-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.agent-stat-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:16px;padding:20px;transition:all .2s}.agent-stat-card:hover{border-color:#25d366;box-shadow:0 4px 12px #0000000d}.agent-stat-card.active{background:#fffbeb;border-color:#f59e0b}.agent-stat-card.resolved{background:#f0fdf4;border-color:#10b981}.agent-stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.agent-stat-icon.chats{background:#dbeafe;color:#1e40af}.agent-stat-icon.active{background:#fef3c7;color:#d97706}.agent-stat-icon.resolved{background:#d1fae5;color:#065f46}.agent-stat-icon.performance{background:#e9d5ff;color:#6b21a8}.agent-stat-icon svg{height:28px;width:28px}.agent-stat-content{flex:1 1;min-width:0}.agent-stat-value{color:#111827;font-size:28px;font-weight:700;line-height:1;margin-bottom:4px}.agent-stat-label{color:#6b7280;font-size:14px;font-weight:500}.agent-availability-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;padding:20px}.agent-availability-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.agent-availability-header h3{color:#111827;font-size:18px;font-weight:600;margin:0}.agent-availability-edit-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:6px 12px;transition:all .2s}.agent-availability-edit-btn:hover{background:#2563eb}.agent-availability-status{align-items:center;display:flex;gap:16px}.agent-status-indicator{align-items:center;border-radius:50%;color:#fff;display:flex;height:48px;justify-content:center;width:48px}.agent-status-indicator svg{height:28px;width:28px}.agent-availability-info{flex:1 1}.agent-status-label{color:#111827;font-size:16px;font-weight:600;margin-bottom:4px}.agent-status-message{color:#6b7280;font-size:14px;margin-bottom:4px}.agent-max-chats{color:#9ca3af;font-size:12px}.agent-quick-actions{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.agent-quick-action-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;color:#111827;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:16px 20px;transition:all .2s;width:100%}.agent-quick-action-btn:hover{background:#f0fdf4;border-color:#25d366;box-shadow:0 4px 12px #0000000d}.agent-quick-action-btn svg{color:#25d366;height:20px;width:20px}.agent-quick-action-btn svg:last-child{color:#9ca3af;margin-left:auto;transition:transform .2s}.agent-quick-action-btn:hover svg:last-child{color:#25d366;transform:translateX(4px)}.agent-activity-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;padding:20px}.agent-activity-header{margin-bottom:16px}.agent-activity-header h3{color:#111827;font-size:18px;font-weight:600;margin:0}.agent-activity-list{display:flex;flex-direction:column;gap:12px}.agent-activity-item{align-items:center;border-radius:8px;display:flex;gap:12px;padding:12px;transition:all .2s}.agent-activity-item:hover{background:#f9fafb}.agent-activity-avatar{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.agent-activity-info{flex:1 1;min-width:0}.agent-activity-name{color:#111827;font-size:14px;font-weight:500;margin-bottom:4px}.agent-activity-time{color:#6b7280;font-size:12px}.agent-activity-status{flex-shrink:0}.unread-dot{background:#25d366;border-radius:50%;display:block;height:10px;width:10px}.read-icon{color:#9ca3af;height:18px;width:18px}.agent-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.agent-modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.agent-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.agent-modal-header h2{color:#111827;font-size:20px;margin:0}.agent-modal-close{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:4px}.agent-modal-close svg{height:24px;width:24px}.agent-modal-close:hover{color:#111827}.agent-modal-body{padding:24px}.agent-modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.form-input,.form-select{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px;width:100%}.form-input:focus,.form-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.agent-btn-primary{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.agent-btn-primary:hover{background:#2563eb}.agent-btn-secondary{background:#e5e7eb;border:none;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.agent-btn-secondary:hover{background:#d1d5db}@media (max-width:768px){.agent-stats-grid{grid-template-columns:repeat(2,1fr)}.agent-dashboard-content{padding:16px}}:root{--whatsapp-green:#22c55e;--whatsapp-dark-green:#16a34a;--whatsapp-bg:#0b141a;--whatsapp-white:#111b21;--whatsapp-header:#111b21;--whatsapp-header-dark:#0b141a;--whatsapp-text-primary:#e9edef;--whatsapp-text-secondary:#8696a0;--whatsapp-text-meta:#667781;--whatsapp-border:#2a3942;--whatsapp-hover:#202c33;--whatsapp-outgoing:#005c4b;--whatsapp-incoming:#202c33;--whatsapp-shadow:#0003;--whatsapp-shadow-hover:#0000004d;--bg-primary:#0b141a;--bg-surface:#111b21;--bg-glass:#111b21cc;--accent:#25d366;--accent-gradient:linear-gradient(135deg,#25d366,#20ba5a);--success:#25d366;--warning:#f59e0b;--danger:#ef4444;--unread-glow:#25d36633;--online-indicator:#25d366;--text-primary:#e9edef;--text-secondary:#8696a0;--text-meta:#667781}.chats-view-container,.chats-view-wrapper{height:100%;overflow:hidden;width:100%}.chats-view-container{background:#0b141a;background:var(--whatsapp-bg);display:flex;flex-direction:row}.chats-view-inner{display:flex;flex:1 1;flex-direction:row;min-height:0;overflow:hidden}.preview-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.preview-modal{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.preview-header{align-items:center;border-bottom:1px solid #e9edef;display:flex;justify-content:space-between;padding:16px 20px}.preview-header h3{color:#111b21;font-size:18px;font-weight:600;margin:0}.preview-close{align-items:center;background:none;border:none;border-radius:50%;color:#667781;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.preview-close:hover{background:#f0f2f5;color:#111b21}.preview-content{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:20px}.preview-image{object-fit:contain}.preview-image,.preview-video{border-radius:8px;max-height:400px;max-width:100%}.preview-audio,.preview-document{align-items:center;display:flex;flex-direction:column;gap:12px;padding:40px;text-align:center}.preview-audio .icon,.preview-document .icon{color:#667781}.preview-audio p,.preview-document p{color:#111b21;font-weight:500;margin:0}.file-size{color:#667781;font-size:14px;font-weight:400}.preview-caption{border:1px solid #e9edef;border-radius:8px;font-size:14px;margin-top:8px;outline:none;padding:12px;width:100%}.preview-caption:focus{border-color:#25d366}.preview-actions{border-top:1px solid #e9edef;display:flex;gap:12px;padding:16px 20px}.btn-cancel,.btn-send-preview{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:15px;font-weight:500;padding:12px 24px;transition:all .2s}.btn-cancel{background:#f0f2f5;color:#111b21}.btn-cancel:hover:not(:disabled){background:#e9edef}.btn-send-preview{background:#25d366;color:#fff}.btn-send-preview:hover:not(:disabled){background:#20ba5a}.btn-cancel:disabled,.btn-send-preview:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.preview-modal{border-radius:0;max-height:100vh;max-width:100%}}*{box-sizing:border-box}.chats-view{background:#0b141a;background:var(--whatsapp-bg);display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;width:100%}.instance-selector{align-items:center;background:#111b21;background:var(--whatsapp-header);box-shadow:0 2px 4px #0003;box-shadow:0 2px 4px var(--whatsapp-shadow);display:flex;gap:12px;padding:12px 20px;z-index:10}.instance-select,.instance-selector{color:#111b21;color:var(--whatsapp-white)}.instance-select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;outline:none;padding:10px 16px;transition:all .3s ease}.instance-select:hover{background:#ffffff26;border-color:#ffffff4d}.instance-select:focus{background:#fff3;border-color:#111b21;border-color:var(--whatsapp-white);box-shadow:0 0 0 3px #fff3}.instance-select option{background:#0b141a;background:var(--whatsapp-header-dark);color:#111b21;color:var(--whatsapp-white)}.chats-container{background:#0b141a;background:var(--whatsapp-bg);display:flex;flex:1 1;overflow:hidden;position:relative}.chats-sidebar{background:#111b21;background:var(--whatsapp-white);border-right:1px solid #2a3942;border-right:1px solid var(--whatsapp-border);display:flex;flex-direction:column;overflow:hidden;transition:transform .3s ease;width:420px}.chats-sidebar.active{transform:translateX(0)}.sidebar-header{background:#111b21;background:var(--whatsapp-header);box-shadow:0 2px 4px #0003;box-shadow:0 2px 4px var(--whatsapp-shadow);color:#111b21;color:var(--whatsapp-white);gap:12px;padding:12px 16px;z-index:5}.sidebar-header h2{flex:1 1;font-size:20px;font-weight:500;margin:0}.btn-contacts,.btn-groups,.btn-sync{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#111b21;color:var(--whatsapp-white);cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 14px;transition:all .2s ease}.btn-contacts:hover,.btn-groups:hover,.btn-sync:hover:not(:disabled){background:#ffffff4d;transform:translateY(-1px)}.btn-contacts .icon,.btn-groups .icon,.btn-sync .icon{height:16px;width:16px}.btn-sync:disabled{cursor:not-allowed;opacity:.5}.search-box{background:#111b21;background:var(--whatsapp-header);padding:8px 16px}.search-box-wrapper{background:#111b21;background:var(--whatsapp-white);border-radius:24px;overflow:hidden;position:relative;transition:all .3s ease}.search-box-wrapper:focus-within{box-shadow:0 0 0 2px #25d3664d}.search-icon{color:#8696a0;color:var(--whatsapp-text-secondary);pointer-events:none;z-index:1}.search-input{color:#e9edef;color:var(--whatsapp-text-primary);padding:10px 16px 10px 48px}.search-input::placeholder{color:#667781;color:var(--whatsapp-text-meta)}.chats-list{background:#111b21;background:var(--whatsapp-white);flex:1 1;overflow-y:auto;scrollbar-color:#2a3942 #0000;scrollbar-color:var(--whatsapp-border) #0000;scrollbar-width:thin}.chats-list::-webkit-scrollbar{width:6px}.chats-list::-webkit-scrollbar-track{background:#0000}.chats-list::-webkit-scrollbar-thumb{background:#2a3942;background:var(--whatsapp-border);border-radius:3px}.chats-list::-webkit-scrollbar-thumb:hover{background:#8696a0;background:var(--whatsapp-text-secondary)}.chat-item{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-bottom:1px solid #2a3942;border-bottom:1px solid var(--whatsapp-border);transform:translateZ(0);transition:background-color .15s ease,transform .15s ease;will-change:background-color,transform}.chat-item,.chat-item-card{align-items:center;cursor:pointer;display:flex;overflow:hidden;padding:12px 16px;position:relative}.chat-item-card{transition:all .2s ease;will-change:transform,background-color,box-shadow}.chat-item-active{background:#2a394299!important;border-left:4px solid #25d366!important}.sidebar-search-input{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#202c3399;border:1px solid #ffffff1a;border-radius:16px;color:#e9edef;font-size:15px;outline:none;padding:10px 16px;transition:all .2s ease;width:100%}.sidebar-search-input::placeholder{color:#8696a0}.sidebar-search-input:focus{border-color:#25d36680;box-shadow:0 0 0 3px #25d36633}.filter-pill{border:none;border-radius:20px;cursor:pointer;font-size:12px;font-weight:500;padding:8px 16px;transition:all .2s ease}.filter-pill:hover{transform:scale(1.05)}.unread-badge-premium{align-items:center;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;background:#25d366;border-radius:10px;box-shadow:0 2px 8px #0003;color:#fff;display:flex;font-size:11px;font-weight:600;height:20px;justify-content:center;min-width:20px;padding:0 6px}.chat-details-sidebar{background:#111b21;color:#e9edef}.accordion-section{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#202c3366;border:1px solid #ffffff0d;border-radius:12px;padding:12px;transition:all .2s ease}.accordion-section:hover{background:#202c3399;border-color:#ffffff1a}.document-card-premium{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#2a394299;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:12px;padding:16px;transition:all .2s ease}.document-card-premium:hover{background:#313d45cc;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.skeleton-loader{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#2a394266,#313d4599 50%,#2a394266);background-size:200% 100%;border-radius:8px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.chat-item:before{background:#22c55e;background:var(--whatsapp-green);bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .2s ease;width:3px}.chat-item.active,.chat-item:hover{background:#202c33;background:var(--whatsapp-hover)}.chat-item.active:before{transform:scaleY(1)}.chat-item.unread{background:#202c33;background:var(--whatsapp-hover);font-weight:500}.chat-avatar{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);background:linear-gradient(135deg,var(--whatsapp-green),var(--whatsapp-dark-green));border-radius:50%;box-shadow:0 2px 8px #0003;box-shadow:0 2px 8px var(--whatsapp-shadow);color:#111b21;color:var(--whatsapp-white);display:flex;flex-shrink:0;font-size:20px;font-weight:600;height:56px;justify-content:center;margin-right:12px;position:relative;width:56px}.chat-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.chat-avatar.online:after{background:#22c55e;background:var(--whatsapp-green);border:2px solid #111b21;border:2px solid var(--whatsapp-white);border-radius:50%;bottom:2px;content:"";height:14px;position:absolute;right:2px;width:14px}.chat-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.chat-header-row{align-items:center;display:flex;gap:8px;justify-content:space-between}.chat-name{color:#e9edef;color:var(--whatsapp-text-primary);font-size:16px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-time{color:#667781;color:var(--whatsapp-text-meta);flex-shrink:0;font-size:12px;white-space:nowrap}.chat-preview{align-items:center;color:#8696a0;color:var(--whatsapp-text-secondary);display:flex;font-size:14px;gap:6px}.chat-preview-text{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-status{align-items:center;display:flex;flex-shrink:0;gap:4px}.chat-unread-badge{background:#22c55e;background:var(--whatsapp-green);border-radius:10px;color:#111b21;color:var(--whatsapp-white);font-size:12px;font-weight:600;min-width:20px;padding:2px 6px;text-align:center}.chat-pinned{color:#22c55e;color:var(--whatsapp-green);flex-shrink:0}.chat-muted{color:#667781;color:var(--whatsapp-text-meta);flex-shrink:0}.chat-detail-panel{background:#0b141a;background:var(--whatsapp-bg);display:flex;flex:1 1;flex-direction:column;overflow:hidden;position:relative}.chat-detail-panel.active{display:flex}.chat-header-bar{align-items:center;background:#111b21;background:var(--whatsapp-header);box-shadow:0 2px 4px #0003;box-shadow:0 2px 4px var(--whatsapp-shadow);display:flex;gap:12px;padding:12px 16px;z-index:5}.btn-back-mobile,.chat-header-bar{color:#111b21;color:var(--whatsapp-white)}.btn-back-mobile{background:none;border:none;border-radius:50%;cursor:pointer;display:none;padding:8px;transition:background .2s ease}.btn-back-mobile:hover{background:#ffffff1a}.btn-back-mobile .icon{height:24px;width:24px}.chat-header-info{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.chat-header-avatar{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);background:linear-gradient(135deg,var(--whatsapp-green),var(--whatsapp-dark-green));border-radius:50%;color:#111b21;color:var(--whatsapp-white);display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:40px;justify-content:center;position:relative;width:40px}.chat-header-avatar.online:after{background:#22c55e;background:var(--whatsapp-green);border:2px solid #111b21;border:2px solid var(--whatsapp-header);border-radius:50%;bottom:0;content:"";height:12px;position:absolute;right:0;width:12px}.chat-header-name{color:#111b21;color:var(--whatsapp-white);font-size:16px;font-weight:500}.chat-header-mobile,.chat-header-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-header-mobile{color:#fffc;font-size:13px}.chat-header-actions{align-items:center;display:flex;gap:8px;position:relative}.btn-icon-header{align-items:center;background:none;border:none;border-radius:50%;color:#111b21;color:var(--whatsapp-white);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.btn-icon-header:hover{background:#ffffff1a;transform:scale(1.1)}.btn-icon-header .icon{height:22px;width:22px}.message-search-bar{align-items:center;background:#111b21;background:var(--whatsapp-header);display:flex;gap:12px;padding:8px 16px;transition:all .3s ease}.message-search-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:20px;color:#111b21;color:var(--whatsapp-white);flex:1 1;font-size:14px;outline:none;padding:8px 16px}.message-search-input::placeholder{color:#ffffffb3}.message-search-close{background:none;border:none;border-radius:50%;color:#111b21;color:var(--whatsapp-white);cursor:pointer;padding:4px;transition:background .2s ease}.message-search-close:hover{background:#ffffff1a}.messages-container{flex:1 1;overflow-y:auto;padding:20px;scroll-behavior:smooth;scrollbar-color:#2a3942 #0000;scrollbar-color:var(--whatsapp-border) #0000;scrollbar-width:thin}.bg-whatsapp-background,.messages-container{background:#0b141a;background:var(--whatsapp-bg)}.bg-whatsapp-message-outgoing{background:#005c4b;background:var(--whatsapp-outgoing)}.bg-whatsapp-message-incoming{background:#202c33;background:var(--whatsapp-incoming)}.text-whatsapp-text{color:#e9edef;color:var(--whatsapp-text-primary)}.text-whatsapp-text-secondary{color:#8696a0;color:var(--whatsapp-text-secondary)}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:#0000}.messages-container::-webkit-scrollbar-thumb{background:#2a3942;background:var(--whatsapp-border);border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background:#8696a0;background:var(--whatsapp-text-secondary)}.message{animation:messageSlideIn .15s ease-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;margin-bottom:8px;position:relative;transform:translateZ(0);will-change:transform,opacity}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.outgoing{justify-content:flex-end}.message.incoming{justify-content:flex-start}.message-content{word-wrap:break-word;border-radius:20px;display:flex;flex-direction:column;gap:6px;isolation:isolate;max-width:65%;min-width:120px;overflow:hidden;padding:10px 14px;position:relative;transition:all .2s ease;z-index:1}.message.outgoing .message-content{background:#005c4b;border-bottom-right-radius:4px;box-shadow:0 2px 8px #00000026}.message.incoming .message-content{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff1a;border-bottom-left-radius:4px;box-shadow:0 2px 8px #0000001a}.message.starred .message-content{border-left:3px solid #f9c851;padding-left:11px}.message-text{color:#e9edef;color:var(--whatsapp-text-primary);font-size:14px;line-height:1.5;margin-bottom:4px}.message-status,.message-time{color:#667781;color:var(--whatsapp-text-meta)}.message-status{font-size:14px;margin-left:2px}.message-status.delivered,.message-status.sent{color:#ffffffb3}.message-status.read{color:#53bdeb}.date-separator{animation:dateSeparatorFadeIn .2s ease-out;display:flex;flex-shrink:0;justify-content:center;margin:12px 0;pointer-events:none;position:-webkit-sticky;position:sticky;top:8px;width:100%;z-index:10}.date-separator-pill{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#2a394299;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 2px 8px #0000001a;color:#8696a0;font-size:12px;font-weight:500;padding:8px 16px}@keyframes dateSeparatorFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.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}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #25d366;outline-offset:2px}@media (prefers-contrast:high){.message-bubble-outgoing{border:2px solid #25d366}.message-bubble-incoming{border:2px solid #ffffff4d}}.message-bubble{word-wrap:break-word;max-width:100%;min-height:40px;overflow:visible;position:relative;transition:box-shadow .15s ease}.message-bubble-outgoing{background:#005c4b;border-radius:20px;box-shadow:0 2px 8px #00000026;color:#fff}.message-bubble-incoming{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#202c33;border:1px solid #ffffff29;border-radius:20px;box-shadow:0 2px 8px #00000026;color:#e9edef}.message-footer{align-items:center;display:flex;gap:4px;justify-content:flex-end;margin-top:4px}.message-time{opacity:.7}.message-status,.message-time{font-size:11px;line-height:15px}.message-media{min-height:20px;position:relative}.message-caption{font-size:14px;line-height:1.4;margin-top:8px;word-break:break-word}.message-quote{border-left-style:solid;border-left-width:4px;border-radius:8px;cursor:pointer;margin-bottom:6px;padding:6px 8px}.message-quote--outgoing{background:#ffffff1a;border-left-color:#128c7e}.message-quote--incoming{background:#2a394280;border-left-color:#8696a0}.message-star-icon{color:#ffc107;font-size:14px;margin-left:4px}.media-preview{border-radius:8px;margin:8px -12px;overflow:hidden;position:relative}.message-media{display:flex;flex-direction:column;gap:8px;margin-top:6px}.media-preview.image img,.media-preview.video video{border-radius:8px;display:block;height:auto;max-width:300px;width:100%}.media-preview-fallback{align-items:center;background:#202c33;background:var(--whatsapp-hover);color:#8696a0;color:var(--whatsapp-text-secondary);display:flex;gap:8px;justify-content:center;padding:40px}.media-preview-fallback .icon{height:32px;width:32px}.media-caption{color:#e9edef;color:var(--whatsapp-text-primary);font-size:14px;margin-top:8px;padding:0 12px 8px}.audio-player{margin-top:8px;width:100%}.quoted-message{background:#ffffff08;border-left:3px solid #22c55e;border-left:3px solid var(--whatsapp-green);border-radius:4px;cursor:pointer;margin-bottom:8px;padding:8px 12px;transition:background .2s ease}.quoted-message:hover{background:#ffffff0d}.quoted-message-bar{background:#22c55e;background:var(--whatsapp-green);bottom:0;left:0;position:absolute;top:0;width:3px}.quoted-message-content{padding-left:8px}.quoted-message-sender{color:#22c55e;color:var(--whatsapp-green);font-size:12px;font-weight:600;margin-bottom:2px}.quoted-message-text{color:#8696a0;color:var(--whatsapp-text-secondary);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-input-area{background:#111b21;background:var(--whatsapp-white);border-top:1px solid #2a3942;border-top:1px solid var(--whatsapp-border);display:flex;flex-direction:column;gap:8px;padding:8px 16px}.reply-preview{align-items:center;background:#202c33;background:var(--whatsapp-hover);border-left:3px solid #22c55e;border-left:3px solid var(--whatsapp-green);border-radius:4px;display:flex;gap:12px;justify-content:space-between;margin:0 -16px 8px;padding:8px 12px}.reply-preview-content{flex:1 1;min-width:0}.reply-preview-sender{color:#22c55e;color:var(--whatsapp-green);font-size:12px;font-weight:600;margin-bottom:2px}.reply-preview-text{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-preview-close,.reply-preview-text{color:#8696a0;color:var(--whatsapp-text-secondary)}.reply-preview-close{background:none;border:none;border-radius:50%;cursor:pointer;flex-shrink:0;padding:4px;transition:background .2s ease}.reply-preview-close:hover{background:#2a3942;background:var(--whatsapp-border)}.quick-replies-bar{align-items:center;background:#f3f4f6;border-bottom:1px solid #e5e7eb;display:flex;gap:.5rem;overflow-x:auto;padding:.5rem}.quick-replies-scroll{display:flex;flex:1 1;gap:.5rem;overflow-x:auto}.quick-reply-chip{background:#fff;border:1px solid #d1d5db;border-radius:1rem;color:#374151;cursor:pointer;font-size:.75rem;font-weight:500;padding:.375rem .75rem;transition:all .2s;white-space:nowrap}.quick-reply-chip:hover{background:#25d366;border-color:#25d366;color:#fff}.quick-replies-close{color:#6b7280;cursor:pointer;padding:.25rem;transition:color .2s}.quick-replies-close:hover{color:#374151}.message-input-container{align-items:flex-end;display:flex;gap:8px}.input-actions{align-items:center;display:flex;gap:4px}.btn-input-action{align-items:center;background:none;border:none;border-radius:50%;color:#8696a0;color:var(--whatsapp-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.btn-input-action:hover{background:#202c33;background:var(--whatsapp-hover);color:#e9edef;color:var(--whatsapp-text-primary);transform:scale(1.1)}.btn-input-action .icon{height:24px;width:24px}.message-input{background:#111b21;background:var(--whatsapp-white);border:none;border-radius:24px;box-shadow:0 0 0 1px #2a3942;box-shadow:0 0 0 1px var(--whatsapp-border);color:#e9edef;color:var(--whatsapp-text-primary);flex:1 1;font-family:inherit;font-size:15px;max-height:120px;outline:none;padding:10px 16px;resize:none;transition:all .2s ease}.message-input:focus{box-shadow:0 0 0 2px #22c55e;box-shadow:0 0 0 2px var(--whatsapp-green)}.message-input-pill{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#2a3942cc;border:1px solid #ffffff1a;border-radius:24px;color:#f3f4f6;flex:1 1;font-family:inherit;font-size:15px;max-height:120px;min-height:44px;outline:none;padding:12px 20px;transition:all .2s ease}.message-input-pill::placeholder{color:#8696a0}.message-input-pill[contenteditable]:empty:before{color:#8696a0;content:attr(data-placeholder);pointer-events:none;position:absolute}.message-input-pill:focus{border-color:#0099ff80;box-shadow:0 0 0 3px #25d3661a}.message-input-pill:disabled{cursor:not-allowed;opacity:.5}.input-action-button{align-items:center;background:#0000;border:none;border-radius:50%;color:#8696a0;cursor:pointer;display:flex;height:44px;justify-content:center;padding:0;transition:all .2s ease;width:44px}.input-action-button:hover:not(:disabled){background:#ffffff1a;color:#e9edef}.input-action-button:active:not(:disabled){transform:scale(.95)}.input-action-button:disabled{cursor:not-allowed;opacity:.5}.btn-send{align-items:center;background:#22c55e;background:var(--whatsapp-green);border:none;border-radius:50%;box-shadow:0 2px 8px #0003;box-shadow:0 2px 8px var(--whatsapp-shadow);color:#111b21;color:var(--whatsapp-white);cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s ease;width:44px}.btn-send:hover{background:#16a34a;background:var(--whatsapp-dark-green);box-shadow:0 4px 12px #0000004d;box-shadow:0 4px 12px var(--whatsapp-shadow-hover);transform:scale(1.05)}.btn-send:active{transform:scale(.95)}.btn-send .icon{height:22px;width:22px}.send-button-premium{align-items:center;background:#25d366;border:none;border-radius:50%;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;padding:0;transition:all .15s ease;width:44px}.send-button-premium:hover:not(:disabled){box-shadow:0 3px 10px #00000040;transform:scale(1.05)}.send-button-premium:active:not(:disabled){transform:scale(.95)}.send-button-premium:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.recording-indicator{align-items:center;background:#202c33;background:var(--whatsapp-hover);border-radius:24px;display:flex;gap:12px;margin:0 -16px 8px;padding:12px 16px}.recording-dot{animation:pulse 1.5s ease-in-out infinite;background:red;border-radius:50%;height:12px;width:12px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.btn-stop-recording{align-items:center;background:red;border:none;border-radius:50%;color:#111b21;color:var(--whatsapp-white);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.btn-stop-recording:hover{background:#c00;transform:scale(1.1)}.message-options-button{align-items:center;background:#0009;border:none;border-radius:50%;color:#111b21;color:var(--whatsapp-white);cursor:pointer;display:none;height:28px;justify-content:center;opacity:0;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:28px}.message:hover .message-options-button{display:flex;opacity:1}.message-options-button:hover{background:#000c;transform:translateY(-50%) scale(1.1)}.message-options-button .icon{height:16px;width:16px}.message-menu{animation:menuSlideIn .2s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#202c33f2;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 24px #0000004d;min-width:200px;padding:8px;pointer-events:auto!important;position:fixed;touch-action:auto;z-index:99999!important}@keyframes menuSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.message-menu-item{align-items:center;background:none;border:none;border-radius:8px;color:#e9edef;cursor:pointer;display:flex;font-size:14px;gap:12px;min-height:48px;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.message-menu-item:hover{background:#2a3942cc;transform:translateX(4px)}.message-menu-item:active{transform:translateX(2px) scale(.98)}.message-menu-item .icon{color:#8696a0;flex-shrink:0;height:18px;width:18px}.emoji-picker{animation:emojiSlideIn .3s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#202c33f2;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 24px #0000004d;min-width:280px;padding:16px;position:absolute;z-index:101}@keyframes emojiSlideIn{0%{opacity:0;transform:scale(.9) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes emojiBounce{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.emoji-picker-header{align-items:center;border-bottom:1px solid #2a3942;border-bottom:1px solid var(--whatsapp-border);display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:12px}.emoji-picker-header span{color:#e9edef;color:var(--whatsapp-text-primary);font-size:14px;font-weight:600}.emoji-picker-close{background:none;border:none;border-radius:50%;color:#8696a0;color:var(--whatsapp-text-secondary);cursor:pointer;padding:4px;transition:background .2s ease}.emoji-picker-close:hover{background:#202c33;background:var(--whatsapp-hover)}.emoji-picker-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(8,1fr);margin-bottom:12px}.emoji-picker-item{background:none;border:none;border-radius:8px;cursor:pointer;font-size:24px;padding:8px;transition:all .2s ease}.emoji-picker-item:hover{background:#2a3942cc;transform:scale(1.2)}.emoji-picker-item:active{animation:emojiBounce .3s ease}.emoji-picker-remove{background:#202c33;background:var(--whatsapp-hover);border:none;border-radius:6px;color:#e9edef;color:var(--whatsapp-text-primary);cursor:pointer;font-size:13px;padding:8px;transition:background .2s ease;width:100%}.emoji-picker-remove:hover{background:#2a3942;background:var(--whatsapp-border)}.message-reaction-bubble{background:#111b21;background:var(--whatsapp-white);border:2px solid #2a3942;border:2px solid var(--whatsapp-border);border-radius:12px;bottom:-8px;box-shadow:0 2px 4px #0003;box-shadow:0 2px 4px var(--whatsapp-shadow);cursor:pointer;font-size:16px;padding:2px 6px;position:absolute;right:8px;transition:all .2s ease}.message-reaction-bubble:hover{box-shadow:0 4px 8px #0000004d;box-shadow:0 4px 8px var(--whatsapp-shadow-hover);transform:scale(1.2)}.chat-menu-dropdown{animation:menuSlideIn .2s ease;background:#111b21;background:var(--whatsapp-white);border-radius:8px;box-shadow:0 8px 24px #0000004d;box-shadow:0 8px 24px var(--whatsapp-shadow-hover);min-width:200px;padding:4px;position:absolute;right:0;top:calc(100% + 8px);z-index:9999}.menu-item{align-items:center;background:none;border:none;border-radius:4px;color:#e9edef;color:var(--whatsapp-text-primary);cursor:pointer;display:flex;font-size:14px;gap:12px;padding:10px 16px;text-align:left;transition:background .2s ease;width:100%}.menu-item:hover{background:#202c33;background:var(--whatsapp-hover)}.menu-item .icon{color:#8696a0;color:var(--whatsapp-text-secondary);height:18px;width:18px}.media-gallery-modal{align-items:center;animation:fadeIn .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b141af2;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.media-gallery-content{animation:scaleUp .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#202c33b3;border:1px solid #ffffff14;border-radius:20px;box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column;max-height:85vh;max-width:1200px;overflow:hidden;width:90%}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.media-gallery-header{align-items:center;background:#111b21cc;border-bottom:1px solid #ffffff14;display:flex;gap:20px;justify-content:space-between;padding:16px 24px}.media-gallery-header h3{color:#e9edef;font-size:20px;font-weight:600;letter-spacing:-.025em;margin:0}.media-gallery-filters{display:flex;flex:1 1;flex-wrap:wrap;gap:8px;justify-content:center}.media-gallery-filters button{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:100px;color:#8696a0;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease}.media-gallery-filters button:hover{background:#ffffff1a;color:#e9edef}.media-gallery-filters button.active{background:#00a884;border-color:#00a884;box-shadow:0 2px 8px #00a88433;color:#fff}.media-gallery-close{align-items:center;background:#ffffff0d;border:none;border-radius:50%;color:#8696a0;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.media-gallery-close:hover{background:#f15c6d26;color:#f15c6d}.media-gallery-close .icon{height:20px;width:20px}.media-gallery-grid{grid-gap:16px;display:grid;flex:1 1;gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));overflow-y:auto;padding:24px}.media-gallery-item{aspect-ratio:1;background:#0003;border:1px solid #ffffff0d;border-radius:12px;cursor:pointer;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.media-gallery-item:hover{border-color:#ffffff26;box-shadow:0 12px 24px #0000004d;transform:translateY(-4px)}.media-gallery-item img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.media-gallery-item:hover img{transform:scale(1.05)}.media-gallery-video{height:100%;position:relative;width:100%}.media-gallery-video video{height:100%;object-fit:cover;width:100%}.media-gallery-video .icon{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;border-radius:50%;color:#fff;height:32px;left:50%;padding:6px;position:absolute;top:50%;transform:translate(-50%,-50%);width:32px}.media-gallery-file{align-items:center;background:#ffffff05;display:flex;flex-direction:column;gap:12px;height:100%;justify-content:center;padding:20px}.media-gallery-file .icon{color:#00a884;height:48px;width:48px}.media-gallery-file a{color:#e9edef;font-size:13px;line-height:1.4;opacity:.8;text-align:center;text-decoration:none;transition:opacity .2s;word-break:break-word}.media-gallery-file a:hover{opacity:1;text-decoration:underline}.media-gallery-timestamp{background:linear-gradient(0deg,#000c,#0000);bottom:0;color:#e9edef;font-size:11px;left:0;opacity:0;padding:12px 12px 8px;position:absolute;right:0;text-align:right;transition:opacity .2s}.media-gallery-item:hover .media-gallery-timestamp{opacity:1}.media-gallery-empty{align-items:center;color:#8696a0;display:flex;flex-direction:column;font-size:16px;gap:12px;grid-column:1/-1;padding:80px 20px;text-align:center}.group-management-modal{align-items:center;animation:fadeIn .3s ease;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.group-management-content{animation:slideUp .3s ease;background:#111b21;background:var(--whatsapp-white);border-radius:12px;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:90%}.group-management-header{align-items:center;background:#111b21;background:var(--whatsapp-header);border-bottom:1px solid #2a3942;border-bottom:1px solid var(--whatsapp-border);color:#111b21;color:var(--whatsapp-white);display:flex;justify-content:space-between;padding:20px}.group-management-header h3{color:#111b21;color:var(--whatsapp-white);font-size:20px;margin:0}.group-management-actions{align-items:center;display:flex;gap:12px}.btn-create-group{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#111b21;color:var(--whatsapp-white);cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 16px;transition:all .2s}.btn-create-group:hover{background:#ffffff4d;transform:translateY(-1px)}.group-management-close{align-items:center;background:none;border:none;border-radius:50%;color:#111b21;color:var(--whatsapp-white);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background .2s ease}.group-management-close:hover{background:#ffffff1a}.group-management-close .icon{height:24px;width:24px}.create-group-form{flex:1 1;overflow-y:auto;padding:20px}.create-group-form h4{color:#e9edef;color:var(--whatsapp-text-primary);margin:0 0 20px}.form-group label{color:#8696a0;color:var(--whatsapp-text-secondary)}.form-input,.form-textarea{border:1px solid #2a3942;border:1px solid var(--whatsapp-border);border-radius:8px;font-family:inherit;font-size:14px;padding:12px;resize:vertical;transition:all .2s ease;width:100%}.form-input:focus,.form-textarea:focus{border-color:#22c55e;border-color:var(--whatsapp-green);box-shadow:0 0 0 3px #25d3661a;outline:none}.form-actions{gap:12px;margin-top:24px}.btn-cancel{background:#202c33;background:var(--whatsapp-hover);border:none;border-radius:8px;color:#e9edef;color:var(--whatsapp-text-primary);cursor:pointer;font-size:14px;padding:10px 20px;transition:all .2s ease}.btn-cancel:hover{background:#2a3942;background:var(--whatsapp-border)}.btn-primary{background:#22c55e;background:var(--whatsapp-green);border-radius:8px;color:#111b21;color:var(--whatsapp-white);padding:10px 20px;transition:all .2s ease}.btn-primary:hover:not(:disabled){background:#16a34a;background:var(--whatsapp-dark-green);box-shadow:0 4px 12px #0003;box-shadow:0 4px 12px var(--whatsapp-shadow)}.groups-list{flex:1 1;overflow-y:auto;padding:20px}.empty-state,.loading-state{padding:60px 20px;text-align:center}.empty-state,.empty-state .icon,.loading-state{color:#8696a0;color:var(--whatsapp-text-secondary)}.empty-state .icon{height:64px;margin:0 auto 16px;width:64px}.empty-state p{margin:0 0 20px}.groups-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.group-card{align-items:center;background:#202c33;background:var(--whatsapp-hover);border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:16px;position:relative;transition:all .3s ease}.group-card:hover{background:#111b21;background:var(--whatsapp-white);border-color:#22c55e;border-color:var(--whatsapp-green);box-shadow:0 4px 12px #0003;box-shadow:0 4px 12px var(--whatsapp-shadow);transform:translateY(-2px)}.group-card-avatar{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);background:linear-gradient(135deg,var(--whatsapp-green),var(--whatsapp-dark-green));border-radius:50%;box-shadow:0 2px 8px #0003;box-shadow:0 2px 8px var(--whatsapp-shadow);color:#111b21;color:var(--whatsapp-white);display:flex;flex-shrink:0;font-size:20px;font-weight:600;height:56px;justify-content:center;width:56px}.group-card-info{flex:1 1;min-width:0}.group-card-name{color:#e9edef;color:var(--whatsapp-text-primary);font-size:16px;font-weight:500;margin-bottom:4px}.group-card-meta,.group-card-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-card-meta{color:#8696a0;color:var(--whatsapp-text-secondary);font-size:13px}.group-card-desc{color:#667781;color:var(--whatsapp-text-meta)}.group-card-actions{flex-shrink:0}.btn-icon-small{align-items:center;background:none;border:none;border-radius:50%;color:#8696a0;color:var(--whatsapp-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.btn-icon-small:hover{background:#2a3942;background:var(--whatsapp-border);color:#e9edef;color:var(--whatsapp-text-primary);transform:scale(1.1)}.btn-icon-small .icon{height:20px;width:20px}.group-details-modal{align-items:center;animation:fadeIn .3s ease;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1001}.group-details-content{animation:slideUp .3s ease;background:#111b21;background:var(--whatsapp-white);border-radius:12px;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:90%}.group-details-header{align-items:center;background:#111b21;background:var(--whatsapp-header);border-bottom:1px solid #2a3942;border-bottom:1px solid var(--whatsapp-border);color:#111b21;color:var(--whatsapp-white);display:flex;justify-content:space-between;padding:20px}.group-details-header h4{color:#111b21;color:var(--whatsapp-white);font-size:18px;margin:0}.group-details-close{align-items:center;background:none;border:none;border-radius:50%;color:#111b21;color:var(--whatsapp-white);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background .2s ease}.group-details-close:hover{background:#ffffff1a}.group-details-close .icon{height:24px;width:24px}.group-details-body{flex:1 1;overflow-y:auto;padding:20px}.group-detail-item{margin-bottom:20px}.group-detail-item label{color:#8696a0;color:var(--whatsapp-text-secondary);display:block;font-size:13px;font-weight:500;margin-bottom:8px;text-transform:uppercase}.group-detail-item p{color:#e9edef;color:var(--whatsapp-text-primary);font-size:15px;margin:0}.group-id{color:#8696a0;color:var(--whatsapp-text-secondary);font-family:monospace;font-size:12px;word-break:break-all}.group-details-actions{display:flex;flex-direction:column;gap:12px;margin-top:24px}.btn-action{align-items:center;background:#202c33;background:var(--whatsapp-hover);border:none;border-radius:8px;color:#e9edef;color:var(--whatsapp-text-primary);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:12px 16px;text-align:left;transition:all .2s ease}.btn-action:hover{background:#2a3942;background:var(--whatsapp-border);transform:translateX(4px)}.btn-action .icon{height:20px;width:20px}.no-chat-selected{align-items:center;color:#8696a0;color:var(--whatsapp-text-secondary);display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px}.empty-icon{font-size:120px;margin-bottom:20px;opacity:.3}.no-chat-selected p{color:#8696a0;color:var(--whatsapp-text-secondary);font-size:18px}@media (max-width:768px){.chats-view-container{bottom:0!important;flex-direction:column!important;height:100vh!important;height:100dvh!important;left:0!important;overflow:hidden!important;padding-top:0!important;position:fixed!important;right:0!important;top:0!important}.chats-view-inner{flex-direction:row!important;height:100%!important;overflow:hidden!important;position:relative!important;width:100%!important}.chats-view-inner .chats-sidebar-wrapper{background:#0b141a!important;background:var(--whatsapp-bg)!important;box-shadow:2px 0 8px #0000001a!important;height:100%!important;left:0!important;max-width:100%!important;min-width:100%!important;position:absolute!important;top:0!important;transition:transform .3s cubic-bezier(.4,0,.2,1)!important;width:100%!important;z-index:20!important}.chats-view-inner .chats-sidebar-wrapper.mobile-hidden{transform:translateX(-100%)!important}.chats-view-inner .chats-main-wrapper{background:#111b21!important;background:var(--whatsapp-white)!important;display:flex!important;flex-direction:column!important;height:100%!important;left:0!important;min-width:100%!important;position:absolute!important;width:100%!important;z-index:10!important}div.bg-whatsapp-header,div[style*=background][style*="#008069"],div[style*=background][style*="008069"]{align-items:center!important;display:flex!important;gap:12px!important;min-height:60px!important;padding:12px 16px!important}div.bg-whatsapp-header h3,div.bg-whatsapp-header>div{font-size:16px!important}div.flex-1.overflow-y-auto{font-size:14px!important;padding:12px 8px!important}form.flex{flex-wrap:nowrap!important;gap:8px!important;padding:8px 12px!important}form.flex input[type=text]{flex:1 1!important;font-size:16px!important;min-width:0!important;padding:10px 12px!important}div.absolute.bottom-full{font-size:14px!important;left:12px!important;margin-bottom:8px!important;max-height:200px!important;right:12px!important}div.fixed.right-0{max-width:100%!important;width:100%!important}div.flex.items-center.gap-3.p-3{padding:12px!important}div.flex.flex-wrap.gap-2{gap:6px!important}button.px-3.py-1.rounded-full{font-size:12px!important;padding:6px 12px!important}div.p-3.bg-white{padding:12px!important}div.relative.flex.items-center{padding:8px 12px!important}button.md\\:hidden{display:flex!important}.md\\:block,.md\\:flex{display:none!important}.chats-view-inner>div:first-child>div>div[class*="flex items-center"]{border-bottom:1px solid #2a3942!important;border-bottom:1px solid var(--whatsapp-border)!important;padding:12px 16px!important;transition:background-color .15s ease!important}.chats-view-inner>div:first-child>div>div[class*="flex items-center"]:active{background-color:#202c33!important;background-color:var(--whatsapp-hover)!important}div[style*=background][style*="#008069"]{position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:100!important}div.flex.flex-col.h-full{height:calc(100vh - 60px)!important;height:calc(100dvh - 60px)!important}div[class*=rounded-lg][class*=max-w]{margin-bottom:4px!important;max-width:85%!important}form.flex.items-center.gap-2{background:#111b21!important;background:var(--whatsapp-white)!important;border-top:1px solid #2a3942!important;border-top:1px solid var(--whatsapp-border)!important;bottom:0!important;position:-webkit-sticky!important;position:sticky!important;z-index:50!important}}@media (max-width:480px){.chat-header{min-height:56px;padding:10px 12px}.chat-header h3{font-size:14px}.messages-container{padding:8px 6px}.message-input-container{padding:6px 10px}.message-input-container input{font-size:16px;padding:8px 10px}.flex.items-center.gap-3.p-3{padding:10px}}.typing-indicator{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 2px 8px #0000001a;display:flex;gap:4px;margin-bottom:4px;padding:12px 16px}.typing-dot{animation:typingDotWave 1.4s ease-in-out infinite;background:#8696a0;border-radius:50%;height:8px;width:8px}.typing-dot:first-child{animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingDotWave{0%,60%,to{opacity:.7;transform:translateY(0) scale(1)}30%{opacity:1;transform:translateY(-10px) scale(1.2)}}.scroll-to-bottom-fab{align-items:center;animation:slideUpFAB .3s ease;background:#25d366;border:none;border-radius:50%;bottom:80px;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;position:absolute;right:20px;transition:all .15s ease;width:48px;z-index:9999}.scroll-to-bottom-fab:hover{box-shadow:0 3px 10px #00000040;transform:scale(1.1)}.scroll-to-bottom-fab:active{transform:scale(.95)}@keyframes slideUpFAB{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #2a3942;border-top-color:#22c55e;border:3px solid var(--whatsapp-border);border-radius:50%;border-top-color:var(--whatsapp-green);display:inline-block;height:20px;width:20px}.message-sender-name{color:#22c55e;color:var(--whatsapp-green);font-size:12px;font-weight:600;margin-bottom:4px;padding:0 4px}.emoji-picker-input{animation:emojiSlideIn .3s ease;background:#111b21;background:var(--whatsapp-white);border-radius:12px;bottom:100%;box-shadow:0 8px 24px #0000004d;box-shadow:0 8px 24px var(--whatsapp-shadow-hover);left:0;margin-bottom:8px;padding:16px;position:absolute;right:0;z-index:100}.contacts-modal{align-items:center;animation:fadeIn .3s ease;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.contacts-modal-content{animation:slideUp .3s ease;background:#111b21;background:var(--whatsapp-white);border-radius:12px;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:90%}.contacts-modal-header{align-items:center;background:#111b21;background:var(--whatsapp-header);border-bottom:1px solid #2a3942;border-bottom:1px solid var(--whatsapp-border);color:#111b21;color:var(--whatsapp-white);display:flex;justify-content:space-between;padding:20px}.contacts-modal-header h3{color:#111b21;color:var(--whatsapp-white);font-size:20px;margin:0}.contacts-modal-actions{align-items:center;display:flex;gap:8px}.btn-export{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#111b21;color:var(--whatsapp-white);cursor:pointer;display:flex;font-size:12px;gap:4px;padding:6px 12px;transition:all .2s ease}.btn-export:hover{background:#ffffff4d}.btn-export .icon{height:16px;width:16px}.contacts-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background .2s ease}.contacts-modal-close:hover{background:#ffffff1a}.contacts-modal-close .icon{height:24px;width:24px}.contacts-modal-body{flex:1 1;overflow-y:auto;padding:20px}.contacts-list-modal{display:flex;flex-direction:column;gap:8px}.contact-item-modal{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s ease}.contact-item-modal:hover{background:#202c33;background:var(--whatsapp-hover)}.contact-avatar-modal{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);background:linear-gradient(135deg,var(--whatsapp-green),var(--whatsapp-dark-green));border-radius:50%;color:#111b21;color:var(--whatsapp-white);display:flex;flex-shrink:0;font-size:18px;font-weight:600;height:48px;justify-content:center;width:48px}.contact-info-modal{flex:1 1;min-width:0}.contact-name-modal{color:#e9edef;color:var(--whatsapp-text-primary);font-size:16px;font-weight:500;margin-bottom:4px}.contact-id-modal,.contact-name-modal{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-id-modal{color:#8696a0;color:var(--whatsapp-text-secondary);font-size:13px}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-thumb{background:#2a3942;background:var(--whatsapp-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#8696a0;background:var(--whatsapp-text-secondary)}.agent-settings-page{background:#f5f5f5;min-height:100vh;padding:20px}.agent-settings-container{margin:0 auto;max-width:800px}.agent-settings-header{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px;padding:20px}.agent-settings-title{color:#1f2937;font-size:28px;font-weight:600;margin:0 0 8px}.agent-settings-subtitle{color:#6b7280;margin:0}.success-message{background:#d1fae5;border-radius:6px;color:#065f46;font-size:14px;margin-bottom:20px;padding:12px 16px}.agent-settings-form{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:24px}.settings-section{border-bottom:1px solid #e5e7eb;margin-bottom:32px;padding-bottom:32px}.settings-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.section-header{gap:12px;margin-bottom:20px}.section-icon{color:#3b82f6;height:24px;width:24px}.section-description{color:#6b7280;font-size:14px;margin:0 0 20px}.form-group input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px;width:100%}.form-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group input.error{border-color:#ef4444}.error-message{color:#ef4444;display:block;margin-top:4px}.avatar-section{align-items:flex-start;display:flex;gap:24px}.avatar-preview{align-items:center;background:#f9fafb;border:2px solid #e5e7eb;border-radius:50%;display:flex;height:120px;justify-content:center;overflow:hidden;width:120px}.avatar-preview img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background:#e5e7eb;display:flex;height:100%;justify-content:center;width:100%}.avatar-icon{color:#9ca3af;height:60px;width:60px}.avatar-upload{flex:1 1}.file-input-label{background:#3b82f6;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:500;padding:10px 20px;transition:background .2s}.file-input-label:hover{background:#2563eb}.file-input{display:none}.file-hint{color:#6b7280;font-size:12px;margin-top:8px}.form-actions{padding-top:24px}.agent-settings-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.dashboard-page{background:#f8fafc;min-height:100vh}.dark .dashboard-page{background:linear-gradient(135deg,#1e293b,#0f172a);color:#f1f5f9}.dark .dashboard-container,.dark .dashboard-title{color:#f1f5f9}.dark .dashboard-subtitle{color:#cbd5e1}.dashboard-container{margin:0 auto;max-width:1400px;padding:32px 24px}.dashboard-loading{align-items:center;display:flex;flex-direction:column;gap:20px;height:80vh;justify-content:center}.dashboard-header{margin-bottom:40px}.dashboard-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f172a,#334155);-webkit-background-clip:text;color:#0f172a;font-size:36px;font-weight:800;letter-spacing:-.025em;margin:0 0 12px}.dark .dashboard-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f8fafc,#cbd5e1);-webkit-background-clip:text}.dashboard-subtitle{color:#64748b;font-size:16px;line-height:1.6;margin:0}.dashboard-quick-actions{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:48px}.quick-action-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;color:inherit;display:flex;gap:20px;overflow:hidden;padding:24px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.quick-action-card:after{background:linear-gradient(90deg,#0000,#25d36608,#0000);content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform .6s;width:100%}.quick-action-card:hover:after{transform:translateX(100%)}.quick-action-card:hover{border-color:#25d366;box-shadow:0 10px 30px -10px #25d36626;transform:translateY(-4px)}.dark .quick-action-card{background:#1e293b;border-color:#94a3b833}.dark .quick-action-card:hover{background:#334155;border-color:#22c55e;box-shadow:0 20px 40px -10px #22c55e40}.quick-action-icon{align-items:center;border-radius:16px;display:flex;flex-shrink:0;height:56px;justify-content:center;transition:transform .3s;width:56px}.quick-action-card:hover .quick-action-icon{transform:scale(1.1) rotate(3deg)}.quick-action-icon.create{background:#eff6ff;color:#2563eb}.dark .quick-action-icon.create{background:#2563eb33;color:#60a5fa}.quick-action-icon.analytics{background:#f5f3ff;color:#7c3aed}.dark .quick-action-icon.analytics{background:#7c3aed33;color:#a78bfa}.quick-action-icon.backup{background:#ecfdf5;color:#059669}.dark .quick-action-icon.backup{background:#05966933;color:#34d399}.quick-action-icon svg{stroke-width:2;height:28px;width:28px}.quick-action-content{flex:1 1;min-width:0}.quick-action-content h3{color:#0f172a;font-size:18px;font-weight:700;margin:0 0 6px}.dark .quick-action-content h3{color:#f1f5f9}.quick-action-content p{color:#64748b;font-size:14px;margin:0}.dark .quick-action-content p{color:#94a3b8}.quick-action-arrow{color:#cbd5e1;flex-shrink:0;height:24px;transition:all .3s;width:24px}.quick-action-card:hover .quick-action-arrow{color:#25d366;opacity:1;transform:translateX(6px)}.dashboard-stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:48px}.dashboard-stat-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;display:flex;gap:20px;padding:24px;transition:all .3s}.dashboard-stat-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-2px)}.dashboard-stat-card.active{border-top:4px solid #25d366}.dashboard-stat-card.inactive{border-top:4px solid #ef4444}.dark .dashboard-stat-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e293b99;border:1px solid #94a3b81a}.dark .dashboard-stat-card:hover{background:#1e293bcc;border-color:#94a3b833}.dark .dashboard-stat-card.active{background:linear-gradient(180deg,#22c55e0d,#1e293b99);border-top-color:#22c55e}.dark .dashboard-stat-card.inactive{background:linear-gradient(180deg,#ef44440d,#1e293b99);border-top-color:#ef4444}.dashboard-stat-icon{align-items:center;background:#f1f5f9;border-radius:16px;color:#64748b;display:flex;flex-shrink:0;height:64px;justify-content:center;width:64px}.dark .dashboard-stat-icon{background:#33415580;color:#94a3b8}.dashboard-stat-icon.active{background:#dcfce7;color:#16a34a}.dark .dashboard-stat-icon.active{background:#16a34a26;color:#4ade80}.dashboard-stat-icon.inactive{background:#fee2e2;color:#dc2626}.dark .dashboard-stat-icon.inactive{background:#dc262626;color:#f87171}.dashboard-stat-icon.messages{background:#f3e8ff;color:#7c3aed}.dark .dashboard-stat-icon.messages{background:#7c3aed26;color:#a78bfa}.dashboard-stat-icon.chats{background:#eff6ff;color:#2563eb}.dark .dashboard-stat-icon.chats{background:#2563eb26;color:#60a5fa}.dashboard-stat-icon svg{height:32px;width:32px}.dashboard-stat-content{flex:1 1}.dashboard-stat-value{color:#0f172a;font-size:32px;font-weight:800;letter-spacing:-.05em;line-height:1;margin-bottom:4px}.dark .dashboard-stat-value{color:#f8fafc}.dashboard-stat-label{color:#64748b;font-size:14px;font-weight:500}.dark .dashboard-stat-label{color:#94a3b8}.dashboard-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;margin-bottom:32px;padding:32px}.dark .dashboard-card{background:#1e293b;border-color:#334155;box-shadow:0 10px 15px -3px #0000004d}.dashboard-card-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.dark .dashboard-card-header{border-bottom-color:#334155}.dashboard-card-title{color:#0f172a;font-size:20px;font-weight:700;margin:0}.dark .dashboard-card-title{color:#f1f5f9}.dashboard-card-link{align-items:center;background:#25d3660d;border-radius:8px;color:#25d366;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 12px;text-decoration:none;transition:all .2s}.dashboard-card-link:hover{background:#25d3661a;color:#128c7e}.dark .dashboard-card-link{background:#4ade800d;color:#4ade80}.dark .dashboard-card-link:hover{background:#4ade8026;color:#86efac}.dashboard-card-link svg{height:16px;transition:transform .2s;width:16px}.dashboard-card-link:hover svg{transform:translateX(4px)}.dashboard-instances-list{display:flex;flex-direction:column;gap:16px}.dashboard-instance-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:inherit;display:flex;justify-content:space-between;padding:20px;text-decoration:none;transition:all .2s}.dashboard-instance-item:hover{background:#fff;border-color:#25d366;box-shadow:0 4px 6px -1px #0000000d}.dark .dashboard-instance-item{background:#0f172a80;border-color:#334155}.dark .dashboard-instance-item:hover{background:#1e293b;border-color:#22c55e;box-shadow:0 10px 15px -3px #0006}.dashboard-instance-info{align-items:center;display:flex;flex:1 1;gap:16px}.dashboard-instance-name{color:#0f172a;font-size:16px;font-weight:600;margin-bottom:4px}.dark .dashboard-instance-name{color:#f1f5f9}.dashboard-instance-id{color:#64748b;font-family:JetBrains Mono,monospace;font-size:13px;opacity:.8}.dark .dashboard-instance-id{color:#94a3b8}.dashboard-badge{border-radius:9999px;font-size:12px;font-weight:600;letter-spacing:.025em;padding:6px 14px;text-transform:uppercase}.dashboard-badge.active{background:#dcfce7;border:1px solid #bbf7d0;color:#166534}.dark .dashboard-badge.active{background:#22c55e1a;border-color:#4ade8033;color:#4ade80}.dashboard-badge.inactive{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.dark .dashboard-badge.inactive{background:#ef44441a;border-color:#f8717133;color:#f87171}.dashboard-analytics-summary{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.dashboard-analytics-item{background:#f8fafc;border:1px solid #0000;border-radius:12px;padding:24px;text-align:center;transition:all .2s}.dark .dashboard-analytics-item{background:#0f172a80;border-color:#334155}.dashboard-analytics-item:hover{background:#f1f5f9}.dark .dashboard-analytics-item:hover{background:#1e293b}.dashboard-analytics-label{color:#64748b;font-size:14px;font-weight:600;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.dashboard-analytics-value{color:#0f172a;font-size:28px;font-weight:800}.dark .dashboard-analytics-value{color:#f8fafc}.dashboard-empty-state{background:#f8fafc;border:2px dashed #e2e8f0;border-radius:16px;padding:80px 24px;text-align:center}.dark .dashboard-empty-state{background:#0f172a4d;border-color:#334155}.dashboard-empty-icon{color:#cbd5e1;height:96px;margin:0 auto 24px;width:96px}.dark .dashboard-empty-icon{color:#475569}@media (max-width:768px){.dashboard-container{padding:20px 16px}.dashboard-header{margin-bottom:24px}.dashboard-quick-actions{gap:16px;grid-template-columns:1fr}.dashboard-stats-grid{gap:16px;grid-template-columns:1fr 1fr}}.instances-page{background:#f8fafc;margin:0 auto;max-width:1400px;min-height:100vh;padding:32px 24px}.dark .instances-page{background:linear-gradient(135deg,#1e293b,#0f172a)}.instances-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.instance-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.instance-card:after{background:linear-gradient(90deg,#0000,#25d36608,#0000);content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform .6s;width:100%}.instance-card:hover:after{transform:translateX(100%)}.dark .instance-card{background:#1e293b;border-color:#334155}.instance-card:hover{border-color:#25d366;box-shadow:0 10px 30px -10px #25d36626;transform:translateY(-4px)}.dark .instance-card:hover{background:#334155;border-color:#22c55e;box-shadow:0 20px 40px -10px #22c55e40}.instance-card-header{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.dark .instance-card-header{border-bottom-color:#334155}.instance-title{align-items:center;display:flex;flex:1 1;gap:12px}.instance-title h3{color:#0f172a;font-size:18px;font-weight:700;margin:0 0 4px}.dark .instance-title h3{color:#f1f5f9}.instance-id{opacity:.8}.btn-icon{padding:8px}.btn-icon:hover{background:#fee2e2}.dark .btn-icon:hover{background:#f8717133;color:#f87171}.instance-card-body{margin-bottom:20px}.instance-info-row{border-bottom:1px solid #f8fafc;display:flex;justify-content:space-between;padding:10px 0}.dark .instance-info-row{border-bottom-color:#33415580}.instance-info-row:last-child{border-bottom:none}.instance-info-row .label{color:#64748b;font-size:14px;font-weight:500}.dark .instance-info-row .label{color:#94a3b8}.instance-info-row .value{color:#0f172a;font-size:14px;font-weight:600}.dark .instance-info-row .value{color:#f1f5f9}.instance-info-row .value.active{background:#dcfce7;border-radius:4px;color:#16a34a;padding:2px 8px}.dark .instance-info-row .value.active{background:#16a34a26;color:#4ade80}.instance-info-row .value.inactive{background:#fee2e2;border-radius:4px;color:#dc2626;padding:2px 8px}.dark .instance-info-row .value.inactive{background:#dc262626;color:#f87171}.instance-card-footer{border-top:1px solid #f1f5f9;margin-top:20px;padding-top:16px}.dark .instance-card-footer{border-top-color:#334155}.modal-overlay{padding:16px}.dark .modal{color:#f1f5f9}.checkbox-label{gap:12px}.checkbox-label input[type=checkbox]{accent-color:#25d366}.instance-detail{background:#f8fafc;margin:0 auto;max-width:1200px;min-height:100vh;padding:32px 24px}.dark .instance-detail{background:linear-gradient(135deg,#1e293b,#0f172a)}.detail-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:40px;padding-bottom:24px}.dark .detail-header{border-bottom-color:#334155}.btn-back{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#64748b;cursor:pointer;display:flex;font-weight:600;gap:12px;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.dark .btn-back{background:#1e293b;border-color:#334155;color:#cbd5e1}.btn-back:hover{border-color:#25d366;box-shadow:0 4px 12px #25d36626;color:#25d366;transform:translateX(-4px)}.dark .btn-back:hover{background:#334155;border-color:#22c55e;color:#4ade80}.btn-back .icon{height:20px;width:20px}.status-section{margin-top:24px}.status-badge{color:#0f172a;display:flex;font-size:20px;font-weight:700;gap:12px;margin-bottom:32px}.dark .status-badge{color:#f1f5f9}.status-dot{border-radius:50%;height:16px;position:relative;width:16px}.status-dot:after{border-radius:50%;bottom:-4px;content:"";filter:blur(4px);left:-4px;opacity:.5;position:absolute;right:-4px;top:-4px}.status-dot.active{background-color:#22c55e;box-shadow:0 0 16px #22c55e80}.status-dot.active:after{background-color:#4ade80}.status-dot.inactive{background-color:#ef4444;box-shadow:0 0 16px #ef444480}.status-dot.inactive:after{background-color:#f87171}.user-info{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;margin-top:32px;padding:32px}.dark .user-info{background:#1e293b;border-color:#334155;box-shadow:0 10px 15px -3px #0000004d}.info-row{padding:16px 0}.info-row .label,.info-row .value{font-size:15px}.qr-section{background:#f8fafc;border:2px dashed #e2e8f0;border-radius:16px;padding:48px;text-align:center}.dark .qr-section{background:#0f172a80;border-color:#334155}.qr-container{background:#fff;border-radius:16px;box-shadow:0 10px 25px -5px #0000001a;display:inline-block;margin-bottom:24px;padding:24px}.qr-instruction{color:#64748b;font-size:16px;line-height:1.6;margin-bottom:24px}.dark .qr-instruction{color:#94a3b8}.webhook-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;margin-top:32px;padding:32px}.dark .webhook-section{background:#1e293b;border-color:#334155;box-shadow:0 10px 15px -3px #0000004d}.help-text{color:#94a3b8;display:block;font-size:13px}.dark .help-text{color:#64748b}.sync-section{padding:24px 0}.progress-bar-container{background-color:#f1f5f9;border-radius:100px;height:12px;margin-bottom:16px;overflow:hidden;width:100%}.dark .progress-bar-container{background-color:#33415580}.progress-bar-fill{background:linear-gradient(90deg,#25d366,#4ade80);border-radius:100px;box-shadow:0 0 12px #25d36666;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.sync-info{align-items:center;color:#64748b;display:flex;font-size:14px;justify-content:space-between}.dark .sync-info{color:#94a3b8}.sync-percentage{color:#16a34a;font-weight:700}.dark .sync-percentage{color:#4ade80}.sync-message{font-style:italic}.contacts-page{background:#f0f2f5;margin:0 auto;max-width:1400px;min-height:100vh;padding:32px 24px}.dark .contacts-page{background:#0b141a;color:#f1f5f9}.dark .page-subtitle{color:#8696a0}.header-actions{align-items:center;display:flex;gap:12px}.download-buttons{display:flex;flex-wrap:wrap;gap:12px}.search-box{flex:1 1;max-width:400px;position:relative}.search-icon{color:#94a3b8;left:16px;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:#fff;border:1px solid #e9edef;border-radius:12px;color:#0f172a;padding:12px 16px 12px 48px;transition:all .2s;width:100%}.dark .search-input{background:#202c33;border-color:#2a3942;color:#e9edef}.search-input:focus{border-color:#25d366;box-shadow:0 0 0 3px #25d36626;outline:none}.contacts-header{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:24px}.contacts-count{color:#64748b;font-size:14px;font-weight:600}.dark .contacts-count{color:#94a3b8}.contacts-list{background:#fff;border:1px solid #e9edef;border-radius:12px;display:flex;flex-direction:column;gap:0;overflow:hidden}.contact-item{align-items:center;background:#0000;border:0;border-bottom:1px solid #e9edef;display:flex;gap:16px;padding:12px 16px;transition:background .15s ease}.contact-item:hover{background:#f5f6f6;border-color:#0000;box-shadow:none;transform:none}.dark .contact-item{background:#0000;border-color:#202c33}.dark .contact-item:hover{background:#202c33;border-color:#0000;box-shadow:none}.contact-avatar{align-items:center;background:#dfe5e7;border-radius:9999px;color:#fff;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:56px;justify-content:center;width:56px}.dark .contact-avatar{background:#2a3942;color:#e9edef}.contact-info{flex:1 1;min-width:0}.contact-name{color:#111b21;font-weight:700;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .contact-name{color:#e9edef}.contact-id{color:#667781;font-family:JetBrains Mono,monospace;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .contact-id{color:#8696a0}.contacts-list .contact-item:last-child{border-bottom:0}.phonebooks-page{margin:0 auto;max-width:1400px;min-height:calc(100vh - 64px);padding:2rem}.pb-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.pb-title h1{color:#0f172a;font-size:1.875rem;font-weight:700;margin-bottom:.5rem}.dark-mode .pb-title h1{color:#f8fafc}.pb-subtitle{color:#64748b;font-size:.875rem}.dark-mode .pb-subtitle{color:#94a3b8}.pb-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:2rem}.pb-stat-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:1rem;display:flex;gap:1rem;padding:1.5rem}.dark-mode .pb-stat-card{background:#1e293b;border-color:#334155}.pb-stat-icon{align-items:center;background:#eff6ff;border-radius:.75rem;color:#3b82f6;display:flex;height:3rem;justify-content:center;width:3rem}.dark-mode .pb-stat-icon{background:#3b82f61a;color:#60a5fa}.pb-stat-icon svg{height:1.5rem;width:1.5rem}.pb-stat-info h3{color:#64748b;font-size:.875rem;font-weight:500}.dark-mode .pb-stat-info h3{color:#94a3b8}.pb-stat-info p{color:#0f172a;font-size:1.5rem;font-weight:700}.dark-mode .pb-stat-info p{color:#f8fafc}.pb-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.pb-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;cursor:pointer;overflow:hidden;padding:1.5rem;position:relative;transition:all .2s}.dark-mode .pb-card{background:#1e293b;border-color:#334155}.pb-card:hover{border-color:#3b82f6;box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-2px)}.pb-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.pb-card-icon{align-items:center;background:#f0fdf4;border-radius:.5rem;color:#16a34a;display:flex;height:2.5rem;justify-content:center;width:2.5rem}.dark-mode .pb-card-icon{background:#16a34a1a;color:#4ade80}.pb-card-menu{border-radius:.375rem;color:#94a3b8;padding:.25rem}.pb-card-menu:hover{background:#f1f5f9;color:#475569}.dark-mode .pb-card-menu:hover{background:#334155;color:#e2e8f0}.pb-card-title{color:#0f172a;font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.dark-mode .pb-card-title{color:#f8fafc}.pb-card-id{background:#f8fafc;border-radius:.25rem;color:#64748b;display:inline-block;font-family:monospace;font-size:.75rem;padding:.125rem .375rem}.dark-mode .pb-card-id{background:#0f172a;color:#94a3b8}.pb-card-stats{align-items:center;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-top:1.5rem;padding-top:1rem}.dark-mode .pb-card-stats{border-color:#334155}.stat-item{display:flex;flex-direction:column}.stat-label{font-size:.75rem;font-weight:600;text-transform:uppercase}.dark-mode .stat-label{color:#94a3b8}.stat-value{font-size:1.125rem;font-weight:700}.dark-mode .stat-value{color:#f8fafc}.pb-detail-view{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;overflow:hidden}.dark-mode .pb-detail-view{background:#1e293b;border-color:#334155}.pb-detail-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.5rem}.dark-mode .pb-detail-header{border-color:#334155}.back-btn{align-items:center;color:#64748b;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-bottom:1rem}.back-btn:hover{color:#3b82f6}.pb-detail-title h2{align-items:center;color:#0f172a;display:flex;font-size:1.5rem;font-weight:700;gap:.75rem}.dark-mode .pb-detail-title h2{color:#f8fafc}.pb-detail-actions{display:flex;gap:.75rem}.table-container{overflow-x:auto}.pb-table{border-collapse:collapse;width:100%}.pb-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#64748b;font-size:.75rem;font-weight:600;padding:1rem 1.5rem;text-align:left;text-transform:uppercase}.dark-mode .pb-table th{background:#0f172a;border-color:#334155;color:#94a3b8}.pb-table td{border-bottom:1px solid #f1f5f9;color:#334155;font-size:.875rem;padding:1rem 1.5rem}.dark-mode .pb-table td{border-color:#334155;color:#cbd5e1}.user-cell{gap:.75rem}.user-avatar{align-items:center;background:#e2e8f0;border-radius:50%;color:#64748b;display:flex;font-size:.875rem;font-weight:600;height:2rem;justify-content:center;width:2rem}.dark-mode .user-avatar{background:#334155;color:#94a3b8}.modal-overlay{z-index:50}.modal-content{border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;padding:2rem}.dark-mode .modal-content{background:#1e293b;border:1px solid #334155}.modal-title{color:#0f172a;font-size:1.25rem;font-weight:700;margin-bottom:1.5rem}.dark-mode .modal-title{color:#f8fafc}.form-group{margin-bottom:1.5rem}.form-label{color:#64748b;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.dark-mode .form-label{color:#94a3b8}.form-input{border:1px solid #e2e8f0;border-radius:.5rem;font-size:.875rem;padding:.75rem 1rem;transition:all .2s;width:100%}.dark-mode .form-input{background:#0f172a;border-color:#334155;color:#f8fafc}.form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;outline:none}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.btn-ghost{background:#0000;border-radius:.5rem;color:#64748b;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.btn-ghost:hover{background:#f1f5f9;color:#0f172a}.dark-mode .btn-ghost:hover{background:#334155;color:#f8fafc}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:.5rem;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.btn-primary:hover{box-shadow:0 4px 6px -1px #2563eb4d;transform:translateY(-1px)}.btn-danger{border-radius:.5rem;font-size:.875rem;font-weight:500;padding:.5rem 1rem}.btn-icon{border-radius:.5rem;height:2rem;width:2rem}.btn-icon:hover{color:#ef4444}.react-flow{direction:ltr}.react-flow__container{height:100%;left:0;position:absolute;top:0;width:100%}.react-flow__pane{cursor:grab;z-index:1}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:grabbing}.react-flow__viewport{pointer-events:none;transform-origin:0 0;z-index:2}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{overflow:visible;pointer-events:none}.react-flow__connection-path,.react-flow__edge-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{cursor:pointer;pointer-events:visibleStroke}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{box-sizing:border-box;cursor:grab;pointer-events:all;position:absolute;transform-origin:0 0;-webkit-user-select:none;user-select:none}.react-flow__node.dragging{cursor:grabbing}.react-flow__nodesselection{pointer-events:none;transform-origin:left top;z-index:3}.react-flow__nodesselection-rect{cursor:grab;pointer-events:all;position:absolute}.react-flow__handle{background:#1a192b;border:1px solid #fff;border-radius:100%;height:6px;min-height:5px;min-width:5px;pointer-events:none;position:absolute;width:6px}.react-flow__handle.connectionindicator{cursor:crosshair;pointer-events:all}.react-flow__handle-bottom{bottom:-4px;left:50%;top:auto;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{left:-4px;top:50%;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{margin:15px;position:absolute;z-index:5}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translateX(-50%)}.react-flow__attribution{background:#ffffff80;font-size:10px;margin:0;padding:2px 3px}.react-flow__attribution a{color:#999;text-decoration:none}.react-flow__edgelabel-renderer{height:100%;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;width:100%}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-group,.react-flow__node-input,.react-flow__node-output{background-color:#fff;border:1px solid #1a192b;border-radius:3px;color:#222;font-size:12px;padding:10px;text-align:center;width:150px}.react-flow__node-default.selectable:hover,.react-flow__node-group.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted #0059dccc}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{align-items:center;background:#fefefe;border:none;border-bottom:1px solid #eee;box-sizing:initial;cursor:pointer;display:flex;height:16px;justify-content:center;padding:5px;-webkit-user-select:none;user-select:none;width:16px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{max-height:12px;max-width:12px;width:100%}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.bottom,.react-flow__resize-control.top{cursor:ns-resize}.react-flow__resize-control.bottom.right,.react-flow__resize-control.top.left{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:#3367d9;border:1px solid #fff;border-radius:1px;height:4px;transform:translate(-50%,-50%);width:4px}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.bottom.left,.react-flow__resize-control.handle.top.left{left:0}.react-flow__resize-control.handle.bottom.right,.react-flow__resize-control.handle.top.right{left:100%}.react-flow__resize-control.line{border:0 solid #3367d9}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{height:100%;top:0;transform:translate(-50%);width:1px}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.bottom,.react-flow__resize-control.line.top{height:1px;left:0;transform:translateY(-50%);width:100%}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.flow-editor-container{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;height:calc(100vh - 200px);min-height:600px;overflow:hidden}.flow-sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-right:1px solid #00000014;box-shadow:4px 0 20px #00000014;display:flex;flex-direction:column;overflow-y:auto;padding:20px 10px;width:120px}.sidebar-header{color:#4b5563;flex-direction:column;font-size:11px;font-weight:700;gap:8px;letter-spacing:1px;margin-bottom:20px;text-align:center;text-transform:uppercase}.sidebar-tooltip{align-items:center;color:#9ca3af;display:flex;font-size:9px;font-weight:400;gap:4px;letter-spacing:0;position:relative;text-transform:none}.sidebar-tooltip .tooltip-text{background:#1f2937;border-radius:6px;color:#fff;font-size:11px;left:100%;margin-left:8px;opacity:0;padding:6px 10px;pointer-events:none;position:absolute;transition:opacity .2s;white-space:nowrap;z-index:1000}.sidebar-tooltip:hover .tooltip-text{opacity:1}.node-types-list{display:flex;flex-direction:column;gap:16px}.node-category{margin-bottom:4px;margin-top:8px;padding:0 4px}.category-label{color:#9ca3af;display:block;font-size:9px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}.node-type-item{-webkit-user-drag:element;align-items:center;background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #0000;border-radius:12px;box-shadow:0 2px 4px #0000000f,0 1px 2px #0000000a;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:16px 10px;position:relative;transition:background-color .2s ease,box-shadow .2s ease,border-color .2s ease,transform .15s ease;-webkit-user-select:none;user-select:none;will-change:background-color,box-shadow}.node-type-item:hover{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#fff6;box-shadow:0 6px 20px #667eea59,0 2px 6px #667eea33;transform:translateY(-1px)}.node-type-item:hover .node-type-icon{color:#fff;filter:drop-shadow(0 4px 8px rgba(255,255,255,.3));transform:scale(1.1)}.node-type-item:hover .node-type-label{color:#fff;font-weight:700}.node-type-item:active{box-shadow:0 2px 4px #0000001a}.node-type-icon{color:#667eea;filter:drop-shadow(0 2px 4px rgba(102,126,234,.2));height:32px;margin-bottom:8px;transition:color .2s ease,transform .2s ease;width:32px}.node-type-label{color:#4b5563;font-size:11px;font-weight:600;letter-spacing:.3px;text-align:center;transition:color .2s ease,font-weight .2s ease}.flow-main{background:#f8fafc;flex:1 1;position:relative}.flow-node{background:#fff;border:3px solid #0000;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;max-width:380px;min-width:320px;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease;will-change:border-color,box-shadow}body.flow-dragging .flow-node,body.flow-dragging .flow-node *,body.flow-dragging .react-flow__edge-path,body.flow-dragging .react-flow__handle,body.flow-dragging .react-flow__node,body.flow-dragging .react-flow__node *{animation:none!important;transition:none!important}.flow-node.selected{border-color:#667eea;box-shadow:0 10px 25px -5px #667eea66,0 8px 10px -6px #667eea4d}.node-header{color:#fff;font-size:15px;font-weight:700;overflow:hidden;padding:16px 20px;position:relative}.node-header:before{background:linear-gradient(135deg,#ffffff1a,#fff0);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.node-header-content{align-items:center;display:flex;gap:10px;z-index:1}.node-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40;border:1px solid #ffffff4d;border-radius:12px;font-size:10px;font-weight:700;letter-spacing:.5px;padding:4px 10px;z-index:1}.text-header{background:linear-gradient(135deg,#3b82f6,#2563eb)}.image-header{background:linear-gradient(135deg,#ef4444,#dc2626)}.video-header{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.audio-header{background:linear-gradient(135deg,#10b981,#059669)}.location-header{background:linear-gradient(135deg,#f59e0b,#d97706)}.delay-header{background:linear-gradient(135deg,#6b7280,#4b5563)}.ai-header{background:linear-gradient(135deg,#ec4899,#db2777)}.condition-header{background:linear-gradient(135deg,#f59e0b,#d97706)}.webhook-header{background:linear-gradient(135deg,#06b6d4,#0891b2)}.button-header{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.list-header{background:linear-gradient(135deg,#0891b2,#0e7490)}.prevent-header{background:linear-gradient(135deg,#ef4444,#dc2626)}.node-icon{height:20px;width:20px}.node-title{font-size:15px;font-weight:700}.node-content{background:#fff;padding:20px}.node-description{background:#f9fafb;border-left:3px solid #e5e7eb;border-radius:8px;color:#6b7280;font-size:12px;font-style:italic;padding:10px}.input-group,.node-description{margin-bottom:16px}.input-label{color:#374151;display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.node-input{background:#fafafa;border:2px solid #e5e7eb;border-radius:10px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:12px 14px;resize:vertical;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease;width:100%}.node-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.node-input::placeholder{color:#9ca3af}.reply-keys-section{border-top:2px solid #f3f4f6;margin-top:20px;padding-top:20px}.reply-keys-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.section-title{display:block;font-size:13px;font-weight:700;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.section-subtitle{color:#6b7280;display:block;font-size:11px;line-height:1.4}.add-keyword-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 4px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:8px 14px;transition:box-shadow .2s ease}.add-keyword-btn:hover{box-shadow:0 4px 8px #667eea66}.add-keyword-btn:active{box-shadow:0 1px 2px #667eea4d}.keyword-input-group{align-items:center;display:flex;gap:8px;margin-bottom:12px}.keyword-input{border:2px solid #e5e7eb;border-radius:8px;flex:1 1;font-size:13px;padding:10px 12px;transition:border-color .2s ease,box-shadow .2s ease}.keyword-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.keyword-input-actions{display:flex;gap:6px}.btn-cancel,.btn-confirm{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background-color .2s ease;width:32px}.btn-confirm{background:#10b981;color:#fff}.btn-confirm:hover{background:#059669}.btn-cancel{background:#ef4444;color:#fff}.btn-cancel:hover{background:#dc2626}.reply-keys-list{background:#f9fafb;border-radius:10px;display:flex;flex-wrap:wrap;gap:10px;min-height:50px;padding:10px;position:relative}.reply-key-item{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:2px solid #93c5fd;border-radius:20px;box-shadow:0 2px 4px #3b82f633;display:flex;gap:6px;padding:8px 12px;position:relative}.reply-key-pill{color:#1e40af;font-size:12px;font-weight:600}.remove-keyword-btn{align-items:center;background:#ef44441a;border:1px solid #fca5a5;border-radius:50%;color:#dc2626;cursor:pointer;display:flex;height:18px;justify-content:center;padding:0;transition:background-color .2s ease,border-color .2s ease;width:18px}.remove-keyword-btn:hover{background:#fee2e2;border-color:#ef4444}.default-handle-container{align-items:center;display:flex;flex-direction:column;gap:4px;position:relative}.default-handle-label{background:#d1fae5;border-radius:12px;color:#059669;font-size:10px;font-weight:600;padding:4px 8px;white-space:nowrap}.help-text{align-items:flex-start;background:#eff6ff;border-left:3px solid #3b82f6;border-radius:6px;color:#1e40af;display:flex;font-size:11px;gap:8px;line-height:1.5;margin-top:12px;padding:10px}.help-text .icon-xs{flex-shrink:0;margin-top:2px}.image-upload-area{align-items:center;background:#fafafa;border:2px dashed #d1d5db;border-radius:12px;display:flex;justify-content:center;margin-bottom:16px;min-height:150px;overflow:hidden;transition:border-color .2s ease,background-color .2s ease}.image-upload-area:hover{background:#f0f4ff;border-color:#667eea}.upload-placeholder{align-items:center;color:#9ca3af;cursor:pointer;display:flex;flex-direction:column;font-size:13px;gap:12px;padding:40px 20px;text-align:center;transition:color .2s ease;width:100%}.upload-placeholder:hover{color:#667eea}.icon-lg{color:#d1d5db;height:48px;width:48px}.image-preview-container{height:200px;position:relative;width:100%}.uploaded-image{display:block;height:100%;object-fit:contain;width:100%}.remove-image-btn{align-items:center;background:#ef4444e6;border:none;border-radius:50%;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:8px;top:8px;transition:background-color .2s ease,box-shadow .2s ease;width:32px}.remove-image-btn:hover{background:#dc2626;box-shadow:0 4px 12px #ef444466}.checkbox-label{background:#f9fafb;color:#374151;font-size:13px;margin-top:12px;padding:10px;transition:background-color .2s ease}.checkbox-label:hover{background:#f3f4f6}.checkbox-label input[type=checkbox]{accent-color:#667eea;height:18px;width:18px}.react-flow__node{background:#0000;border:none;transition:none}.flow-node.dragging,.flow-node.dragging *,.react-flow__node.dragging,.react-flow__node.dragging *,body.flow-dragging .flow-node,body.flow-dragging .flow-node *{animation:none!important;transition:none!important}.react-flow__handle{background:#667eea;border:3px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;height:14px;transition:background-color .2s ease,box-shadow .2s ease;width:14px;will-change:background-color,box-shadow}.react-flow__handle:hover{background:#764ba2;box-shadow:0 4px 8px #667eea66}.node-handle-top{background:#10b981;top:-7px}.node-handle-top:hover{background:#059669}.keyword-handle{background:#3b82f6}.keyword-handle:hover{background:#2563eb}.default-handle{background:#10b981;border-color:#fff}.default-handle:hover{background:#059669}.react-flow__handle-connecting{background:#10b981;height:14px;width:14px}.react-flow__handle-valid{background:#10b981}.react-flow__edge-path{stroke:#94a3b8;stroke-width:3;transition:all .2s}.react-flow__edge.selected .react-flow__edge-path{stroke:#667eea;stroke-width:4}.react-flow__edge.animated .react-flow__edge-path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}@keyframes dashdraw{to{stroke-dashoffset:-10}}.react-flow__controls{border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden}.react-flow__controls-button{background:#fff;border-bottom:1px solid #e5e7eb;transition:all .2s}.react-flow__controls-button:hover{background:#f9fafb}.react-flow__minimap{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden}.flow-help-panel{z-index:10}.help-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px -5px #0000001a;display:flex;gap:12px;max-width:280px;padding:16px}.help-card strong{color:#1f2937;display:block;font-size:13px;margin-bottom:8px}.help-card ul{color:#4b5563;font-size:12px;line-height:1.8;margin:0;padding-left:20px}.help-card li{margin-bottom:4px}.condition-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:8px;margin-bottom:12px;padding:12px;position:relative}.condition-inputs{grid-gap:8px;display:grid;gap:8px;grid-template-columns:2fr 1.5fr 2fr}.node-input-sm{font-size:13px;padding:8px 10px}.condition-handle{background:#f59e0b;bottom:-7px;position:absolute}.button-input-row{align-items:center;display:flex;gap:8px;margin-bottom:8px;position:relative}.button-input-row .node-input{flex:1 1}.icon-xs{height:12px;width:12px}.flow-sidebar::-webkit-scrollbar{width:6px}.flow-sidebar::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.flow-sidebar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.flow-sidebar::-webkit-scrollbar-thumb:hover{background:#94a3b8}.flows-page{background:#f8fafc;margin:0 auto;max-width:1400px;min-height:100vh;padding:32px 24px}.dark .flows-page{background:linear-gradient(135deg,#1e293b,#0f172a)}.page-header h1{font-size:32px}.flows-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.flow-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;display:flex;flex-direction:column;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.dark .flow-card{background:#1e293b;border-color:#334155}.flow-card:hover{border-color:#3b82f6;box-shadow:0 10px 30px -10px #3b82f626;transform:translateY(-4px)}.dark .flow-card:hover{background:#334155;border-color:#60a5fa;box-shadow:0 20px 40px -10px #3b82f640}.flow-card-header{justify-content:space-between;margin-bottom:20px}.flow-card-header,.flow-title{align-items:flex-start;display:flex}.flow-title{flex:1 1;gap:16px}.flow-icon{background:#eff6ff;border-radius:12px;color:#3b82f6;height:32px;padding:10px;width:32px}.dark .flow-icon{background:#3b82f626;color:#60a5fa}.flow-title h3{color:#0f172a;font-size:18px;font-weight:700;margin:0 0 4px}.dark .flow-title h3{color:#f1f5f9}.flow-id{color:#64748b;font-family:JetBrains Mono,monospace;font-size:12px;margin:0;opacity:.8}.dark .flow-id{color:#94a3b8}.flow-actions{display:flex;gap:8px}.flow-card-footer{align-items:center;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-top:auto;padding-top:20px}.dark .flow-card-footer{border-top-color:#334155}.flow-date{color:#94a3b8;font-size:13px;font-weight:500}.dark .flow-date{color:#64748b}.empty-state p{margin-bottom:32px}.dark .empty-state p{color:var(--text-secondary-dark)}.modal-large{max-height:90vh;overflow-y:auto;width:95%}.form-group-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.btn-sm{padding:8px 16px}.nodes-list{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:16px;max-height:500px;overflow-y:auto;padding:20px}.dark .nodes-list{background:#0f172a80;border-color:#334155}.node-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #0000000d;padding:20px}.dark .node-item{background:#1e293b;border-color:#334155}.node-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.dark .node-header{border-bottom-color:#334155}.node-type{background:#eff6ff;border-radius:100px;color:#3b82f6;font-size:12px;font-weight:700;letter-spacing:.05em;padding:4px 10px;text-transform:uppercase}.dark .node-type{background:#3b82f626;color:#60a5fa}.node-content{gap:16px}.form-group-sm,.node-content{display:flex;flex-direction:column}.form-group-sm{gap:6px}.form-group-sm label{color:#64748b;font-size:13px;font-weight:600}.dark .form-group-sm label{color:#94a3b8}.form-group-sm .input{font-size:14px;padding:8px 12px}.btn-icon-sm{align-items:center;background:#0000;border:none;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s}.btn-icon-sm:hover{background:#fee2e2;color:#dc2626}.dark .btn-icon-sm:hover{background:#dc262626;color:#f87171}.btn-icon-sm .icon{height:18px;width:18px}.empty-text{color:#94a3b8;font-size:14px;font-style:italic;padding:40px;text-align:center}.dark .empty-text{color:#64748b}.flow-editor-modal{background:#f8fafc;bottom:0;display:flex;flex-direction:column;left:0;position:fixed;right:0;top:0;z-index:1000}.dark .flow-editor-modal{background:#0f172a}.flow-editor-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000000d;display:flex;justify-content:space-between;padding:16px 32px;z-index:10}.dark .flow-editor-header{background:var(--card-dark);border-bottom-color:var(--border-dark)}.flow-editor-title-section{flex:1 1}.flow-title-input{background:#0000;border:none;border-radius:8px;color:#0f172a;font-size:20px;font-weight:700;max-width:400px;outline:none;padding:10px 16px;transition:all .2s;width:100%}.dark .flow-title-input{color:var(--text-primary-dark)}.flow-title-input:focus{background:#f1f5f9;box-shadow:0 0 0 3px #3b82f626}.dark .flow-title-input:focus{background:#ffffff0d}.flow-editor-actions{display:flex;gap:12px}.flow-editor-content{background-image:radial-gradient(#cbd5e1 1px,#0000 0);background-size:24px 24px;flex:1 1;overflow:hidden;position:relative}.dark .flow-editor-content{background-image:radial-gradient(#334155 1px,#0000 0)}.dark .modal{border:1px solid var(--border-dark);color:var(--text-primary-dark)}.dark .modal-header{border-bottom-color:var(--border-dark)}.dark .modal-header h2{color:var(--text-primary-dark)}.modal-close{align-items:center;display:flex;height:40px;justify-content:center;padding:0;width:40px}.dark .modal-close:hover{color:var(--text-primary-dark)}.dark .modal-footer{background:#0f172a4d;border-top-color:var(--border-dark)}.dark .label{color:var(--text-primary-dark)}.input{border:1px solid #cbd5e1;box-sizing:border-box}.dark .input{border-color:var(--border-dark);color:var(--text-primary-dark)}.input:focus{box-shadow:0 0 0 4px #3b82f626}textarea.input{min-height:100px;resize:vertical}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.btn-primary:disabled{opacity:.6}.dark .btn-secondary{border-color:var(--border-dark);color:var(--text-secondary-dark)}.dark .btn-secondary:hover{color:var(--text-primary-dark)}.btn-icon{border-radius:8px;color:#94a3b8}.dark .btn-icon:hover{color:var(--text-primary-dark)}.btn-icon .icon{height:20px;width:20px}.card{padding:32px}.dark .card{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:var(--card-dark);border-color:var(--border-dark)}.chatbots-page{background:#f8fafc;margin:0 auto;max-width:1400px;min-height:100vh;padding:32px 24px}.dark .chatbots-page{background:linear-gradient(135deg,#1e293b,#0f172a);color:#f1f5f9}.chatbots-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.chatbot-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.chatbot-card:hover{border-color:#3b82f6;box-shadow:0 10px 30px -10px #3b82f626;transform:translateY(-4px)}.dark .chatbot-card{background:#1e293b;border-color:#334155}.dark .chatbot-card:hover{background:#334155;border-color:#60a5fa;box-shadow:0 20px 40px -10px #3b82f640}.chatbot-card-header{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.dark .chatbot-card-header{border-bottom-color:#334155}.chatbot-title{align-items:flex-start;display:flex;flex:1 1;gap:12px}.status-icon{flex-shrink:0;height:24px;margin-top:2px;width:24px}.status-icon.active{color:#16a34a}.dark .status-icon.active{color:#4ade80}.dark .status-icon.inactive{color:#f87171}.chatbot-title h3{color:#0f172a;font-size:18px;font-weight:700;margin:0 0 4px}.dark .chatbot-title h3{color:#f1f5f9}.chatbot-meta{color:#64748b;font-size:13px;margin:0}.dark .chatbot-meta{color:#94a3b8}.chatbot-actions{display:flex;gap:8px}.chatbot-card-body{padding-top:16px}.chatbot-info-row{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;font-size:14px;justify-content:space-between;padding:10px 0}.dark .chatbot-info-row{border-bottom-color:#33415580}.chatbot-info-row:last-child{border-bottom:none}.chatbot-info-row .label{color:#64748b;font-weight:500}.dark .chatbot-info-row .label{color:#94a3b8}.chatbot-info-row .value{color:#0f172a;font-weight:600}.dark .chatbot-info-row .value{color:#f1f5f9}.chatbot-info-row .value.active{color:#16a34a}.dark .chatbot-info-row .value.active{color:#4ade80}.chatbot-info-row .value.inactive{color:#dc2626}.dark .chatbot-info-row .value.inactive{color:#f87171}.loading{min-height:400px}.spinner{border:4px solid #3b82f61a}.modal-close{font-size:24px}.label{color:#0f172a;font-size:14px;font-weight:600}.dark .label{color:#f1f5f9}.input{background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#0f172a;padding:12px 16px;transition:all .2s}.dark .input{background:#0f172a80;border-color:#334155;color:#f1f5f9}.input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}select.input{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.checkbox-label{border-radius:8px;color:#0f172a;font-size:14px;gap:10px;padding:12px;transition:background .2s}.dark .checkbox-label{color:#f1f5f9}.checkbox-label:hover{background:#f1f5f9}.dark .checkbox-label:hover{background:#ffffff0d}.checkbox-label input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;height:20px;width:20px}.form-hint{color:#64748b;font-size:12px;margin-top:8px}.dark .form-hint{color:#94a3b8}.form-hint a{color:#3b82f6;text-decoration:none}.form-hint a:hover{text-decoration:underline}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.btn-primary:disabled{opacity:.5}.card{border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;padding:40px}.dark .card{background:#1e293b;border-color:#334155}.agents-page{background:#f8fafc;margin:0 auto;max-width:1400px;min-height:100vh;padding:32px 24px}.dark .agents-page{background:linear-gradient(135deg,#1e293b,#0f172a);color:#f1f5f9}.page-header h1{margin:0}.page-subtitle{color:#64748b;font-size:16px;line-height:1.6;margin-top:8px}.dark .page-subtitle{color:#cbd5e1}.agents-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.agent-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;display:flex;gap:16px;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.agent-card:after{background:linear-gradient(90deg,#0000,#25d36608,#0000);content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform .6s;width:100%}.agent-card:hover:after{transform:translateX(100%)}.agent-card:hover{border-color:#25d366;box-shadow:0 10px 30px -10px #25d36626;transform:translateY(-4px)}.dark .agent-card{background:#1e293b;border-color:#334155}.dark .agent-card:hover{background:#334155;border-color:#22c55e;box-shadow:0 20px 40px -10px #22c55e40}.agent-avatar{align-items:center;background:linear-gradient(135deg,#7c3aed,#a78bfa);border-radius:16px;color:#fff;display:flex;flex-shrink:0;font-size:24px;font-weight:700;height:64px;justify-content:center;overflow:hidden;width:64px}.agent-avatar img{height:100%;object-fit:cover;width:100%}.agent-info{flex:1 1;min-width:0}.agent-name{color:#0f172a;font-size:18px;font-weight:700;margin-bottom:4px}.dark .agent-name{color:#f1f5f9}.agent-email{color:#64748b;font-size:14px;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .agent-email{color:#94a3b8}.agent-status{align-items:center;display:flex;gap:6px}.status-badge{border-radius:100px;font-weight:600;gap:4px}.status-active{background:#dcfce7;color:#16a34a}.dark .status-active{background:#16a34a26;color:#4ade80}.status-inactive{background:#fee2e2;color:#dc2626}.dark .status-inactive{background:#dc262626;color:#f87171}.agent-actions{display:flex;flex-shrink:0;gap:8px}.btn-icon{border-radius:12px;height:40px;width:40px}.btn-icon-danger:hover{background:#fee2e2;color:#dc2626}.dark .btn-icon-danger:hover{background:#dc262626;color:#f87171}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center}.empty-icon,.empty-state p{margin-bottom:24px}.modal{max-width:500px}.modal-close{background:#0000;border-radius:8px;color:#94a3b8;padding:8px;transition:all .2s}.modal-close:hover{background:#f1f5f9;color:#64748b}.dark .modal-close:hover{background:#ffffff1a;color:#f1f5f9}.form-group input,.form-group select{background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#0f172a;padding:12px 16px;transition:all .2s}.dark .form-group input,.dark .form-group select{background:#0f172a80;border-color:#334155;color:#f1f5f9}.form-group input:focus,.form-group select:focus{border-color:#25d366;box-shadow:0 0 0 3px #25d36626}.btn-primary{align-items:center;border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;gap:8px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary,.btn-secondary{display:inline-flex;padding:12px 24px}.btn-secondary{transition:all .2s}.api-keys-container{background:#f8fafc;margin:0 auto;max-width:1400px;min-height:100vh;padding:32px 24px}.dark .api-keys-container{background:linear-gradient(135deg,#1e293b,#0f172a);color:#f1f5f9}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:40px}.page-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f172a,#334155);-webkit-background-clip:text;background-clip:text;color:#0f172a;font-size:36px;font-weight:800;letter-spacing:-.025em;margin:0 0 8px}.dark .page-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f8fafc,#cbd5e1);-webkit-background-clip:text;background-clip:text}.page-header p{color:#64748b;font-size:16px;line-height:1.6;margin:0}.dark .page-header p{color:#cbd5e1}.api-keys-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.api-key-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.api-key-card:hover{border-color:#25d366;box-shadow:0 10px 30px -10px #25d36626;transform:translateY(-4px)}.dark .api-key-card{background:#1e293b;border-color:#334155}.dark .api-key-card:hover{background:#334155;border-color:#22c55e;box-shadow:0 20px 40px -10px #22c55e40}.card-header{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.dark .card-header{border-bottom-color:#334155}.card-header h3{color:#0f172a;font-size:18px;font-weight:700;margin:0 0 8px}.dark .card-header h3{color:#f1f5f9}.key-preview{color:#64748b;font-family:JetBrains Mono,monospace;font-size:12px;margin:0;word-break:break-all}.dark .key-preview{color:#94a3b8}.card-actions{display:flex;gap:8px}.btn-icon{align-items:center;background:#f1f5f9;border:none;border-radius:10px;cursor:pointer;display:flex;justify-content:center;transition:all .2s}.dark .btn-icon{background:#33415580}.btn-icon:hover{background:#e2e8f0}.dark .btn-icon:hover{background:#334155cc}.btn-icon .icon{height:18px;width:18px}.card-body{display:flex;flex-direction:column;gap:12px}.info-row{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:10px 0}.dark .info-row{border-bottom-color:#33415580}.info-row:last-child{border-bottom:none}.info-row .label{color:#64748b;font-size:14px;font-weight:500}.dark .info-row .label{color:#94a3b8}.info-row .value{color:#0f172a;font-weight:600}.dark .info-row .value{color:#f1f5f9}.info-row .value.active{color:#16a34a;font-weight:600}.dark .info-row .value.active{color:#4ade80}.info-row .value.inactive{color:#dc2626;font-weight:600}.dark .info-row .value.inactive{color:#f87171}.empty-icon{color:#cbd5e1;height:80px;margin:0 auto 24px;width:80px}.dark .empty-icon{color:#475569}.empty-state h3{color:#0f172a;font-size:24px;font-weight:700;margin:0 0 8px}.dark .empty-state h3{color:#f1f5f9}.empty-state p{font-size:16px;margin:0 0 24px}.modal-overlay{padding:24px}.modal-content{animation:modalSlide .3s cubic-bezier(.16,1,.3,1);border-radius:24px;box-shadow:0 25px 50px -12px #00000040;width:100%}.dark .modal-content{background:#1e293b;border:1px solid #334155}.modal-content.large{max-width:900px}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#0f172a;padding:12px 16px;transition:all .2s}.dark .form-group input,.dark .form-group select,.dark .form-group textarea{background:#0f172a80;border-color:#334155;color:#f1f5f9}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#25d366;box-shadow:0 0 0 3px #25d36626}.new-key-display{padding:24px}.alert{border-radius:12px;margin-bottom:24px;padding:16px 20px}.alert-warning{background:#fef3c7;border:1px solid #fbbf24;color:#92400e}.dark .alert-warning{background:#fbbf2426;border-color:#fbbf244d;color:#fbbf24}.key-display{margin-bottom:24px}.key-display label{color:#0f172a;display:block;font-weight:600;margin-bottom:8px}.dark .key-display label{color:#f1f5f9}.key-input-group{display:flex;gap:8px}.key-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#0f172a;flex:1 1;font-family:JetBrains Mono,monospace;font-size:14px;padding:14px 16px}.dark .key-input{background:#0f172a80;border-color:#334155;color:#f1f5f9}.usage-summary{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:32px}.stat-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:24px;text-align:center}.dark .stat-card{background:#0f172a80;border-color:#334155}.stat-value{color:#0f172a;font-weight:800;margin-bottom:8px}.dark .stat-value{color:#f1f5f9}.stat-label{color:#64748b;font-weight:500}.dark .stat-label{color:#94a3b8}.usage-table{margin-top:24px}.usage-table h3{color:#0f172a;font-size:18px;font-weight:700;margin-bottom:16px}.dark .usage-table h3{color:#f1f5f9}.usage-table table{border:1px solid #e2e8f0;border-collapse:collapse;border-radius:12px;overflow:hidden;width:100%}.dark .usage-table table{border-color:#334155}.usage-table td,.usage-table th{border-bottom:1px solid #f1f5f9;padding:14px 16px;text-align:left}.dark .usage-table td,.dark .usage-table th{border-bottom-color:#334155}.usage-table th{background:#f8fafc;color:#64748b;font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.dark .usage-table th{background:#0f172a80;color:#94a3b8}.dark .usage-table td{color:#f1f5f9}.usage-table td.success{color:#16a34a;font-weight:600}.dark .usage-table td.success{color:#4ade80}.usage-table td.error{color:#dc2626;font-weight:600}.dark .usage-table td.error{color:#f87171}.btn{border-radius:12px;font-weight:600;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary:disabled{background:#94a3b8;box-shadow:none;cursor:not-allowed;transform:none}.btn-secondary:hover{border-color:#cbd5e1}.loading-container{align-items:center;display:flex;height:100vh;justify-content:center}.spinner{animation:spin 1s cubic-bezier(.55,.055,.675,.19) infinite;border:4px solid #25d3661a;height:48px;width:48px}.webhooks-container{background:#f8fafc;margin:0 auto;max-width:1400px;min-height:100vh;padding:32px 24px}.dark .webhooks-container{background:linear-gradient(135deg,#1e293b,#0f172a);color:#f1f5f9}.webhooks-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.webhook-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.webhook-card:hover{border-color:#25d366;box-shadow:0 10px 30px -10px #25d36626;transform:translateY(-4px)}.dark .webhook-card{background:#1e293b;border-color:#334155}.dark .webhook-card:hover{background:#334155;border-color:#22c55e;box-shadow:0 20px 40px -10px #22c55e40}.instance-id{color:#64748b;font-family:JetBrains Mono,monospace;font-size:12px;margin:4px 0 0}.dark .instance-id{color:#94a3b8}.card-footer{border-top:1px solid #f1f5f9;margin-top:16px;padding-top:16px}.dark .card-footer{border-top-color:#334155}.events-list{display:flex;flex-wrap:wrap;gap:8px}.event-badge{background:#f1f5f9;border-radius:100px;color:#64748b;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.dark .event-badge{background:#33415580;color:#cbd5e1}.events-selector{grid-gap:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-height:300px;overflow-y:auto;padding:20px}.dark .events-selector{background:#0f172a80;border-color:#334155}.event-checkbox{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:10px 12px;transition:background .2s}.event-checkbox:hover{background:#f1f5f9}.dark .event-checkbox:hover{background:#ffffff0d}.event-checkbox input[type=checkbox]{accent-color:#25d366;cursor:pointer}.dark .event-checkbox{color:#f1f5f9}.logs-table{border:1px solid #e2e8f0;border-radius:12px;margin-top:16px;overflow:hidden}.dark .logs-table{border-color:#334155}.logs-table table{border-collapse:collapse;width:100%}.logs-table td,.logs-table th{border-bottom:1px solid #f1f5f9;padding:14px 16px}.dark .logs-table td,.dark .logs-table th{border-bottom-color:#334155}.logs-table th{background:#f8fafc;color:#64748b;font-size:13px;letter-spacing:.05em;text-transform:uppercase}.dark .logs-table th{background:#0f172a80;color:#94a3b8}.dark .logs-table td{color:#f1f5f9}.status{border-radius:100px;font-size:12px;font-weight:600;padding:4px 12px}.status.success{background:#dcfce7;color:#16a34a}.dark .status.success{background:#16a34a26;color:#4ade80}.status.error{background:#fee2e2;color:#dc2626}.dark .status.error{background:#dc262626;color:#f87171}.error-message{color:#dc2626;font-size:12px;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .error-message{color:#f87171}.test-result{flex-direction:column;gap:16px}.result-row{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;justify-content:space-between;padding:14px 16px}.dark .result-row{background:#0f172a80;border-color:#334155}.result-row .label{color:#64748b;font-weight:500}.dark .result-row .label{color:#94a3b8}.result-row .value{color:#0f172a;font-weight:600}.dark .result-row .value{color:#f1f5f9}.result-row .value.success{color:#16a34a}.dark .result-row .value.success{color:#4ade80}.result-row .value.error{color:#dc2626}.dark .result-row .value.error{color:#f87171}.analytics-container{background:#f8fafc;margin:0 auto;max-width:1400px;min-height:100vh;padding:32px 24px}.dark .analytics-container{background:linear-gradient(135deg,#1e293b,#0f172a);color:#f1f5f9}.analytics-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:40px}.analytics-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f172a,#334155);-webkit-background-clip:text;background-clip:text;color:#0f172a;font-size:36px;font-weight:800;letter-spacing:-.025em;margin-bottom:12px}.dark .analytics-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f8fafc,#cbd5e1);-webkit-background-clip:text;background-clip:text}.analytics-subtitle{color:#64748b;font-size:16px;line-height:1.6}.dark .analytics-subtitle{color:#cbd5e1}.analytics-actions{display:flex;gap:12px}.btn-secondary{align-items:center;border-radius:12px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-secondary:hover{border-color:#25d366;box-shadow:0 4px 12px #25d36626;transform:translateY(-2px)}.dark .btn-secondary{background:#1e293b;border-color:#94a3b833}.dark .btn-secondary:hover{background:#334155;border-color:#22c55e;box-shadow:0 4px 12px #22c55e33}.analytics-filters{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;display:flex;gap:16px;margin-bottom:32px;padding:24px}.dark .analytics-filters{background:#1e293b;border-color:#334155;box-shadow:0 10px 15px -3px #0000004d}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-label{align-items:center;color:#64748b;display:flex;font-size:13px;font-weight:600;gap:6px;letter-spacing:.05em;text-transform:uppercase}.dark .filter-label{color:#94a3b8}.filter-input,.filter-select{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#0f172a;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s}.filter-input:focus,.filter-select:focus{background:#fff;border-color:#25d366;box-shadow:0 0 0 3px #25d36626;outline:none}.dark .filter-input,.dark .filter-select{background:#0f172a80;border-color:#334155;color:#f1f5f9}.dark .filter-input:focus,.dark .filter-select:focus{background:#0f172acc;border-color:#22c55e}.analytics-tabs{border-bottom:2px solid #e2e8f0;display:flex;gap:8px;margin-bottom:24px;padding-bottom:2px}.dark .analytics-tabs{border-bottom-color:#334155}.tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;font-size:14px;font-weight:600;margin-bottom:-4px;padding:12px 24px;transition:all .2s}.dark .tab{color:#94a3b8}.tab:hover{background:#00000005;color:#0f172a}.dark .tab:hover{background:#ffffff0d;color:#f1f5f9}.tab-active{background:#0000;border:none;border-bottom:2px solid #25d366;color:#25d366;cursor:pointer;font-size:14px;font-weight:700;margin-bottom:-4px;padding:12px 24px}.dark .tab-active{border-bottom-color:#4ade80;color:#4ade80}.analytics-content{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;padding:32px}.dark .analytics-content{background:#1e293b;border-color:#334155;box-shadow:0 10px 15px -3px #0000004d}.metrics-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:32px}.metric-card{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;display:flex;gap:20px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.dark .metric-card{background:#0f172a80;border-color:#334155}.metric-card:hover{background:#fff;border-color:#25d366;box-shadow:0 10px 30px -10px #25d36626;transform:translateY(-4px)}.dark .metric-card:hover{background:#1e293b;border-color:#22c55e;box-shadow:0 20px 40px -10px #22c55e33}.metric-icon{align-items:center;border-radius:16px;display:flex;flex-shrink:0;height:64px;justify-content:center;transition:transform .3s;width:64px}.metric-card:hover .metric-icon{transform:scale(1.1) rotate(3deg)}.metric-icon.bg-blue-100{background:#eff6ff;color:#2563eb}.dark .metric-icon.bg-blue-100{background:#2563eb26;color:#60a5fa}.metric-icon.bg-green-100{background:#dcfce7;color:#16a34a}.dark .metric-icon.bg-green-100{background:#16a34a26;color:#4ade80}.metric-icon.bg-purple-100{background:#f3e8ff;color:#7c3aed}.dark .metric-icon.bg-purple-100{background:#7c3aed26;color:#a78bfa}.metric-icon.bg-yellow-100{background:#fef3c7;color:#d97706}.dark .metric-icon.bg-yellow-100{background:#d9770626;color:#fbbf24}.metric-icon.bg-orange-100{background:#ffedd5;color:#ea580c}.dark .metric-icon.bg-orange-100{background:#ea580c26;color:#fb923c}.metric-icon.bg-teal-100{background:#ccfbf1;color:#0d9488}.dark .metric-icon.bg-teal-100{background:#0d948826;color:#2dd4bf}.metric-icon svg{height:32px;width:32px}.metric-content{flex:1 1}.metric-label{color:#64748b;font-size:14px;font-weight:500;margin-bottom:4px}.dark .metric-label{color:#94a3b8}.metric-value{color:#0f172a;font-size:32px;font-weight:800;letter-spacing:-.05em;line-height:1}.dark .metric-value{color:#f8fafc}.chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;margin-bottom:24px;padding:24px}.dark .chart-card{background:#0f172a80;border-color:#334155}.chart-title{color:#0f172a;font-size:18px;font-weight:700;margin:0 0 20px}.dark .chart-title{color:#f1f5f9}.chart-container{min-height:200px}.simple-chart{align-items:flex-end;display:flex;gap:8px;height:180px;padding:16px 0}.chart-bar-container{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px;height:100%}.chart-bar{background:linear-gradient(0deg,#25d366 0,#4ade80);border-radius:6px 6px 0 0;min-height:4px;transition:all .3s;width:100%}.dark .chart-bar{background:linear-gradient(0deg,#22c55e 0,#4ade80)}.chart-bar:hover{opacity:.8;transform:scaleY(1.05)}.chart-label{color:#64748b;font-size:11px;font-weight:500;text-align:center}.dark .chart-label{color:#94a3b8}.loading,.no-data{font-size:16px;padding:60px 24px}.no-data{background:#f8fafc;border:2px dashed #e2e8f0;border-radius:16px;color:#94a3b8;text-align:center}.dark .no-data{background:#0f172a4d;border-color:#334155;color:#64748b}.realtime-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:24px;padding:16px 20px}.dark .realtime-info{background:#0f172a80;border-color:#334155}.report-table-container{border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto}.dark .report-table-container{border-color:#334155}.report-table{border-collapse:initial;border-spacing:0;width:100%}.report-table thead{background:#f8fafc}.dark .report-table thead{background:#0f172a80}.report-table th{border-bottom:1px solid #e2e8f0;color:#64748b;font-size:13px;font-weight:600;letter-spacing:.05em;padding:16px 20px;text-align:left;text-transform:uppercase}.dark .report-table th{border-bottom-color:#334155;color:#94a3b8}.report-table td{border-bottom:1px solid #f1f5f9;color:#0f172a;font-size:14px;padding:16px 20px}.dark .report-table td{border-bottom-color:#33415580;color:#f1f5f9}.report-table tbody tr:hover{background:#f8fafc}.dark .report-table tbody tr:hover{background:#3341554d}.report-table tbody tr:last-child td{border-bottom:none}@media (max-width:768px){.analytics-header{gap:20px}.analytics-filters,.analytics-header{flex-direction:column}.analytics-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.metrics-grid{grid-template-columns:1fr}}.quick-replies-page{background:#f8fafc;margin:0 auto;max-width:1400px;min-height:100vh;padding:32px 24px}.dark .quick-replies-page{background:linear-gradient(135deg,#1e293b,#0f172a);color:#f1f5f9}.quick-replies-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:32px}.quick-replies-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f172a,#334155);-webkit-background-clip:text;background-clip:text;color:#0f172a;font-size:36px;font-weight:800;letter-spacing:-.025em;margin-bottom:8px}.dark .quick-replies-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f8fafc,#cbd5e1);-webkit-background-clip:text;background-clip:text}.quick-replies-header p{color:#64748b;font-size:16px;line-height:1.6}.dark .quick-replies-header p{color:#cbd5e1}.quick-replies-search{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:12px;margin-bottom:32px;padding:14px 20px;transition:all .2s}.dark .quick-replies-search{background:#1e293b;border-color:#334155}.quick-replies-search:focus-within{border-color:#25d366;box-shadow:0 0 0 3px #25d36626}.quick-replies-search svg{color:#94a3b8;flex-shrink:0}.quick-replies-search input{background:#0000;border:none;color:#0f172a;flex:1 1;font-size:14px;outline:none}.dark .quick-replies-search input{color:#f1f5f9}.quick-replies-search input::placeholder{color:#94a3b8}.quick-replies-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.quick-reply-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.quick-reply-card:hover{border-color:#25d366;box-shadow:0 10px 30px -10px #25d36626;transform:translateY(-4px)}.dark .quick-reply-card{background:#1e293b;border-color:#334155}.dark .quick-reply-card:hover{background:#334155;border-color:#22c55e;box-shadow:0 20px 40px -10px #22c55e40}.quick-reply-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.quick-reply-header h3{color:#0f172a;font-size:18px;font-weight:700;margin-bottom:6px}.dark .quick-reply-header h3{color:#f1f5f9}.quick-reply-shortcut{background:#f1f5f9;border-radius:8px;color:#64748b;display:inline-block;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600;padding:4px 10px}.dark .quick-reply-shortcut{background:#33415580;color:#94a3b8}.quick-reply-actions{display:flex;gap:8px}.quick-reply-message{color:#64748b;font-size:14px;line-height:1.6;margin-bottom:16px;white-space:pre-wrap}.dark .quick-reply-message{color:#94a3b8}.quick-reply-category{background:#25d36626;border-radius:100px;color:#16a34a;display:inline-block;font-size:12px;font-weight:600;margin-bottom:12px;padding:4px 12px}.dark .quick-reply-category{background:#22c55e26;color:#4ade80}.quick-reply-stats{color:#94a3b8;font-size:12px;margin-top:8px}.dark .quick-reply-stats{color:#64748b}.empty-state{background:#f8fafc;border:2px dashed #e2e8f0;border-radius:24px;padding:80px 24px}.dark .empty-state{background:#0f172a4d;border-color:#334155}.empty-state p{color:#64748b;font-size:18px}.dark .empty-state p{color:#94a3b8}.loading{color:#64748b;padding:60px;text-align:center}.dark .loading{color:#94a3b8}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172acc;inset:0;padding:20px}.modal{animation:modalSlide .3s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.dark .modal{background:#1e293b;border:1px solid #334155}@keyframes modalSlide{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{border-bottom:1px solid #f1f5f9;padding:24px}.dark .modal-header{border-bottom-color:#334155}.modal-header h2{color:#0f172a;font-weight:700}.dark .modal-header h2{color:#f1f5f9}.form-group{margin-bottom:24px}.form-group label{color:#0f172a;font-weight:600}.dark .form-group label{color:#f1f5f9}.form-group input,.form-group textarea{background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#0f172a;padding:12px 16px;transition:all .2s}.dark .form-group input,.dark .form-group textarea{background:#0f172a80;border-color:#334155;color:#f1f5f9}.form-group input:focus,.form-group textarea:focus{border-color:#25d366;box-shadow:0 0 0 3px #25d36626}.form-group small{color:#64748b;display:block;font-size:12px;margin-top:8px}.dark .form-group small{color:#94a3b8}.modal-footer{background:#f8fafc;border-radius:0 0 24px 24px;border-top:1px solid #f1f5f9;padding:24px}.dark .modal-footer{background:#0f172a80;border-top-color:#334155}.btn-icon,.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary{background:#25d366}.btn-primary:hover{background:#22c55e;box-shadow:0 4px 12px #22c55e4d;transform:translateY(-2px)}.btn-secondary{background:#fff;border:1px solid #e2e8f0;color:#64748b}.btn-secondary:hover{background:#f8fafc;color:#0f172a}.dark .btn-secondary{background:#0000;border-color:#334155;color:#cbd5e1}.dark .btn-secondary:hover{background:#ffffff0d;color:#f1f5f9}.btn-icon{background:#0000;color:#64748b;padding:10px}.dark .btn-icon{color:#94a3b8}.btn-icon:hover{background:#f1f5f9;color:#0f172a}.dark .btn-icon:hover{background:#ffffff1a;color:#f1f5f9}.btn-icon.danger:hover{background:#fee2e2;color:#dc2626}.dark .btn-icon.danger:hover{background:#dc262626;color:#f87171}.documentation-container{background-color:#f8fafc;display:flex;font-family:Inter,system-ui,-apple-system,sans-serif;height:calc(100vh - 64px);overflow:hidden}body.dark-mode .documentation-container{background-image:radial-gradient(at 0 0,#38bdf81a 0,#0000 50%),radial-gradient(at 100% 100%,#8b5cf61a 0,#0000 50%)}.doc-sidebar{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:#fffc;border-right:1px solid #e2e8f0cc}body.dark-mode .doc-sidebar{background-color:#1e293bb3;border-color:#33415580}.doc-search-container{border-bottom:1px solid #e2e8f099;padding:1.5rem}body.dark-mode .doc-search-container{border-color:#33415580}.doc-search-input{background-color:#f8fafc80;border-radius:.75rem;padding:.75rem 1rem .75rem 2.5rem;transition:all .2s cubic-bezier(.4,0,.2,1)}body.dark-mode .doc-search-input{background-color:#0f172a80;border-color:#334155cc}.doc-search-input:focus{background-color:#fff;box-shadow:0 0 0 4px #3b82f61a}body.dark-mode .doc-search-input:focus{background-color:#0f172acc;box-shadow:0 0 0 4px #3b82f633}.doc-nav-scroll{padding:1.5rem 0}.doc-nav-scroll::-webkit-scrollbar{width:4px}.doc-nav-scroll::-webkit-scrollbar-thumb{background-color:#94a3b84d;border-radius:4px}.doc-nav-category{margin-bottom:2rem}.doc-category-title{font-weight:700;margin-bottom:.75rem}.doc-nav-item{color:#475569;margin:.125rem 0;padding:.625rem 1.5rem}.doc-nav-item:hover{background-color:#f1f5f9cc}body.dark-mode .doc-nav-item:hover{background-color:#33415566}.doc-nav-item.active{background-color:#eff6ffcc}body.dark-mode .doc-nav-item.active{background-color:#2563eb26}.doc-nav-icon{opacity:.8}.doc-nav-item.active .doc-nav-icon{opacity:1}.doc-content{padding:3rem 4rem}@media (max-width:1024px){.doc-content{padding:2rem}}.doc-main-content{padding-bottom:4rem}.doc-header{margin-bottom:3.5rem}.doc-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f172a,#334155);-webkit-background-clip:text;font-size:2.5rem;letter-spacing:-.025em;margin-bottom:.75rem}body.dark-mode .doc-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f8fafc,#cbd5e1);-webkit-background-clip:text}.api-viewer{background-color:#fff;border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 4px 6px -1px #00000005,0 2px 4px -1px #00000005;gap:2rem;margin-bottom:3.5rem;padding:2rem}body.dark-mode .api-viewer{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#1e293b66;border-color:#33415580;box-shadow:none}.api-example-container{display:flex;flex:1 1;flex-direction:column;gap:1rem;min-width:0}.method-badge{border-radius:9999px;font-family:JetBrains Mono,Fira Code,monospace;height:24px;justify-content:center;margin-right:1rem;min-width:70px;padding:0 .75rem}.method-get{border:1px solid #bfdbfe}.method-post{border:1px solid #bbf7d0}.method-put{border:1px solid #fde047}.method-delete{border:1px solid #fecaca}body.dark-mode .method-get{background-color:#1e40af33;border-color:#1e40af66}body.dark-mode .method-post{background-color:#16653433;border-color:#16653466}body.dark-mode .method-put{background-color:#854d0e33;border-color:#854d0e66}body.dark-mode .method-delete{background-color:#991b1b33;border-color:#991b1b66}.endpoint-url{font-family:JetBrains Mono,Fira Code,monospace;word-break:break-all}.endpoint-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.params-table{font-size:.875rem;margin-top:1.5rem}.params-table th{letter-spacing:.05em;padding:.75rem .5rem .75rem 0}.params-table td{padding:1rem .5rem 1rem 0}body.dark-mode .params-table td{border-color:#3341554d}.param-name,.param-type{font-family:JetBrains Mono,Fira Code,monospace}.param-type{background-color:#f1f5f9;border-radius:.25rem;padding:.125rem .375rem}body.dark-mode .param-type{background-color:#33415580;color:#cbd5e1}.api-example{background-color:#0f172a;border:1px solid #1e293b}body.dark-mode .api-example{background-color:#0b1121}.code-header{background-color:#ffffff0d;border-bottom:1px solid #ffffff1a;padding:.625rem 1rem}.code-title{font-family:Inter,sans-serif;letter-spacing:.05em}.code-copy-btn{border-radius:.25rem;color:#64748b;padding:.25rem;transition:all .2s}.code-copy-btn:hover{background-color:#ffffff1a}.code-content pre{font-family:JetBrains Mono,Fira Code,monospace;line-height:1.6}.doc-prose{font-size:1rem;line-height:1.7}.doc-prose p{margin-bottom:1.5rem}.doc-prose h3{letter-spacing:-.01em;margin-top:2.5rem}.doc-prose ol,.doc-prose ul{margin-bottom:1.5rem;padding-left:1.5rem}.doc-prose ol{list-style-type:decimal}.doc-prose code{background-color:#f1f5f9;border-radius:.25rem;color:#0f172a;font-family:JetBrains Mono,Fira Code,monospace;font-size:.875em;padding:.125rem .375rem}body.dark-mode .doc-prose code{background-color:#33415580;color:#f8fafc}.doc-notification{border-radius:.75rem;display:flex;font-size:.9375rem;gap:.75rem;line-height:1.6;margin-bottom:2rem;padding:1rem 1.25rem}.doc-notification.info{border:1px solid #bfdbfe}body.dark-mode .doc-notification.info{background-color:#3b82f61a;border-color:#3b82f633}.doc-notification.warning{background-color:#fffbeb;border:1px solid #fde68a;color:#92400e}body.dark-mode .doc-notification.warning{background-color:#f59e0b1a;border-color:#f59e0b33;color:#fcd34d}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#94a3b880;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8b3}body.dark-mode .documentation-container{background-color:#0f172a}.doc-sidebar{background-color:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;flex-shrink:0;height:100%;width:280px;z-index:10}body.dark-mode .doc-sidebar{background-color:#1e293b;border-color:#334155}.doc-search-container{border-bottom:1px solid #e2e8f0;padding:1rem}body.dark-mode .doc-search-container{border-color:#334155}.doc-search-input{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;color:#1e293b;font-size:.875rem;padding:.5rem 1rem .5rem 2.5rem;transition:all .2s;width:100%}body.dark-mode .doc-search-input{background-color:#0f172a;border-color:#334155;color:#f8fafc}.doc-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;outline:none}.doc-nav-scroll{flex:1 1;overflow-y:auto;padding:1rem 0}.doc-nav-category{margin-bottom:1.5rem}.doc-category-title{color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;padding:0 1.5rem;text-transform:uppercase}body.dark-mode .doc-category-title{color:#94a3b8}.doc-nav-item{align-items:center;border-left:3px solid #0000;color:#334155;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;padding:.5rem 1.5rem;transition:all .2s}body.dark-mode .doc-nav-item{color:#cbd5e1}.doc-nav-item:hover{background-color:#f1f5f9;color:#0f172a}body.dark-mode .doc-nav-item:hover{background-color:#334155;color:#fff}.doc-nav-item.active{background-color:#eff6ff;border-left-color:#2563eb;color:#2563eb}body.dark-mode .doc-nav-item.active{background-color:#2563eb1a;border-left-color:#60a5fa;color:#60a5fa}.doc-nav-icon{height:1.25rem;margin-right:.75rem;width:1.25rem}.doc-content{flex:1 1;overflow-y:auto;padding:2rem;scroll-behavior:smooth}.doc-main-content{margin:0 auto;max-width:1000px}.doc-header{border-bottom:1px solid #e2e8f0;margin-bottom:3rem;padding-bottom:2rem}body.dark-mode .doc-header{border-color:#334155}.doc-title{color:#0f172a;font-size:2.25rem;font-weight:800;margin-bottom:.5rem}body.dark-mode .doc-title{color:#f8fafc}.doc-subtitle{color:#64748b;font-size:1.125rem;line-height:1.6}body.dark-mode .doc-subtitle{color:#94a3b8}.doc-section{margin-bottom:4rem}.doc-section-header{margin-bottom:1.5rem}.doc-section-title{color:#0f172a;font-size:1.5rem;font-weight:700;margin-bottom:1rem}body.dark-mode .doc-section-title{color:#f8fafc}.api-viewer{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:3rem}@media (min-width:1280px){.api-viewer{align-items:flex-start;flex-direction:row}}.api-details,.api-example{flex:1 1;min-width:0}.api-example{background-color:#1e293b;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden}.method-badge{align-items:center;border-radius:.375rem;display:inline-flex;font-size:.75rem;font-weight:700;margin-right:.75rem;padding:.25rem .75rem;text-transform:uppercase}.method-get{background-color:#dbeafe;color:#1e40af}body.dark-mode .method-get{background-color:#1e40af4d;color:#93c5fd}.method-post{background-color:#dcfce7;color:#166534}body.dark-mode .method-post{background-color:#1665344d;color:#86efac}.method-put{background-color:#fef9c3;color:#854d0e}body.dark-mode .method-put{background-color:#854d0e4d;color:#fde047}.method-delete{background-color:#fee2e2;color:#991b1b}body.dark-mode .method-delete{background-color:#991b1b4d;color:#fca5a5}.endpoint-url{color:#475569;font-family:SF Mono,Roboto Mono,Menlo,monospace;font-size:.875rem}body.dark-mode .endpoint-url{color:#cbd5e1}.params-table{border-collapse:initial;border-spacing:0;margin-top:1rem;width:100%}.params-table th{border-bottom:1px solid #e2e8f0;color:#64748b;font-size:.75rem;font-weight:600;padding:.75rem 0;text-align:left;text-transform:uppercase}body.dark-mode .params-table th{border-color:#334155;color:#94a3b8}.params-table td{border-bottom:1px solid #f1f5f9;padding:1rem 0;vertical-align:top}body.dark-mode .params-table td{border-color:#1e293b}.param-name{color:#2563eb;font-family:SF Mono,Roboto Mono,Menlo,monospace;font-size:.8125rem;font-weight:600}body.dark-mode .param-name{color:#60a5fa}.param-required{color:#ef4444;margin-left:.25rem}.param-type{color:#94a3b8;font-family:SF Mono,Roboto Mono,Menlo,monospace;font-size:.75rem}.param-desc{color:#334155;font-size:.875rem;line-height:1.5}body.dark-mode .param-desc{color:#cbd5e1}.code-header{align-items:center;background-color:#0f172a;border-bottom:1px solid #334155;display:flex;justify-content:space-between;padding:.75rem 1rem}.code-title{color:#94a3b8;font-size:.75rem;font-weight:600;text-transform:uppercase}.code-copy-btn{background:none;border:none;color:#94a3b8;cursor:pointer;transition:color .2s}.code-copy-btn:hover{color:#fff}.code-content{margin:0;overflow-x:auto;padding:1rem}.code-content pre{color:#e2e8f0;font-family:SF Mono,Roboto Mono,Menlo,monospace;font-size:.8125rem;line-height:1.5;margin:0}.doc-prose{color:#334155;line-height:1.6}body.dark-mode .doc-prose{color:#cbd5e1}.doc-prose h3{color:#0f172a;font-size:1.25rem;font-weight:700;margin-bottom:1rem;margin-top:2rem}body.dark-mode .doc-prose h3{color:#f8fafc}.doc-prose ul{list-style-type:disc;margin-bottom:1.5rem;padding-left:1.5rem}.doc-prose li{margin-bottom:.5rem}.doc-notification{border-radius:.5rem;font-size:.875rem;margin-bottom:1.5rem;padding:.75rem}.doc-notification.info{background-color:#eff6ff;border:1px solid #dbeafe;color:#1e40af}body.dark-mode .doc-notification.info{background-color:#1e40af33;border-color:#1e40af66;color:#93c5fd}.topnav{background:linear-gradient(135deg,#fff,#f9fafb);border-bottom:2px solid #e5e7eb;box-shadow:0 2px 8px #00000014;left:0;padding:0;position:fixed;right:0;top:0;z-index:1000}.topnav-container{align-items:center;display:flex;gap:24px;justify-content:space-between;margin:0 auto;max-width:1600px;padding:8px 20px}.topnav-logo{flex-shrink:0;text-decoration:none}.topnav-logo h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#25d366,#128c7e);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700;margin:0;white-space:nowrap}.topnav-desktop{align-items:center;display:flex;flex:1 1;gap:16px;justify-content:center}.topnav-main-links{align-items:center;display:flex;gap:4px}.topnav-link{align-items:center;border-radius:8px;color:#374151;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 14px;text-decoration:none;transition:all .2s;white-space:nowrap}.topnav-link:hover{background-color:#f3f4f6;color:#111827}.topnav-link.active{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff}.topnav-link-icon{flex-shrink:0;height:18px;width:18px}.topnav-dropdown{position:relative}.topnav-dropdown-toggle{align-items:center;background:#0000;border:none;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 14px;transition:all .2s;white-space:nowrap}.topnav-dropdown-toggle:hover{background-color:#f3f4f6;color:#111827}.topnav-dropdown.has-active .topnav-dropdown-toggle{color:#25d366}.topnav-dropdown.open .topnav-dropdown-toggle{background-color:#f3f4f6;color:#111827}.topnav-dropdown-chevron{height:14px;transition:transform .2s;width:14px}.topnav-dropdown.open .topnav-dropdown-chevron{transform:rotate(180deg)}.topnav-dropdown-menu{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #0000001a;left:0;min-width:200px;opacity:0;padding:8px;position:absolute;top:calc(100% + 8px);transform:translateY(-8px);transition:all .2s;visibility:hidden;z-index:1001}.topnav-dropdown.open .topnav-dropdown-menu{opacity:1;transform:translateY(0);visibility:visible}.topnav-dropdown-item{align-items:center;border-radius:8px;color:#374151;display:flex;font-size:14px;gap:12px;padding:10px 12px;text-decoration:none;transition:all .2s}.topnav-dropdown-item:hover{background-color:#f3f4f6;color:#111827}.topnav-dropdown-item.active{background-color:#d1fae5;color:#065f46;font-weight:500}.topnav-dropdown-item-icon{flex-shrink:0;height:18px;width:18px}.topnav-search{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:8px;min-width:250px;padding:8px 12px;transition:all .2s}.topnav-search:focus-within{border-color:#25d366;box-shadow:0 0 0 3px #25d3661a}.topnav-search-icon{color:#9ca3af;flex-shrink:0;height:18px;width:18px}.topnav-search-input{background:#0000;border:none;color:#111827;flex:1 1;font-size:14px;min-width:0;outline:none}.topnav-search-input::placeholder{color:#9ca3af}.topnav-actions{flex-shrink:0;gap:12px}.topnav-actions,.topnav-user{align-items:center;display:flex}.topnav-user{background:#f9fafb;border-radius:8px;gap:10px;padding:4px 10px}.topnav-user-avatar{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:32px;justify-content:center;width:32px}.topnav-user-info{display:flex;flex-direction:column;min-width:0}.topnav-user-name{color:#111827;font-size:13px;font-weight:500}.topnav-user-name,.topnav-user-plan{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topnav-user-plan{color:#6b7280;font-size:11px;text-decoration:none;transition:color .2s}.topnav-user-plan:hover{color:#25d366}.topnav-logout{align-items:center;background:#0000;border:none;border-radius:8px;color:#dc2626;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s}.topnav-logout:hover{background-color:#fee2e2}.topnav-logout-icon{height:18px;width:18px}.topnav-mobile-toggle{align-items:center;background:#0000;border:none;border-radius:8px;color:#374151;cursor:pointer;display:none;justify-content:center;padding:8px}.topnav-mobile-toggle-icon{height:24px;width:24px}.topnav-mobile-menu{background:#fff;border-top:1px solid #e5e7eb;box-shadow:0 4px 12px #0000001a;display:none;left:0;max-height:calc(100vh - 60px);overflow-y:auto;padding:16px;position:absolute;right:0;top:100%}.dark .topnav{background:linear-gradient(135deg,#111827,#020617);border-bottom-color:#1f2937}.dark .topnav-dropdown-toggle,.dark .topnav-link{color:#e5e7eb}.dark .topnav-dropdown-toggle:hover,.dark .topnav-link:hover{background-color:#111827;color:#fff}.dark .topnav-link.active{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.dark .topnav-dropdown-menu{background:#020617;border-color:#1f2937}.dark .topnav-dropdown-item{color:#e5e7eb}.dark .topnav-dropdown-item:hover{background-color:#111827;color:#fff}.dark .topnav-dropdown-item.active{background-color:#064e3b;color:#bbf7d0}.dark .topnav-search{background:#020617;border-color:#1f2937}.dark .topnav-search-input{color:#e5e7eb}.dark .topnav-search-input::placeholder{color:#6b7280}.dark .topnav-user{background:#020617}.dark .topnav-user-name{color:#e5e7eb}.dark .topnav-user-plan{color:#9ca3af}.dark .topnav-mobile-menu{background:#020617;border-top-color:#1f2937}.dark .topnav-mobile-link{color:#e5e7eb}.dark .topnav-mobile-link:hover{background-color:#111827;color:#fff}.dark .topnav-mobile-link.active{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.topnav-mobile-search{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:8px;margin-bottom:16px;padding:8px 12px}.topnav-mobile-links{display:flex;flex-direction:column;gap:4px}.topnav-mobile-link{align-items:center;border-radius:8px;color:#374151;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;text-decoration:none;transition:all .2s}.topnav-mobile-link:hover{background-color:#f3f4f6;color:#111827}.topnav-mobile-link.active{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff}.topnav-mobile-link.nested{font-weight:400;padding-left:44px}.topnav-mobile-group{margin-top:8px}.topnav-mobile-group-header{align-items:center;color:#6b7280;display:flex;font-size:12px;font-weight:600;gap:12px;letter-spacing:.5px;padding:12px 16px;text-transform:uppercase}@media (max-width:1024px){.topnav-search{min-width:180px}.topnav-main-links{gap:2px}.topnav-dropdown-toggle,.topnav-link{font-size:13px;padding:8px 10px}}@media (max-width:768px){.topnav-container{padding:8px 16px}.topnav-desktop{display:none!important}.topnav-mobile-toggle{display:flex!important}.topnav-mobile-menu{display:block!important}.topnav-search,.topnav-user-info{display:none}.topnav-dropdown-menu{border-left:none;border-radius:0;border-right:none;left:0;max-width:100%;position:fixed;right:0;top:60px}}@media (max-width:480px){.topnav-container{padding:8px 12px}.topnav-logo h1{font-size:18px}.topnav-mobile-toggle{padding:6px}.topnav-mobile-search{margin:12px}.topnav-mobile-links{padding:0 12px 12px}.topnav-user-avatar{font-size:12px;height:28px;width:28px}}.backup-page{background:#f5f5f5;min-height:100vh;padding:20px}.backup-container{margin:0 auto;max-width:1200px}.backup-header{align-items:flex-start;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.backup-title{color:#1f2937;font-size:28px;font-weight:600;margin:0 0 8px}.backup-subtitle{color:#6b7280;margin:0}.backup-actions{margin-bottom:30px}.backup-action-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:24px;text-align:center}.action-icon{color:#3b82f6;height:48px;margin:0 auto 16px;width:48px}.backup-action-card h3{color:#1f2937;font-size:20px;margin:0 0 8px}.backup-action-card p{color:#6b7280;margin:0 0 20px}.action-buttons{gap:12px;justify-content:center}.backups-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:24px}.section-title{color:#1f2937;font-size:22px;font-weight:600;margin:0 0 20px}.backups-list{display:flex;flex-direction:column;gap:16px}.backup-item{align-items:center;border:1px solid #e5e7eb;border-radius:6px;display:flex;justify-content:space-between;padding:16px;transition:all .2s}.backup-item:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a}.backup-info h3{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 8px}.backup-meta{color:#6b7280;display:flex;font-size:14px;gap:16px;margin:0}.backup-actions-item{display:flex;gap:8px}.backup-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.modal-content{max-width:500px}.modal-header{gap:12px}.warning-icon{color:#f59e0b;height:24px;width:24px}.modal-body p{color:#374151;line-height:1.6;margin:0 0 12px}.modal-body code{background:#f3f4f6;border-radius:4px;color:#dc2626;font-family:monospace;padding:2px 6px}.btn-warning{background:#f59e0b;color:#fff}.btn-warning:hover:not(:disabled){background:#d97706}.broadcasts-page{background:#f5f5f5;min-height:100vh;padding:20px}.broadcasts-container{margin:0 auto;max-width:1200px}.broadcasts-header{align-items:flex-start;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.broadcasts-title{color:#1f2937;font-size:28px;font-weight:600;margin:0 0 8px}.broadcasts-subtitle{color:#6b7280;margin:0}.broadcasts-list{display:flex;flex-direction:column;gap:16px}.broadcast-item{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;padding:20px}.broadcast-info{flex:1 1}.broadcast-header-item{align-items:center;display:flex;gap:12px;margin-bottom:12px}.broadcast-header-item h3{color:#1f2937;font-size:18px;font-weight:600;margin:0}.broadcast-details{grid-gap:8px;color:#6b7280;display:grid;font-size:14px;gap:8px;grid-template-columns:repeat(2,1fr)}.broadcast-details p{margin:0}.broadcast-actions{display:flex;gap:8px}.status-badge.completed{background:#d1fae5;color:#065f46}.status-badge.pending{background:#fef3c7;color:#92400e}.status-badge.sent{background:#dbeafe;color:#1e40af}.status-badge.delivered,.status-badge.read{background:#d1fae5;color:#065f46}.status-badge.failed{background:#fee2e2;color:#991b1b}.broadcasts-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.modal-large{max-width:900px}.checkbox-group{display:flex;flex-direction:column;gap:8px}.form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.logs-dashboard{grid-gap:16px;background:#f9fafb;border-radius:8px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:24px;padding:20px}.log-stat{display:flex;flex-direction:column;gap:4px}.log-stat-label{color:#6b7280;font-size:12px;text-transform:uppercase}.log-stat-value{color:#1f2937;font-size:24px;font-weight:600}.log-stat-value.success{color:#059669}.log-stat-value.warning{color:#d97706}.log-stat-value.error{color:#dc2626}.templates-page{background:#f5f5f5;min-height:100vh;padding:20px}.templates-container{margin:0 auto;max-width:1200px}.templates-header{align-items:flex-start;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.templates-title{color:#1f2937;font-size:28px;font-weight:600;margin:0 0 8px}.templates-subtitle{color:#6b7280;margin:0}.templates-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.template-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;gap:16px;padding:20px}.template-header{align-items:center;display:flex;justify-content:space-between}.template-header h3{color:#1f2937;font-size:18px;font-weight:600;margin:0}.template-type{background:#e5e7eb;border-radius:4px;color:#6b7280;font-size:12px;padding:4px 8px;text-transform:uppercase}.template-content{flex:1 1}.template-text{color:#6b7280;font-size:14px;line-height:1.6;margin:0}.template-actions{display:flex;gap:8px}.empty-icon{color:#d1d5db;height:64px;margin:0 auto 16px;width:64px}.templates-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.integrations-page{background:#f5f5f5;min-height:100vh;padding:20px}.integrations-container{margin:0 auto;max-width:1200px}.integrations-header{align-items:flex-start;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.integrations-title{color:#1f2937;font-size:28px;font-weight:600;margin:0 0 8px}.integrations-subtitle{color:#6b7280;margin:0}.integrations-list{display:flex;flex-direction:column;gap:16px}.integration-item{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;padding:20px}.integration-info{flex:1 1}.integration-header-item{align-items:center;display:flex;gap:12px;margin-bottom:12px}.integration-header-item h3{color:#1f2937;font-size:18px;font-weight:600;margin:0}.status-icon{height:20px;width:20px}.status-icon.active{color:#059669}.status-icon.inactive{color:#dc2626}.integration-details{grid-gap:8px;color:#6b7280;display:grid;font-size:14px;gap:8px;grid-template-columns:repeat(2,1fr)}.integration-details p{margin:0}.integration-actions{display:flex;gap:8px}.empty-state{background:#fff;border-radius:8px}.integrations-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:14px;padding:10px;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.compliance-page{background:#f5f5f5;min-height:100vh;padding:20px}.compliance-container{margin:0 auto;max-width:1400px}.compliance-header{align-items:flex-start;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.compliance-title{color:#1f2937;font-size:28px;font-weight:600;margin:0 0 8px}.compliance-subtitle{color:#6b7280;margin:0}.compliance-actions{display:flex;gap:12px}.compliance-filters{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px;padding:20px}.compliance-filters h3{align-items:center;color:#1f2937;display:flex;font-size:18px;gap:8px;margin:0 0 20px}.filters-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.compliance-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:2fr 1fr}.logs-section,.policies-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:24px}.logs-section h2,.policies-section h2{color:#1f2937;font-size:20px;font-weight:600;margin:0 0 20px}.logs-table-container{overflow-x:auto}.logs-table{border-collapse:collapse;width:100%}.logs-table td,.logs-table th{border-bottom:1px solid #e5e7eb;padding:12px;text-align:left}.logs-table th{background:#f9fafb;color:#374151;font-weight:600}.action-badge{border-radius:4px;font-size:12px;font-weight:500;padding:4px 8px;text-transform:uppercase}.action-badge.create{background:#d1fae5;color:#065f46}.action-badge.update{background:#dbeafe;color:#1e40af}.action-badge.delete{background:#fee2e2;color:#991b1b}.action-badge.login{background:#d1fae5;color:#065f46}.action-badge.logout{background:#f3f4f6;color:#374151}.pagination{align-items:center;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-top:20px;padding-top:20px}.policies-list{display:flex;flex-direction:column;gap:16px}.policy-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:16px}.policy-item h4{color:#1f2937;font-size:16px;margin:0 0 8px}.policy-item p{color:#6b7280;font-size:14px;margin:4px 0}.loading-state{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:40px}.form-group{margin-bottom:0}.form-group label{font-size:14px}.form-group input,.form-group select{padding:8px}@media (max-width:1024px){.compliance-content{grid-template-columns:1fr}}.admin-dashboard-page{background:#f5f5f5;min-height:100vh;padding:20px}.admin-dashboard-container{margin:0 auto;max-width:1400px}.admin-dashboard-header{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px;padding:20px}.admin-dashboard-title{color:#1f2937;font-size:28px;font-weight:600;margin:0 0 8px}.admin-dashboard-subtitle{color:#6b7280;margin:0}.admin-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.admin-stat-card{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:20px;padding:24px}.admin-stat-icon{align-items:center;border-radius:12px;display:flex;height:56px;justify-content:center;width:56px}.admin-stat-icon svg{height:28px;width:28px}.admin-stat-icon.users{background:#dbeafe;color:#1e40af}.admin-stat-icon.orders{background:#d1fae5;color:#065f46}.admin-stat-icon.instances{background:#fef3c7;color:#92400e}.admin-stat-icon.contacts{background:#fce7f3;color:#9f1239}.admin-stat-content{flex:1 1}.admin-stat-value{color:#1f2937;font-size:32px;font-weight:600;margin-bottom:4px}.admin-stat-label{color:#6b7280;font-size:14px}.admin-charts-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.admin-chart-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:24px}.admin-chart-card h2{color:#1f2937;font-size:20px;font-weight:600;margin:0 0 20px}.chart-placeholder{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:200px}.chart-icon{color:#d1d5db;height:48px;width:48px}.admin-dashboard-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.admin-users-page{background:#f5f5f5;min-height:100vh;padding:20px}.admin-users-container{margin:0 auto;max-width:1400px}.admin-users-header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px;padding:20px}.admin-users-title{color:#1f2937;font-size:28px;font-weight:600;margin:0 0 8px}.admin-users-subtitle{color:#6b7280;margin:0}.search-box{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;display:flex;gap:8px;min-width:300px;padding:8px 12px}.search-icon{color:#6b7280;height:20px;width:20px}.search-input{background:#0000;border:none;flex:1 1;font-size:14px;outline:none}.users-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow-x:auto}.users-table{border-collapse:collapse;width:100%}.users-table td,.users-table th{border-bottom:1px solid #e5e7eb;padding:16px;text-align:left}.users-table th{background:#f9fafb;color:#374151;font-weight:600;position:-webkit-sticky;position:sticky;top:0}.user-cell{align-items:center;display:flex;gap:8px}.user-icon{color:#6b7280;height:20px;width:20px}.plan-badge{background:#dbeafe;border-radius:12px;color:#1e40af;font-size:12px;font-weight:500;padding:4px 12px}.plan-badge.no-plan{background:#f3f4f6;color:#6b7280}.action-buttons{display:flex;gap:8px}.empty-cell{color:#6b7280;padding:40px;text-align:center}.admin-users-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.modal-content{max-width:600px}.form-group input,.form-group select{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px;width:100%}.form-group input:focus,.form-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.plan-preview{background:#f9fafb;border-radius:6px;margin-top:20px;padding:16px}.plan-preview h4{color:#1f2937;font-size:16px;margin:0 0 12px}.plan-preview p{color:#6b7280;font-size:14px;margin:8px 0}.admin-plans-page{padding:24px}.admin-plans-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d;display:flex;justify-content:space-between;margin-bottom:32px;padding:24px}.page-title{font-size:24px;font-weight:700;margin:0 0 8px}.page-subtitle{color:#6b7280;margin:0}.plans-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.admin-plan-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;padding:24px;transition:transform .2s,box-shadow .2s}.admin-plan-card:hover{box-shadow:0 10px 20px #0000000d;transform:translateY(-2px)}.plan-card-header{border-bottom:1px solid #f3f4f6;margin-bottom:16px;padding-bottom:16px}.plan-title{color:#111827;font-size:18px;font-weight:600;margin:0 0 8px}.plan-price{align-items:baseline;display:flex;gap:4px}.plan-price .amount{color:#3b82f6;font-size:32px;font-weight:700}.plan-price .period{color:#6b7280;font-size:14px}.plan-features{flex:1 1}.feature-item{display:flex;font-size:14px;justify-content:space-between;margin-bottom:8px}.feature-item .label{color:#6b7280}.feature-item .value{color:#111827;font-weight:600}.feature-list{border-top:1px solid #f3f4f6;margin-top:16px;padding-top:16px}.feature-row{align-items:center;color:#4b5563;display:flex;font-size:14px;gap:8px;margin-bottom:8px}.feature-row.excluded{opacity:.5}.plan-actions{border-top:1px solid #f3f4f6;display:flex;gap:8px;margin-top:24px;padding-top:16px}.plan-actions button{flex:1 1;justify-content:center}.modal-lg{max-width:800px}.form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.span-2{grid-column:span 2}.features-toggle-grid{background:#f9fafb;border-radius:8px;margin-top:24px;padding:16px}.features-toggle-grid h4{color:#374151;margin:0 0 16px}.toggle-item{align-items:center;cursor:pointer;display:flex;gap:12px;padding:8px 0}.toggle-switch{background:#e5e7eb;border-radius:24px;height:24px;position:relative;transition:background .2s;width:44px}.toggle-switch.checked{background:#3b82f6}.toggle-handle{background:#fff;border-radius:50%;box-shadow:0 1px 2px #0003;height:20px;left:2px;position:absolute;top:2px;transition:transform .2s;width:20px}.toggle-switch.checked .toggle-handle{transform:translateX(20px)}.admin-content-page{background:#f5f5f5;min-height:100vh;padding:20px}.admin-content-container{margin:0 auto;max-width:1400px}.admin-content-header{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px;padding:20px}.admin-content-title{color:#1f2937;font-size:28px;font-weight:600;margin:0 0 8px}.admin-content-subtitle{color:#6b7280;margin:0}.content-tabs{display:flex;gap:8px;margin-bottom:24px;padding:8px}.content-section,.content-tabs{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.content-section{padding:24px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.section-header h2{color:#1f2937;font-size:20px;font-weight:600;margin:0}.brands-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.brand-card{align-items:center;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:12px;padding:16px}.brand-image{max-height:150px;max-width:100%;object-fit:contain}.faqs-list{flex-direction:column}.faq-item,.faqs-list{display:flex;gap:16px}.faq-item{align-items:flex-start;border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;padding:20px}.faq-content{flex:1 1}.faq-content h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 8px}.faq-content p{color:#6b7280;line-height:1.6;margin:0}.pages-list{display:flex;flex-direction:column;gap:16px}.page-item{align-items:flex-start;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:16px;justify-content:space-between;padding:20px}.page-content{flex:1 1}.page-content h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 8px}.page-slug{color:#6b7280;font-size:14px;margin:0 0 12px}.page-image-preview{border-radius:6px;max-height:150px;max-width:200px;object-fit:cover}.leads-table-container{overflow-x:auto}.leads-table{border-collapse:collapse;width:100%}.leads-table td,.leads-table th{border-bottom:1px solid #e5e7eb;padding:12px;text-align:left}.leads-table th{background:#f9fafb;color:#374151;font-weight:600}.message-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-state{padding:60px 20px}.admin-content-loading{flex-direction:column;gap:16px;min-height:400px}.admin-content-loading,.modal-overlay{align-items:center;display:flex;justify-content:center}.modal-overlay{background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;max-height:90vh;max-width:700px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h2{color:#1f2937;font-size:20px;margin:0}.modal-close{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px}.modal-close:hover{color:#1f2937}.modal-body{padding:24px}.modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.form-group input[type=file]{padding:8px}.image-preview{border-radius:6px;margin-top:12px;max-height:200px;max-width:100%;object-fit:cover}.btn-danger{background:#ef4444}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-sm{font-size:13px;padding:6px 12px}.icon{height:18px;width:18px}.admin-settings-page{background:#f5f5f5;min-height:100vh;padding:20px}.admin-settings-container{margin:0 auto;max-width:1200px}.admin-settings-header{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px;padding:20px}.admin-settings-title{color:#1f2937;font-size:28px;font-weight:600;margin:0 0 8px}.admin-settings-subtitle{color:#6b7280;margin:0}.settings-tabs{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:8px;margin-bottom:24px;padding:8px}.tab-button{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s}.tab-button:hover{background:#f9fafb;color:#374151}.tab-button.active{background:#3b82f6;color:#fff}.settings-content{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:24px}.settings-section h2{color:#1f2937;font-size:22px;font-weight:600;margin:0 0 24px}.settings-form{display:flex;flex-direction:column;gap:32px}.form-section{border:1px solid #e5e7eb;border-radius:8px;padding:20px}.form-section h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 16px}.form-group{margin-bottom:20px}.form-group label{color:#374151;display:block;font-weight:500;margin-bottom:8px}.form-group input,.form-group textarea{border:1px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:14px;padding:10px;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.checkbox-label{align-items:center;cursor:pointer;display:flex;font-weight:400;gap:8px}.checkbox-label input[type=checkbox]{width:auto}.form-actions{border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;padding-top:20px}.test-email-section{border-top:1px solid #e5e7eb;margin-top:32px;padding-top:24px}.test-email-section h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 16px}.test-email-input{display:flex;gap:12px}.test-email-input input{flex:1 1}.test-result{align-items:center;border-radius:6px;display:flex;font-size:14px;gap:8px;margin-top:12px;padding:12px}.test-result.success{background:#d1fae5;color:#065f46}.test-result.error{background:#fee2e2;color:#991b1b}.translations-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:300px 1fr}.translations-list h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 16px}.language-buttons{display:flex;flex-direction:column;gap:8px}.lang-button{background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;padding:10px 16px;text-align:left;transition:all .2s}.lang-button:hover{background:#f9fafb;border-color:#3b82f6}.lang-button.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.translation-editor h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 16px}.translation-textarea{border:1px solid #d1d5db;border-radius:6px;font-family:Courier New,monospace;font-size:13px;line-height:1.6;padding:12px;width:100%}.admin-settings-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.btn{transition:all .2s}.btn:disabled{opacity:.5}.btn-primary{background:#3b82f6}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-secondary{background:#e5e7eb;color:#374151}.btn-secondary:hover:not(:disabled){background:#d1d5db}.icon-sm{height:16px;width:16px}.admin-monitoring-page{background:#f5f5f5;min-height:100vh;padding:20px}.admin-monitoring-container{margin:0 auto;max-width:1400px}.admin-monitoring-header{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px;padding:20px}.admin-monitoring-title{color:#1f2937;font-size:28px;font-weight:600;margin:0 0 8px}.admin-monitoring-subtitle{color:#6b7280;margin:0}.monitoring-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.monitoring-stat-card{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:20px;padding:24px}.stat-icon{align-items:center;border-radius:12px;display:flex;height:56px;justify-content:center;width:56px}.stat-icon svg{height:28px;width:28px}.stat-icon.users{background:#dbeafe;color:#1e40af}.stat-icon.instances{background:#fef3c7;color:#92400e}.stat-icon.active{background:#d1fae5;color:#065f46}.stat-icon.inactive{background:#fee2e2;color:#991b1b}.stat-icon.orders{background:#d1fae5;color:#065f46}.stat-icon.contacts{background:#fce7f3;color:#9f1239}.stat-content{flex:1 1}.stat-value{color:#1f2937;font-size:32px;font-weight:600;margin-bottom:4px}.stat-label{color:#6b7280;font-size:14px}.instances-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:24px}.instances-section h2{color:#1f2937;font-size:20px;font-weight:600;margin:0 0 20px}.instances-table-container{overflow-x:auto}.instances-table{border-collapse:collapse;width:100%}.instances-table td,.instances-table th{border-bottom:1px solid #e5e7eb;padding:12px;text-align:left}.instances-table th{background:#f9fafb;color:#374151;font-weight:600}.instance-cell{align-items:center;display:flex;gap:8px}.instance-icon{color:#6b7280;height:20px;width:20px}.status-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:4px 12px}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.inactive{background:#fee2e2;color:#991b1b}.status-icon-sm{height:14px;width:14px}.empty-state{color:#6b7280;padding:40px;text-align:center}.admin-monitoring-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.spinner{border:4px solid #e5e7eb;border-top-color:#3b82f6}.admin-layout{background-color:#f3f4f6;display:flex;font-family:Inter,sans-serif;height:100vh;overflow:hidden}.admin-sidebar{background-color:#111827;color:#e5e7eb;display:flex;flex-direction:column;flex-shrink:0;transition:transform .3s ease-in-out;width:260px;z-index:50}.sidebar-header{align-items:center;border-bottom:1px solid #1f2937;display:flex;height:64px;justify-content:space-between;padding:0 1.5rem}.logo-text{color:#fff;font-size:1.25rem;font-weight:700;margin-right:.5rem}.logo-badge{background-color:#374151;border-radius:4px;color:#9ca3af;font-size:.65rem;font-weight:600;padding:2px 6px}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:.5rem;overflow-y:auto;padding:1.5rem 1rem}.nav-item{align-items:center;border-radius:.5rem;color:#9ca3af;display:flex;padding:.75rem 1rem;text-decoration:none;transition:all .2s}.nav-item:hover{background-color:#1f2937;color:#fff}.nav-item.active{background-color:#4f46e5;color:#fff}.nav-icon{height:1.25rem;margin-right:.75rem;width:1.25rem}.nav-text{font-size:.95rem;font-weight:500}.sidebar-footer{border-top:1px solid #1f2937;justify-content:space-between;padding:1rem}.admin-user-info,.avatar-circle,.sidebar-footer{align-items:center;display:flex}.avatar-circle{background-color:#4f46e5;border-radius:50%;color:#fff;font-weight:600;height:36px;justify-content:center;margin-right:.75rem;width:36px}.user-details{display:flex;flex-direction:column}.user-name{color:#fff;font-size:.85rem;font-weight:600}.user-email{color:#9ca3af;font-size:.75rem}.logout-btn{background:none;border:none;border-radius:.375rem;color:#9ca3af;cursor:pointer;padding:.5rem;transition:color .2s}.logout-btn:hover{background-color:#1f2937;color:#ef4444}.admin-main{display:flex;flex:1 1;flex-direction:column;overflow:hidden;position:relative;width:100%}.admin-header{align-items:center;background-color:#fff;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;height:64px;padding:0 1.5rem}.mobile-menu-btn{background:none;border:none;cursor:pointer;display:none;margin-right:1rem}.page-title{color:#111827;font-size:1.125rem;font-weight:600}.content-area{flex:1 1;overflow-y:auto;padding:1.5rem}.sidebar-overlay{background-color:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:40}.mobile-close-btn{background:none;border:none;color:#fff;cursor:pointer;display:none}@media (max-width:768px){.admin-sidebar{bottom:0;left:0;position:fixed;top:0;transform:translateX(-100%)}.admin-sidebar.open{transform:translateX(0)}.mobile-close-btn,.mobile-menu-btn,.sidebar-overlay{display:block}}.App{min-height:100vh}.container{margin:0 auto;max-width:1200px;padding:0 20px}.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-color:#25d366;color:#fff}.btn-primary:hover{background-color:#20ba5a}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#5a6268}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333}.btn:disabled{cursor:not-allowed;opacity:.6}.card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.input{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px;width:100%}.input:focus{border-color:#25d366;outline:none}body.modal-open{overflow:hidden}@media (max-width:768px){body[data-page=chats] .topnav{display:none!important}body[data-page=chats] .main-content{padding-top:0!important}}body[data-page=chats]{background-color:#111b21!important;color:#e9edef!important}body[data-page=chats] *{color-scheme:dark!important}.label{color:#333;display:block;font-weight:500;margin-bottom:8px}.loading{align-items:center;display:flex;justify-content:center;padding:40px}.spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#25d366;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.0ff9f725.css.map*/