*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}:root{--background:#0c0c0c;--background-secondary:#101112;--background-tertiary:#141516;--foreground:#f3f4f6;--muted-foreground:#9ca3af;--card-bg:#101011;--card-hover:#151718;--card-hover-bg:#151718;--border:#2d3139;--divider:#3a4352;--hover:#1a1c20;--primary:#39ff14;--primary-hover:#2ee010;--secondary:#171a1f;--accent:#1f232a;--destructive:#ef4444;--primary-10:#39ff141a;--primary-20:#39ff1433;--primary-30:#39ff144d;--secondary-20:#171a1f33;--secondary-30:#171a1f4d;--secondary-50:#171a1f80;--error-10:#ef44441a;--error-20:#ef444433;--error-30:#ef44444d;--error-50:#ef444480;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-sm:0 1px 2px #0003;--shadow-md:0 6px 18px #00000059;--bg-dark:var(--background);--bg-card:var(--card);--bg-primary:var(--primary);--bg-secondary:var(--secondary);--bg-tertiary:var(--background-tertiary);--bg-hover:var(--hover);--bg-popover:var(--card);--text-primary:var(--foreground);--text-secondary:var(--muted-foreground);--text-muted:var(--muted-foreground);--text-disabled:#6b7280;--accent-primary:var(--primary);--accent-hover:var(--primary-hover);--border-color:var(--border);--border-primary:var(--border);--border-secondary:var(--border);--secondary-hover:var(--hover);--muted:var(--secondary);--input:var(--card-bg);--ring:var(--primary);--header-bg:var(--card-bg);--color-background:var(--background);--color-background-secondary:var(--background-secondary);--color-background-tertiary:var(--background-tertiary);--color-card:var(--card);--color-card-hover:var(--card-hover);--color-border:var(--border);--color-text:var(--foreground);--color-text-secondary:var(--muted-foreground);--color-muted:var(--muted-foreground);--color-primary:var(--primary);--color-primary-hover:var(--primary-hover);--color-secondary:var(--secondary);--color-error:var(--error);--color-warning:var(--warning);--color-accent:var(--accent);--color-surface:var(--card);color-scheme:dark}[data-theme=light]{--background:#f8fafc;--background-secondary:#f1f5f9;--background-tertiary:#e2e8f0;--foreground:#0f172a;--muted-foreground:#64748b;--card:#fff;--card-2:#f8fafc;--card-bg:#fff;--card-hover:#eef2f7;--card-hover-bg:#eef2f7;--border:#cbd5e1;--divider:#b8c5d6;--hover:#e2e8f0;--primary:#39ff14;--primary-hover:#2ee010;--primary-foreground:#0b0e10;--secondary:#e2e8f0;--accent:#dbe2ea;--success:#16a34a;--warning:#d97706;--error:#dc2626;--destructive:#dc2626;--primary-10:#39ff141f;--primary-20:#39ff1433;--primary-30:#39ff1447;--secondary-20:#e2e8f0b3;--secondary-30:#e2e8f0d9;--secondary-50:#e2e8f0f2;--error-10:#dc26261f;--error-20:#dc262633;--error-30:#dc26264d;--error-50:#dc262680;--bg-dark:var(--background);--bg-card:var(--card);--bg-primary:var(--primary);--bg-secondary:var(--secondary);--bg-tertiary:var(--background-tertiary);--bg-hover:var(--hover);--bg-popover:var(--card);--text-primary:var(--foreground);--text-secondary:var(--muted-foreground);--text-muted:var(--muted-foreground);--text-disabled:#94a3b8;--accent-primary:var(--primary);--accent-hover:var(--primary-hover);--border-color:var(--border);--border-primary:var(--border);--border-secondary:var(--border);--secondary-hover:var(--hover);--muted:var(--secondary);--input:var(--card-bg);--ring:var(--primary);--header-bg:var(--card-bg);--color-background:var(--background);--color-background-secondary:var(--background-secondary);--color-background-tertiary:var(--background-tertiary);--color-card:var(--card);--color-card-hover:var(--card-hover);--color-border:var(--border);--color-text:var(--foreground);--color-text-secondary:var(--muted-foreground);--color-muted:var(--muted-foreground);--color-primary:var(--primary);--color-primary-hover:var(--primary-hover);--color-secondary:var(--secondary);--color-error:var(--error);--color-warning:var(--warning);--color-accent:var(--accent);--color-surface:var(--card);color-scheme:light}.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}}.page{padding:16px;padding:var(--space-4);width:100%}@media (min-width:768px){.page{padding:24px;padding:var(--space-5)}}@media (min-width:1280px){.page{padding:32px;padding:var(--space-6)}}.section{margin-bottom:24px;margin-bottom:var(--space-5)}.stack{display:flex;flex-direction:column;gap:12px;gap:var(--space-3)}.card{background:#101011;background:var(--card);border:1px solid #2d3139;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0003;box-shadow:var(--shadow-sm)}.input{background:#101011;background:var(--card-bg);border:1px solid #2d3139;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-md);color:#f3f4f6;color:var(--foreground);font-size:.875rem;line-height:1.25rem;padding:.5rem .75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.input:focus{border-color:#39ff14;border-color:var(--primary);box-shadow:0 0 0 3px #39ff1433;outline:none}.btn{border-radius:10px;border-radius:var(--radius-md);font-weight:600;padding:.5rem .875rem;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.btn-primary{background:#39ff14;color:#0b0e10;color:var(--primary-foreground)}.btn-primary:hover{background:#2ee010}.btn-secondary{background:#171a1f;background:var(--secondary)}.btn-outline,.btn-secondary{border-color:#2d3139;color:#f3f4f6}.btn-outline{border-color:var(--border);color:var(--foreground)}.btn-ghost{color:#f3f4f6;color:var(--foreground)}.btn-danger{background:#ef4444;background:var(--error);color:#fff}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.collapse{visibility:collapse}.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-2{bottom:-.5rem}.-left-2{left:-.5rem}.-right-1{right:-.25rem}.-right-2{right:-.5rem}.-top-1{top:-.25rem}.-top-2{top:-.5rem}.bottom-0{bottom:0}.bottom-1\.5{bottom:.375rem}.bottom-12{bottom:3rem}.bottom-4{bottom:1rem}.bottom-6{bottom:1.5rem}.bottom-full{bottom:100%}.left-0{left:0}.left-3{left:.75rem}.left-4{left:1rem}.left-full{left:100%}.right-0{right:0}.right-1{right:.25rem}.right-1\.5{right:.375rem}.right-2{right:.5rem}.right-3{right:.75rem}.right-4{right:1rem}.right-6{right:1.5rem}.top-0{top:0}.top-1{top:.25rem}.top-1\.5{top:.375rem}.top-1\/2{top:50%}.top-2{top:.5rem}.top-4{top:1rem}.top-8{top:2rem}.top-full{top:100%}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[10000\]{z-index:10000}.z-\[10001\]{z-index:10001}.z-\[100\]{z-index:100}.z-\[60\]{z-index:60}.z-\[9999\]{z-index:9999}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-6{margin-left:1.5rem;margin-right:1.5rem}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-bottom:.5rem;margin-top:.5rem}.my-4{margin-bottom:1rem;margin-top:1rem}.-mt-6{margin-top:-1.5rem}.mb-1\.5{margin-bottom:.375rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-0\.5{margin-left:.125rem}.ml-1{margin-left:.25rem}.ml-11{margin-left:2.75rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-auto{margin-left:auto}.mr-0\.5{margin-right:.125rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.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}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.aspect-square{aspect-ratio:1/1}.h-0{height:0}.h-0\.5{height:.125rem}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-20{height:5rem}.h-24{height:6rem}.h-28{height:7rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-32{height:8rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-7{height:1.75rem}.h-\[700px\]{height:700px}.h-\[90vh\]{height:90vh}.h-\[calc\(100vh-164px\)\]{height:calc(100vh - 164px)}.h-\[calc\(100vh-200px\)\]{height:calc(100vh - 200px)}.h-\[calc\(100vh-240px\)\]{height:calc(100vh - 240px)}.h-auto{height:auto}.h-full{height:100%}.max-h-32{max-height:8rem}.max-h-64{max-height:16rem}.max-h-80{max-height:20rem}.max-h-\[120px\]{max-height:120px}.max-h-\[160px\]{max-height:160px}.max-h-\[200px\]{max-height:200px}.max-h-\[250px\]{max-height:250px}.max-h-\[320px\]{max-height:320px}.max-h-\[360px\]{max-height:360px}.max-h-\[400px\]{max-height:400px}.max-h-\[85vh\]{max-height:85vh}.max-h-\[90vh\]{max-height:90vh}.max-h-\[calc\(100vh-200px\)\]{max-height:calc(100vh - 200px)}.max-h-\[calc\(85vh-140px\)\]{max-height:calc(85vh - 140px)}.max-h-\[calc\(90vh-200px\)\]{max-height:calc(90vh - 200px)}.max-h-full{max-height:100%}.min-h-0{min-height:0}.min-h-\[150px\]{min-height:150px}.min-h-\[50vh\]{min-height:50vh}.min-h-screen{min-height:100vh}.w-0{width:0}.w-0\.5{width:.125rem}.w-1{width:.25rem}.w-1\.5{width:.375rem}.w-1\/2{width:50%}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-20{width:5rem}.w-24{width:6rem}.w-28{width:7rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-3\/4{width:75%}.w-32{width:8rem}.w-4{width:1rem}.w-4\/5{width:80%}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-\[220px\]{width:220px}.w-\[560px\]{width:560px}.w-px{width:1px}.min-w-\[20px\]{min-width:20px}.min-w-\[210px\]{min-width:210px}.min-w-\[220px\]{min-width:220px}.min-w-\[250px\]{min-width:250px}.min-w-\[280px\]{min-width:280px}.min-w-\[320px\]{min-width:320px}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-\[100px\]{max-width:100px}.max-w-\[100vw\]{max-width:100vw}.max-w-\[120px\]{max-width:120px}.max-w-\[160px\]{max-width:160px}.max-w-\[200px\]{max-width:200px}.max-w-\[350px\]{max-width:350px}.max-w-\[380px\]{max-width:380px}.max-w-\[400px\]{max-width:400px}.max-w-\[70\%\]{max-width:70%}.max-w-\[80px\]{max-width:80px}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.flex-1{flex:1 1}.flex-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-full{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-full{--tw-translate-x:100%}.translate-y-0{--tw-translate-y:0px}.translate-y-0,.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))}.translate-y-4{--tw-translate-y:1rem}.-rotate-90{--tw-rotate:-90deg}.-rotate-90,.rotate-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))}.rotate-0{--tw-rotate:0deg}.rotate-180{--tw-rotate:180deg}.rotate-180,.rotate-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))}.rotate-2{--tw-rotate:2deg}.rotate-3{--tw-rotate:3deg}.rotate-3,.rotate-90{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))}.rotate-90{--tw-rotate:90deg}.scale-0{--tw-scale-x:0;--tw-scale-y:0}.scale-0,.scale-100{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-100{--tw-scale-x:1;--tw-scale-y:1}.scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05}.scale-105,.scale-110{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-110{--tw-scale-x:1.1;--tw-scale-y:1.1}.scale-95{--tw-scale-x:.95;--tw-scale-y:.95}.scale-95,.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}.cursor-grab{cursor:grab}.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-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.gap-0\.5{gap:.125rem}.gap-1\.5{gap:.375rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-x-0>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(0px*(1 - var(--tw-space-x-reverse)));margin-right:calc(0px*var(--tw-space-x-reverse))}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.25rem*var(--tw-space-x-reverse))}.space-x-1\.5>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.375rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.375rem*var(--tw-space-x-reverse))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.75rem*var(--tw-space-x-reverse))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.125rem*var(--tw-space-y-reverse));margin-top:calc(.125rem*(1 - var(--tw-space-y-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.375rem*var(--tw-space-y-reverse));margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2rem*var(--tw-space-y-reverse));margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)))}.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)))}.self-center{align-self:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-scroll{overflow-y:scroll}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-\[inherit\]{border-radius:inherit}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-bl-md{border-bottom-left-radius:.375rem}.rounded-bl-none{border-bottom-left-radius:0}.rounded-br-md{border-bottom-right-radius:.375rem}.rounded-br-none{border-bottom-right-radius:0}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-4{border-width:4px}.border-y{border-top-width:1px}.border-b,.border-y{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-l-2{border-left-width:2px}.border-l-4{border-left-width:4px}.border-r{border-right-width:1px}.border-r-4{border-right-width:4px}.border-t{border-top-width:1px}.border-t-4{border-top-width:4px}.border-dashed{border-style:dashed}.border-\[\#39FF14\]{--tw-border-opacity:1;border-color:#39ff14;border-color:rgb(57 255 20/var(--tw-border-opacity,1))}.border-\[\#8b5cf6\]\/40{border-color:#8b5cf666}.border-\[hsl\(271\2c 63\%\2c 51\%\)\]{--tw-border-opacity:1;border-color:#8533d1;border-color:hsl(271 63% 51%/var(--tw-border-opacity,1))}.border-amber-200{--tw-border-opacity:1;border-color:#fde68a;border-color:rgb(253 230 138/var(--tw-border-opacity,1))}.border-blue-200{--tw-border-opacity:1;border-color:#bfdbfe;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.border-blue-400{--tw-border-opacity:1;border-color:#60a5fa;border-color:rgb(96 165 250/var(--tw-border-opacity,1))}.border-blue-400\/30{border-color:#60a5fa4d}.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-600{--tw-border-opacity:1;border-color:#2563eb;border-color:rgb(37 99 235/var(--tw-border-opacity,1))}.border-blue-800{--tw-border-opacity:1;border-color:#1e40af;border-color:rgb(30 64 175/var(--tw-border-opacity,1))}.border-current{border-color:currentColor}.border-emerald-200{--tw-border-opacity:1;border-color:#a7f3d0;border-color:rgb(167 243 208/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-gray-700\/50{border-color:#37415180}.border-gray-800{--tw-border-opacity:1;border-color:#1f2937;border-color:rgb(31 41 55/var(--tw-border-opacity,1))}.border-green-500\/20{border-color:#22c55e33}.border-green-500\/30{border-color:#22c55e4d}.border-green-600\/40{border-color:#16a34a66}.border-green-800{--tw-border-opacity:1;border-color:#166534;border-color:rgb(22 101 52/var(--tw-border-opacity,1))}.border-orange-500\/30{border-color:#f973164d}.border-orange-800{--tw-border-opacity:1;border-color:#9a3412;border-color:rgb(154 52 18/var(--tw-border-opacity,1))}.border-purple-400{--tw-border-opacity:1;border-color:#c084fc;border-color:rgb(192 132 252/var(--tw-border-opacity,1))}.border-purple-400\/30{border-color:#c084fc4d}.border-purple-500{--tw-border-opacity:1;border-color:#a855f7;border-color:rgb(168 85 247/var(--tw-border-opacity,1))}.border-purple-500\/40{border-color:#a855f766}.border-purple-500\/50{border-color:#a855f780}.border-purple-800{--tw-border-opacity:1;border-color:#6b21a8;border-color:rgb(107 33 168/var(--tw-border-opacity,1))}.border-red-200{--tw-border-opacity:1;border-color:#fecaca;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.border-red-300{--tw-border-opacity:1;border-color:#fca5a5;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.border-red-400{--tw-border-opacity:1;border-color:#f87171;border-color:rgb(248 113 113/var(--tw-border-opacity,1))}.border-red-400\/30{border-color:#f871714d}.border-red-500{--tw-border-opacity:1;border-color:#ef4444;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.border-red-500\/50{border-color:#ef444480}.border-red-700\/20{border-color:#b91c1c33}.border-red-800{--tw-border-opacity:1;border-color:#991b1b;border-color:rgb(153 27 27/var(--tw-border-opacity,1))}.border-slate-200{--tw-border-opacity:1;border-color:#e2e8f0;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.border-transparent{border-color:#0000}.border-white{--tw-border-opacity:1;border-color:#fff;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-white\/10{border-color:#ffffff1a}.border-yellow-400{--tw-border-opacity:1;border-color:#facc15;border-color:rgb(250 204 21/var(--tw-border-opacity,1))}.border-yellow-400\/30{border-color:#facc154d}.border-yellow-500\/20{border-color:#eab30833}.border-yellow-500\/30{border-color:#eab3084d}.border-yellow-700{--tw-border-opacity:1;border-color:#a16207;border-color:rgb(161 98 7/var(--tw-border-opacity,1))}.border-yellow-800{--tw-border-opacity:1;border-color:#854d0e;border-color:rgb(133 77 14/var(--tw-border-opacity,1))}.border-l-blue-500{--tw-border-opacity:1;border-left-color:#3b82f6;border-left-color:rgb(59 130 246/var(--tw-border-opacity,1))}.border-t-black\/90{border-top-color:#000000e6}.border-t-transparent{border-top-color:#0000}.border-opacity-30{--tw-border-opacity:0.3}.bg-\[\#191919\]{--tw-bg-opacity:1;background-color:#191919;background-color:rgb(25 25 25/var(--tw-bg-opacity,1))}.bg-\[\#1f3328\]{--tw-bg-opacity:1;background-color:#1f3328;background-color:rgb(31 51 40/var(--tw-bg-opacity,1))}.bg-\[\#262626\]{--tw-bg-opacity:1;background-color:#262626;background-color:rgb(38 38 38/var(--tw-bg-opacity,1))}.bg-\[\#39FF14\]{--tw-bg-opacity:1;background-color:#39ff14;background-color:rgb(57 255 20/var(--tw-bg-opacity,1))}.bg-amber-50{--tw-bg-opacity:1;background-color:#fffbeb;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.bg-amber-500{--tw-bg-opacity:1;background-color:#f59e0b;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:#000;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\/10{background-color:#0000001a}.bg-black\/20{background-color:#0003}.bg-black\/35{background-color:#00000059}.bg-black\/40{background-color:#0006}.bg-black\/50{background-color:#00000080}.bg-black\/60{background-color:#0009}.bg-black\/70{background-color:#000000b3}.bg-black\/90{background-color:#000000e6}.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-500\/20{background-color:#3b82f633}.bg-blue-500\/30{background-color:#3b82f64d}.bg-blue-600{--tw-bg-opacity:1;background-color:#2563eb;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-blue-900{--tw-bg-opacity:1;background-color:#1e3a8a;background-color:rgb(30 58 138/var(--tw-bg-opacity,1))}.bg-blue-900\/20{background-color:#1e3a8a33}.bg-emerald-500{--tw-bg-opacity:1;background-color:#10b981;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.bg-gray-100{--tw-bg-opacity:1;background-color:#f3f4f6;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-500{--tw-bg-opacity:1;background-color:#6b7280;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}.bg-gray-500\/30{background-color:#6b72804d}.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-800{--tw-bg-opacity:1;background-color:#1f2937;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.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\/30{background-color:#1118274d}.bg-gray-900\/50{background-color:#11182780}.bg-gray-900\/80{background-color:#111827cc}.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-500\/20{background-color:#22c55e33}.bg-green-600{--tw-bg-opacity:1;background-color:#16a34a;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.bg-green-900{--tw-bg-opacity:1;background-color:#14532d;background-color:rgb(20 83 45/var(--tw-bg-opacity,1))}.bg-green-900\/20{background-color:#14532d33}.bg-neon-green{--tw-bg-opacity:1;background-color:rgb(57 255 20/var(--tw-bg-opacity,1))}.bg-orange-500{--tw-bg-opacity:1;background-color:#f97316;background-color:rgb(249 115 22/var(--tw-bg-opacity,1))}.bg-orange-500\/20{background-color:#f9731633}.bg-orange-900\/20{background-color:#7c2d1233}.bg-orange-950\/20{background-color:#43140733}.bg-pink-500{--tw-bg-opacity:1;background-color:#ec4899;background-color:rgb(236 72 153/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-purple-500\/20{background-color:#a855f733}.bg-purple-600{--tw-bg-opacity:1;background-color:#9333ea;background-color:rgb(147 51 234/var(--tw-bg-opacity,1))}.bg-purple-900{--tw-bg-opacity:1;background-color:#581c87;background-color:rgb(88 28 135/var(--tw-bg-opacity,1))}.bg-purple-900\/20{background-color:#581c8733}.bg-red-100\/90{background-color:#fee2e2e6}.bg-red-50{--tw-bg-opacity:1;background-color:#fef2f2;background-color:rgb(254 242 242/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-700\/10{background-color:#b91c1c1a}.bg-red-900{--tw-bg-opacity:1;background-color:#7f1d1d;background-color:rgb(127 29 29/var(--tw-bg-opacity,1))}.bg-red-900\/20{background-color:#7f1d1d33}.bg-red-950\/20{background-color:#450a0a33}.bg-slate-100{--tw-bg-opacity:1;background-color:#f1f5f9;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-slate-400{--tw-bg-opacity:1;background-color:#94a3b8;background-color:rgb(148 163 184/var(--tw-bg-opacity,1))}.bg-transparent{background-color:initial}.bg-white{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/5{background-color:#ffffff0d}.bg-white\/90{background-color:#ffffffe6}.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-500\/20{background-color:#eab30833}.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-0{--tw-bg-opacity:0}.bg-opacity-10{--tw-bg-opacity:0.1}.bg-opacity-20{--tw-bg-opacity:0.2}.bg-opacity-50{--tw-bg-opacity:0.5}.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-\[\#8b5cf6\]\/30{--tw-gradient-from:#8b5cf64d var(--tw-gradient-from-position);--tw-gradient-to:#8b5cf600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-500{--tw-gradient-from:#3b82f6 var(--tw-gradient-from-position);--tw-gradient-to:#3b82f600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-500{--tw-gradient-from:#a855f7 var(--tw-gradient-from-position);--tw-gradient-to:#a855f700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-500\/30{--tw-gradient-from:#a855f74d var(--tw-gradient-from-position);--tw-gradient-to:#a855f700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-detail{--tw-gradient-from:#8b5cf6 var(--tw-gradient-from-position);--tw-gradient-to:#8b5cf600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-\[\#7c3aed\]\/20{--tw-gradient-to:#7c3aed33 var(--tw-gradient-to-position)}.to-blue-600{--tw-gradient-to:#2563eb var(--tw-gradient-to-position)}.to-indigo-600{--tw-gradient-to:#4f46e5 var(--tw-gradient-to-position)}.to-neon-green{--tw-gradient-to:#39ff14 var(--tw-gradient-to-position)}.to-purple-700\/20{--tw-gradient-to:#7e22ce33 var(--tw-gradient-to-position)}.object-cover{object-fit:cover}.p-0{padding:0}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-12{padding:3rem}.p-2\.5{padding:.625rem}.p-8{padding:2rem}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-0{padding-bottom:0;padding-top:0}.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-4{padding-bottom:1rem;padding-top:1rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.py-8{padding-bottom:2rem;padding-top:2rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pb-6{padding-bottom:1.5rem}.pl-10{padding-left:2.5rem}.pl-11{padding-left:2.75rem}.pl-2{padding-left:.5rem}.pl-4{padding-left:1rem}.pr-1{padding-right:.25rem}.pr-12{padding-right:3rem}.pr-2{padding-right:.5rem}.pr-20{padding-right:5rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pr-8{padding-right:2rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-feature-settings:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.text-\[\#24c84e\]{--tw-text-opacity:1;color:#24c84e;color:rgb(36 200 78/var(--tw-text-opacity,1))}.text-\[\#a78bfa\]{--tw-text-opacity:1;color:#a78bfa;color:rgb(167 139 250/var(--tw-text-opacity,1))}.text-\[var\(--error\)\]{color:#ef4444;color:var(--error)}.text-\[var\(--primary\)\]{color:#39ff14;color:var(--primary)}.text-\[var\(--success\)\]{color:#22c55e;color:var(--success)}.text-\[var\(--warning\)\]{color:#f59e0b;color:var(--warning)}.text-amber-600{--tw-text-opacity:1;color:#d97706;color:rgb(217 119 6/var(--tw-text-opacity,1))}.text-amber-700{--tw-text-opacity:1;color:#b45309;color:rgb(180 83 9/var(--tw-text-opacity,1))}.text-amber-800{--tw-text-opacity:1;color:#92400e;color:rgb(146 64 14/var(--tw-text-opacity,1))}.text-black{--tw-text-opacity:1;color:#000;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-blue-200{--tw-text-opacity:1;color:#bfdbfe;color:rgb(191 219 254/var(--tw-text-opacity,1))}.text-blue-300{--tw-text-opacity:1;color:#93c5fd;color:rgb(147 197 253/var(--tw-text-opacity,1))}.text-blue-400{--tw-text-opacity:1;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-700{--tw-text-opacity:1;color:#1d4ed8;color:rgb(29 78 216/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-700{--tw-text-opacity:1;color:#047857;color:rgb(4 120 87/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-200{--tw-text-opacity:1;color:#e5e7eb;color:rgb(229 231 235/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-green-300{--tw-text-opacity:1;color:#86efac;color:rgb(134 239 172/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-400{--tw-text-opacity:1;color:#818cf8;color:rgb(129 140 248/var(--tw-text-opacity,1))}.text-neon-green{--tw-text-opacity:1;color:rgb(57 255 20/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-pink-400{--tw-text-opacity:1;color:#f472b6;color:rgb(244 114 182/var(--tw-text-opacity,1))}.text-purple-200{--tw-text-opacity:1;color:#e9d5ff;color:rgb(233 213 255/var(--tw-text-opacity,1))}.text-purple-300{--tw-text-opacity:1;color:#d8b4fe;color:rgb(216 180 254/var(--tw-text-opacity,1))}.text-purple-400{--tw-text-opacity:1;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-purple-detail{--tw-text-opacity:1;color:#8b5cf6;color:rgb(139 92 246/var(--tw-text-opacity,1))}.text-red-200{--tw-text-opacity:1;color:#fecaca;color:rgb(254 202 202/var(--tw-text-opacity,1))}.text-red-300{--tw-text-opacity:1;color:#fca5a5;color:rgb(252 165 165/var(--tw-text-opacity,1))}.text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.text-red-400\/60{color:#f8717199}.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-600\/60{color:#dc262699}.text-red-600\/80{color:#dc2626cc}.text-slate-600{--tw-text-opacity:1;color:#475569;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/70{color:#ffffffb3}.text-yellow-200{--tw-text-opacity:1;color:#fef08a;color:rgb(254 240 138/var(--tw-text-opacity,1))}.text-yellow-300{--tw-text-opacity:1;color:#fde047;color:rgb(253 224 71/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-500{--tw-text-opacity:1;color:#eab308;color:rgb(234 179 8/var(--tw-text-opacity,1))}.text-yellow-500\/80{color:#eab308cc}.text-yellow-600{--tw-text-opacity:1;color:#ca8a04;color:rgb(202 138 4/var(--tw-text-opacity,1))}.text-yellow-700{--tw-text-opacity:1;color:#a16207;color:rgb(161 98 7/var(--tw-text-opacity,1))}.placeholder-gray-400::placeholder{--tw-placeholder-opacity:1;color:#9ca3af;color:rgb(156 163 175/var(--tw-placeholder-opacity,1))}.placeholder-gray-500::placeholder{--tw-placeholder-opacity:1;color:#6b7280;color:rgb(107 114 128/var(--tw-placeholder-opacity,1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.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-\[0_0_20px_hsl\(var\(--neon-green\)\/0\.3\)\]{--tw-shadow:0 0 20px hsl(var(--neon-green)/0.3);--tw-shadow-colored:0 0 20px var(--tw-shadow-color)}.shadow-\[0_0_20px_hsl\(var\(--neon-green\)\/0\.3\)\],.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-purple-500\/30{--tw-shadow-color:#a855f74d;--tw-shadow:var(--tw-shadow-colored)}.shadow-purple-500\/50{--tw-shadow-color:#a855f780;--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-4{--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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-blue-500\/30{--tw-ring-color:#3b82f64d}.ring-gray-700{--tw-ring-opacity:1;--tw-ring-color:rgb(55 65 81/var(--tw-ring-opacity,1))}.ring-green-500\/20{--tw-ring-color:#22c55e33}.ring-purple-500{--tw-ring-opacity:1;--tw-ring-color:rgb(168 85 247/var(--tw-ring-opacity,1))}.ring-purple-500\/30{--tw-ring-color:#a855f74d}.\!filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.duration-100{transition-duration:.1s}.duration-1000{transition-duration:1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-75{transition-duration:75ms}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.\[web\:33\]{web:33}body{background:#0c0c0c;color:#f3f4f6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.min-w-1000{min-width:1000px!important}.file\:border-0::-webkit-file-upload-button{border-width:0}.file\:border-0::file-selector-button{border-width:0}.file\:bg-transparent::-webkit-file-upload-button{background-color:initial}.file\:bg-transparent::file-selector-button{background-color:initial}.file\:text-sm::-webkit-file-upload-button{font-size:.875rem;line-height:1.25rem}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-medium::-webkit-file-upload-button{font-weight:500}.file\:font-medium::file-selector-button{font-weight:500}.last\:border-0:last-child{border-width:0}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}.hover\:scale-105:hover,.hover\:scale-110: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-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1}.hover\:scale-\[1\.02\]:hover{--tw-scale-x:1.02;--tw-scale-y:1.02;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-blue-400:hover{--tw-border-opacity:1;border-color:#60a5fa;border-color:rgb(96 165 250/var(--tw-border-opacity,1))}.hover\:border-blue-500\/20:hover{border-color:#3b82f633}.hover\:border-gray-600:hover{--tw-border-opacity:1;border-color:#4b5563;border-color:rgb(75 85 99/var(--tw-border-opacity,1))}.hover\:border-gray-700:hover{--tw-border-opacity:1;border-color:#374151;border-color:rgb(55 65 81/var(--tw-border-opacity,1))}.hover\:border-indigo-500\/20:hover{border-color:#6366f133}.hover\:border-neon-green\/30:hover{border-color:#39ff144d}.hover\:border-purple-400:hover{--tw-border-opacity:1;border-color:#c084fc;border-color:rgb(192 132 252/var(--tw-border-opacity,1))}.hover\:border-purple-500:hover{--tw-border-opacity:1;border-color:#a855f7;border-color:rgb(168 85 247/var(--tw-border-opacity,1))}.hover\:border-purple-500\/20:hover{border-color:#a855f733}.hover\:border-purple-500\/30:hover{border-color:#a855f74d}.hover\:border-purple-500\/50:hover{border-color:#a855f780}.hover\:border-purple-detail:hover{--tw-border-opacity:1;border-color:#8b5cf6;border-color:rgb(139 92 246/var(--tw-border-opacity,1))}.hover\:border-red-400:hover{--tw-border-opacity:1;border-color:#f87171;border-color:rgb(248 113 113/var(--tw-border-opacity,1))}.hover\:border-red-500:hover{--tw-border-opacity:1;border-color:#ef4444;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.hover\:border-white\/20:hover{border-color:#fff3}.hover\:border-yellow-400:hover{--tw-border-opacity:1;border-color:#facc15;border-color:rgb(250 204 21/var(--tw-border-opacity,1))}.hover\:bg-\[\#27272a\]:hover{--tw-bg-opacity:1;background-color:#27272a;background-color:rgb(39 39 42/var(--tw-bg-opacity,1))}.hover\:bg-\[\#2EEA0F\]:hover{--tw-bg-opacity:1;background-color:#2eea0f;background-color:rgb(46 234 15/var(--tw-bg-opacity,1))}.hover\:bg-black\/30:hover{background-color:#0000004d}.hover\:bg-blue-500\/10:hover{background-color:#3b82f61a}.hover\:bg-blue-600:hover{--tw-bg-opacity:1;background-color:#2563eb;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.hover\:bg-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\/50:hover{background-color:#37415180}.hover\:bg-gray-800:hover{--tw-bg-opacity:1;background-color:#1f2937;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.hover\:bg-gray-800\/50:hover{background-color:#1f293780}.hover\:bg-green-500\/10:hover{background-color:#22c55e1a}.hover\:bg-green-600:hover{--tw-bg-opacity:1;background-color:#16a34a;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.hover\:bg-green-700:hover{--tw-bg-opacity:1;background-color:#15803d;background-color:rgb(21 128 61/var(--tw-bg-opacity,1))}.hover\:bg-indigo-500\/10:hover{background-color:#6366f11a}.hover\:bg-neon-green\/90:hover{background-color:#39ff14e6}.hover\:bg-purple-500\/10:hover{background-color:#a855f71a}.hover\:bg-purple-500\/30:hover{background-color:#a855f74d}.hover\:bg-purple-700:hover{--tw-bg-opacity:1;background-color:#7e22ce;background-color:rgb(126 34 206/var(--tw-bg-opacity,1))}.hover\:bg-red-500\/10:hover{background-color:#ef44441a}.hover\:bg-red-500\/20:hover{background-color:#ef444433}.hover\:bg-red-500\/30:hover{background-color:#ef44444d}.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-red-700:hover{--tw-bg-opacity:1;background-color:#b91c1c;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.hover\:bg-red-900\/30:hover{background-color:#7f1d1d4d}.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:bg-white\/20:hover{background-color:#fff3}.hover\:bg-white\/30:hover{background-color:#ffffff4d}.hover\:bg-white\/5:hover{background-color:#ffffff0d}.hover\:bg-yellow-500\/10:hover{background-color:#eab3081a}.hover\:text-blue-300:hover{--tw-text-opacity:1;color:#93c5fd;color:rgb(147 197 253/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-gray-300:hover{--tw-text-opacity:1;color:#d1d5db;color:rgb(209 213 219/var(--tw-text-opacity,1))}.hover\:text-green-300:hover{--tw-text-opacity:1;color:#86efac;color:rgb(134 239 172/var(--tw-text-opacity,1))}.hover\:text-green-400:hover{--tw-text-opacity:1;color:#4ade80;color:rgb(74 222 128/var(--tw-text-opacity,1))}.hover\:text-green-600:hover{--tw-text-opacity:1;color:rgb(22 163 74/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-600:hover{--tw-text-opacity:1;color:#4f46e5;color:rgb(79 70 229/var(--tw-text-opacity,1))}.hover\:text-orange-400:hover{--tw-text-opacity:1;color:#fb923c;color:rgb(251 146 60/var(--tw-text-opacity,1))}.hover\:text-purple-300:hover{--tw-text-opacity:1;color:#d8b4fe;color:rgb(216 180 254/var(--tw-text-opacity,1))}.hover\:text-purple-600:hover{--tw-text-opacity:1;color:#9333ea;color:rgb(147 51 234/var(--tw-text-opacity,1))}.hover\:text-red-300:hover{--tw-text-opacity:1;color:#fca5a5;color:rgb(252 165 165/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-white:hover{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:text-yellow-300:hover{--tw-text-opacity:1;color:#fde047;color:rgb(253 224 71/var(--tw-text-opacity,1))}.hover\:underline:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-\[0_0_25px_hsl\(var\(--neon-green\)\/0\.4\)\]:hover{--tw-shadow:0 0 25px hsl(var(--neon-green)/0.4);--tw-shadow-colored:0 0 25px var(--tw-shadow-color)}.hover\:shadow-\[0_0_25px_hsl\(var\(--neon-green\)\/0\.4\)\]:hover,.hover\:shadow-lg:hover{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.hover\:shadow-md:hover{--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)}.hover\:shadow-md:hover,.hover\:shadow-xl:hover{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.focus\:border-\[hsl\(271\2c 63\%\2c 51\%\)\]:focus{--tw-border-opacity:1;border-color:#8533d1;border-color:hsl(271 63% 51%/var(--tw-border-opacity,1))}.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-purple-500:focus{--tw-border-opacity:1;border-color:#a855f7;border-color:rgb(168 85 247/var(--tw-border-opacity,1))}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-\[hsl\(271\2c 63\%\2c 51\%\)\]\/30:focus{--tw-ring-color:#8533d14d}.focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.focus\:ring-purple-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(168 85 247/var(--tw-ring-opacity,1))}.focus\:ring-purple-500\/20:focus{--tw-ring-color:#a855f733}.focus\:ring-purple-500\/30:focus{--tw-ring-color:#a855f74d}.focus\:ring-purple-500\/50:focus{--tw-ring-color:#a855f780}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus-visible\:outline-none:focus-visible{outline:2px solid #0000;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.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\:cursor-grabbing:active{cursor:grabbing}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-gray-500:disabled{--tw-bg-opacity:1;background-color:#6b7280;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:hover\:scale-100:hover:disabled{--tw-scale-x:1;--tw-scale-y:1}.disabled\:hover\:scale-100:hover:disabled,.group\/transfer:hover .group-hover\/transfer\: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\/transfer:hover .group-hover\/transfer\:translate-x-0\.5{--tw-translate-x:0.125rem}.group\/btn:hover .group-hover\/btn\:animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.group:hover .group-hover\:bg-opacity-30{--tw-bg-opacity:0.3}.group:hover .group-hover\:text-neon-green{--tw-text-opacity:1;color:#39ff14;color:rgb(57 255 20/var(--tw-text-opacity,1))}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:opacity-90{opacity:.9}.group:hover .group-hover\:ring-neon-green\/20{--tw-ring-color:#39ff1433}@media (min-width:640px){.sm\:inline{display:inline}.sm\:h-6{height:1.5rem}.sm\:w-6{width:1.5rem}.sm\:p-6{padding:1.5rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}}@media (min-width:768px){.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:gap-2{gap:.5rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width:1024px){.lg\:inline{display:inline}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:w-80{width:20rem}.lg\:max-w-md{max-width:28rem}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:px-8{padding-left:2rem;padding-right:2rem}}@media (min-width:1280px){.xl\:static{position:static}.xl\:block{display:block}.xl\:hidden{display:none}.xl\:w-96{width:24rem}}@media (prefers-color-scheme:dark){.dark\:border-amber-800\/30{border-color:#92400e4d}.dark\:border-blue-800\/30{border-color:#1e40af4d}.dark\:border-red-600{--tw-border-opacity:1;border-color:#dc2626;border-color:rgb(220 38 38/var(--tw-border-opacity,1))}.dark\:border-red-900\/30{border-color:#7f1d1d4d}.dark\:bg-amber-950\/20{background-color:#451a0333}.dark\:bg-blue-900\/10{background-color:#1e3a8a1a}.dark\:bg-blue-950\/20{background-color:#17255433}.dark\:bg-red-700\/80{background-color:#b91c1ccc}.dark\:bg-red-950\/20{background-color:#450a0a33}.dark\:text-amber-200{--tw-text-opacity:1;color:#fde68a;color:rgb(253 230 138/var(--tw-text-opacity,1))}.dark\:text-amber-300{--tw-text-opacity:1;color:#fcd34d;color:rgb(252 211 77/var(--tw-text-opacity,1))}.dark\:text-amber-500{--tw-text-opacity:1;color:#f59e0b;color:rgb(245 158 11/var(--tw-text-opacity,1))}.dark\:text-blue-200{--tw-text-opacity:1;color:#bfdbfe;color:rgb(191 219 254/var(--tw-text-opacity,1))}.dark\:text-blue-300{--tw-text-opacity:1;color:#93c5fd;color:rgb(147 197 253/var(--tw-text-opacity,1))}.dark\:text-blue-500{--tw-text-opacity:1;color:#3b82f6;color:rgb(59 130 246/var(--tw-text-opacity,1))}.dark\:text-red-400{--tw-text-opacity:1;color:#f87171;color:rgb(248 113 113/var(--tw-text-opacity,1))}.dark\:text-red-400\/60{color:#f8717199}.dark\:text-red-400\/80{color:#f87171cc}.dark\:text-yellow-400{--tw-text-opacity:1;color:#facc15;color:rgb(250 204 21/var(--tw-text-opacity,1))}}.phone-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;inset:0;justify-content:center;z-index:9999}.phone-modal-card{animation:slideUp .3s ease-out;background:#1e293b;border:1px solid #334155;border-radius:16px;box-shadow:0 25px 50px -12px #00000080;overflow:hidden;width:440px}.phone-modal-header{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:24px;position:relative}.phone-modal-header.ringing{background:linear-gradient(135deg,#64748b,#475569)}.phone-modal-header.connecting{background:linear-gradient(135deg,#3b82f6,#6366f1)}.phone-modal-header.connected{background:linear-gradient(135deg,#10b981,#059669)}.phone-modal-header.ended{background:linear-gradient(135deg,#ef4444,#dc2626)}.phone-modal-title{align-items:center;display:flex;font-size:1.125rem;font-weight:700;gap:8px;margin-bottom:4px}.phone-modal-status{font-size:.875rem;font-weight:500;opacity:.95}.phone-modal-minimize{background:#ffffff26;border:1px solid #fff3;border-radius:8px;color:#fff;height:36px;position:absolute;right:20px;top:20px;transition:all .2s ease;width:36px}.phone-modal-minimize:hover{background:#ffffff40;transform:scale(1.05)}.phone-modal-body{background:#1e293b;padding:28px 24px}.phone-caller-info{margin-bottom:28px;text-align:center}.phone-caller-avatar{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 8px 20px #6366f166;height:80px;margin:0 auto 16px;width:80px}.phone-caller-number{color:#f1f5f9;font-size:1.375rem;font-weight:700;margin-bottom:6px}.phone-caller-queue{color:#94a3b8;font-size:.875rem;font-weight:500}.phone-error-message{background:#ef444426;border:1.5px solid #ef4444;color:#fca5a5;font-size:.875rem;font-weight:500;margin-bottom:20px;padding:12px 16px}.phone-modal-actions{display:flex}.phone-modal-actions.single{justify-content:center}.phone-btn{border:1.5px solid #0000;border-radius:10px;font-size:.9375rem;font-weight:600;gap:8px;padding:14px 20px;white-space:nowrap}.phone-btn:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.phone-btn-accept{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;color:#fff}.phone-btn-accept:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b98180}.phone-btn-reject{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef4444;color:#fff}.phone-btn-reject:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef444480}.phone-btn-mute{background:#334155;border-color:#475569;color:#cbd5e1}.phone-btn-mute:hover{background:#475569;color:#f1f5f9}.phone-btn-mute.active{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#f59e0b;color:#fff}.phone-btn-hold{background:#334155;border-color:#475569;color:#cbd5e1}.phone-btn-hold:hover{background:#475569;color:#f1f5f9}.phone-btn-hold.active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;color:#fff}.phone-btn-transfer{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-color:#8b5cf6;color:#fff}.phone-btn-transfer:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 4px 12px #8b5cf680}.phone-btn-end{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef4444;color:#fff}.phone-btn-end:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef444480}.phone-btn-loading{background:#0000;border-color:#475569;color:#94a3b8;cursor:not-allowed}.phone-btn-loading:hover{box-shadow:none;transform:none}.phone-spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-top-color:#6366f1;display:inline-block}.phone-widget-minimized{animation:slideInFromRight .3s ease-out;z-index:9999}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}.phone-widget-card{background:#1e293b;border:1px solid #334155;box-shadow:0 10px 40px #00000080;width:340px}.phone-widget-header{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:14px 16px}.phone-widget-header.connected{background:linear-gradient(135deg,#10b981,#059669)}.phone-widget-header.connecting{background:linear-gradient(135deg,#3b82f6,#6366f1)}.phone-widget-info{gap:12px}.phone-widget-avatar{background:#fff3}.phone-widget-avatar.connected{animation:pulse 2s ease-in-out infinite;background:#ffffff40}.phone-widget-number{font-size:.875rem}.phone-widget-status{font-size:.75rem;opacity:.95}.phone-widget-expand{background:#ffffff26;border:1px solid #fff3;border-radius:6px;color:#fff;height:32px;transition:all .2s ease;width:32px}.phone-widget-expand:hover{background:#ffffff40}.phone-widget-actions{background:#1e293b;display:flex;gap:8px;padding:12px}.phone-widget-btn{border:1.5px solid #0000;border-radius:8px;flex:1 1;font-size:.8125rem;font-weight:600;gap:6px}.phone-widget-btn:hover{transform:translateY(-1px)}.transfer-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000bf;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.transfer-modal-card{animation:slideUp .3s ease-out;background:#1e293b;border:1px solid #334155;border-radius:16px;box-shadow:0 25px 50px -12px #0009;max-height:85vh;max-width:90vw;overflow:hidden;width:520px}.transfer-modal-header{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;display:flex;justify-content:space-between;padding:24px}.transfer-modal-title{align-items:center;display:flex;font-size:1.25rem;font-weight:700;gap:10px}.transfer-modal-close{align-items:center;background:#ffffff26;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.transfer-modal-close:hover{background:#ffffff40;transform:rotate(90deg)}.transfer-modal-body{background:#1e293b;max-height:calc(85vh - 180px);overflow-y:auto;padding:24px}.transfer-modal-body::-webkit-scrollbar{width:8px}.transfer-modal-body::-webkit-scrollbar-track{background:#0f172a;border-radius:4px}.transfer-modal-body::-webkit-scrollbar-thumb{background:#475569;border-radius:4px}.transfer-modal-body::-webkit-scrollbar-thumb:hover{background:#64748b}.transfer-form-group{margin-bottom:20px}.transfer-form-label{align-items:center;color:#cbd5e1;display:flex;font-size:.875rem;font-weight:600;gap:8px;margin-bottom:8px}.transfer-form-label svg{color:#8b5cf6}.transfer-form-select{-webkit-appearance:none;appearance:none;background:#0f172a;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1.5 5 5 5-5' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;border:1.5px solid #334155;border-radius:8px;color:#f1f5f9;cursor:pointer;font-size:.9375rem;font-weight:500;padding:12px 40px 12px 16px;transition:all .2s ease;width:100%}.transfer-form-select:hover{border-color:#8b5cf6}.transfer-form-select:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf626;outline:none}.transfer-form-select:disabled{background:#1e293b;border-color:#334155;color:#64748b;cursor:not-allowed;opacity:.6}.transfer-form-select option{background:#1e293b;color:#f1f5f9;padding:8px}.transfer-preview{background:#8b5cf614;border:1.5px solid #8b5cf64d;border-radius:10px;margin-top:24px;padding:16px}.transfer-preview-title{color:#a78bfa;font-size:.75rem;font-weight:700;letter-spacing:.05em;margin-bottom:12px;text-transform:uppercase}.transfer-preview-path{display:flex;flex-direction:column;gap:8px}.transfer-preview-item{align-items:center;background:#8b5cf61a;border-radius:8px;display:flex;gap:10px;padding:10px 12px}.transfer-preview-icon{color:#c4b5fd;flex-shrink:0}.transfer-preview-label{color:#a78bfa;font-size:.75rem;font-weight:500;min-width:80px}.transfer-preview-value{color:#e9d5ff;flex:1 1;font-size:.875rem;font-weight:600}.transfer-error-message{background:#ef444426;border:1.5px solid #ef4444;border-radius:8px;color:#fca5a5;font-size:.875rem;font-weight:500;margin-bottom:20px;padding:12px 16px}.transfer-modal-footer{background:#0f172a;border-top:1px solid #334155;display:flex;gap:12px;padding:20px 24px}.transfer-btn{align-items:center;border:1.5px solid #0000;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:.9375rem;font-weight:600;gap:8px;justify-content:center;padding:14px 20px;transition:all .2s ease}.transfer-btn:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.transfer-btn-confirm{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-color:#8b5cf6;color:#fff}.transfer-btn-confirm:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 4px 12px #8b5cf680}.transfer-btn-confirm:disabled{background:#334155;border-color:#475569;color:#64748b;cursor:not-allowed;opacity:.5}.transfer-btn-confirm:disabled:hover{box-shadow:none;transform:none}.transfer-btn-cancel{background:#0000;border-color:#475569;color:#cbd5e1}.transfer-btn-cancel:hover{background:#334155;border-color:#64748b;color:#f1f5f9}@media (max-width:640px){.phone-modal-card{min-height:100vh}.phone-modal-card,.transfer-modal-card{border-radius:0;max-width:100%;width:100%}.transfer-modal-card{max-height:100vh}.phone-widget-minimized{bottom:10px;right:10px}.phone-widget-card{width:calc(100vw - 20px)}.phone-modal-actions{flex-direction:column}.phone-btn{width:100%}}:root{--phone-primary:#0c0c0c;--phone-secondary:#1a1a1a;--phone-accent:#00d4ff;--phone-text:#fff;--phone-text-muted:#b0b0b0;--phone-border:#2a2a2a;--phone-success:#10b981;--phone-error:#ef4444;--phone-warning:#f59e0b}.phone-modal-overlay{align-items:flex-end;background:#00000080;bottom:0;display:flex;justify-content:flex-end;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:1000}.phone-modal-overlay>*{pointer-events:auto}.phone-modal-card{background:#1a1a1a;background:var(--phone-secondary);border:1px solid #2a2a2a;border:1px solid var(--phone-border);border-radius:12px;bottom:20px;box-shadow:0 20px 60px #0009;cursor:grab;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;position:fixed;right:20px;touch-action:none;transition:box-shadow .2s ease;-webkit-user-select:none;user-select:none;width:380px}.phone-modal-card:active{cursor:grabbing}.phone-modal-card.dragging{box-shadow:0 20px 80px #00d4ff4d}.phone-modal-header{align-items:center;background:#0c0c0c;background:var(--phone-primary);border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--phone-border);border-radius:12px 12px 0 0;display:flex;flex-shrink:0;justify-content:space-between;padding:16px}.phone-modal-header div{flex:1 1;min-width:0}.phone-modal-header.ringing{background:linear-gradient(135deg,#0c0c0c,#1a3a3a);background:linear-gradient(135deg,var(--phone-primary) 0,#1a3a3a 100%)}.phone-modal-header.connecting{animation:pulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#0c0c0c,#3a2a1a);background:linear-gradient(135deg,var(--phone-primary) 0,#3a2a1a 100%)}.phone-modal-header.connected{background:linear-gradient(135deg,#0c0c0c,#1a3a1a);background:linear-gradient(135deg,var(--phone-primary) 0,#1a3a1a 100%)}.phone-modal-header.ended{background:linear-gradient(135deg,#0c0c0c,#3a1a1a);background:linear-gradient(135deg,var(--phone-primary) 0,#3a1a1a 100%)}.phone-modal-title{color:#fff;color:var(--phone-text);font-size:16px;font-weight:600;margin:0}.phone-modal-status,.phone-modal-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.phone-modal-status{font-size:13px;margin:4px 0 0}.phone-modal-minimize,.phone-modal-status{color:#b0b0b0;color:var(--phone-text-muted)}.phone-modal-minimize{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;margin-left:8px;padding:8px;transition:color .2s ease}.phone-modal-minimize:hover{color:#00d4ff;color:var(--phone-accent)}.phone-modal-body{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:16px}.phone-caller-info{align-items:center;background:#0c0c0c;background:var(--phone-primary);border:1px solid #2a2a2a;border:1px solid var(--phone-border);border-radius:8px;display:flex;flex-direction:column;gap:12px;padding:16px}.phone-caller-avatar{align-items:center;background:linear-gradient(135deg,#00d4ff,#09c);background:linear-gradient(135deg,var(--phone-accent) 0,#09c 100%);border-radius:50%;box-shadow:0 4px 12px #00d4ff33;color:#0c0c0c;color:var(--phone-primary);display:flex;font-weight:600;height:56px;justify-content:center;width:56px}.phone-caller-number{color:#fff;color:var(--phone-text);font-size:20px;font-weight:600;margin:0;text-align:center}.phone-caller-queue{color:#b0b0b0;color:var(--phone-text-muted);font-size:13px;margin:0;text-align:center}.phone-error-message{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ff6b6b;font-size:13px;line-height:1.4;padding:12px}.phone-modal-actions{grid-gap:10px;display:grid;flex-shrink:0;gap:10px;grid-template-columns:1fr 1fr}.phone-modal-actions.single{grid-template-columns:1fr}.phone-btn{align-items:center;background:#0c0c0c;background:var(--phone-primary);border:1px solid #2a2a2a;border:1px solid var(--phone-border);border-radius:8px;color:#fff;color:var(--phone-text);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:12px;font-weight:500;gap:6px;justify-content:center;padding:12px;transition:all .2s ease}.phone-btn:hover{background:#1a1a1a;background:var(--phone-secondary);border-color:#00d4ff;border-color:var(--phone-accent);transform:translateY(-2px)}.phone-btn:active{transform:translateY(0)}.phone-btn.phone-btn-accept{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--phone-success) 0,#059669 100%);border:none;color:#fff}.phone-btn.phone-btn-accept:hover{background:linear-gradient(135deg,#10b981,#047857);background:linear-gradient(135deg,var(--phone-success) 0,#047857 100%);border-color:#0000}.phone-btn.phone-btn-reject{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--phone-error) 0,#dc2626 100%);border:none;color:#fff}.phone-btn.phone-btn-reject:hover{background:linear-gradient(135deg,#ef4444,#b91c1c);background:linear-gradient(135deg,var(--phone-error) 0,#b91c1c 100%);border-color:#0000}.phone-btn.phone-btn-mute{background:#0c0c0c;background:var(--phone-primary)}.phone-btn.phone-btn-mute.active{background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--phone-warning) 0,#d97706 100%);border:none;color:#fff}.phone-btn.phone-btn-hold{background:#0c0c0c;background:var(--phone-primary)}.phone-btn.phone-btn-hold.active{background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--phone-warning) 0,#d97706 100%);border:none;color:#fff}.phone-btn.phone-btn-transfer{background:linear-gradient(135deg,#00d4ff,#09c);background:linear-gradient(135deg,var(--phone-accent) 0,#09c 100%);border:none;color:#0c0c0c;color:var(--phone-primary)}.phone-btn.phone-btn-transfer:hover{background:linear-gradient(135deg,#00d4ff,#08b);background:linear-gradient(135deg,var(--phone-accent) 0,#08b 100%);border-color:#0000}.phone-btn.phone-btn-end{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--phone-error) 0,#dc2626 100%);border:none;color:#fff}.phone-btn.phone-btn-end:hover{background:linear-gradient(135deg,#ef4444,#b91c1c);background:linear-gradient(135deg,var(--phone-error) 0,#b91c1c 100%);border-color:#0000}.phone-btn.phone-btn-loading{background:#1a1a1a;background:var(--phone-secondary);cursor:default;grid-column:1/-1}.phone-btn.phone-btn-loading:hover{border-color:#2a2a2a;border-color:var(--phone-border);transform:none}.phone-spinner{animation:spin .8s linear infinite;border:2px solid #2a2a2a;border-top-color:#00d4ff;border:2px solid var(--phone-border);border-radius:50%;border-top-color:var(--phone-accent);height:20px;width:20px}.phone-widget-minimized{bottom:20px;cursor:grab;position:fixed;right:20px;touch-action:none;-webkit-user-select:none;user-select:none;z-index:1000}.phone-widget-minimized.dragging{cursor:grabbing}.phone-widget-card{background:#1a1a1a;background:var(--phone-secondary);border:1px solid #2a2a2a;border:1px solid var(--phone-border);border-radius:12px;box-shadow:0 20px 60px #0009;overflow:hidden;transition:box-shadow .2s ease;width:320px}.phone-widget-minimized.dragging .phone-widget-card{box-shadow:0 20px 80px #00d4ff4d}.phone-widget-header{align-items:center;background:#0c0c0c;background:var(--phone-primary);border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--phone-border);display:flex;gap:10px;justify-content:space-between;padding:12px 14px}.phone-widget-header.ringing{background:linear-gradient(135deg,#0c0c0c,#1a3a3a);background:linear-gradient(135deg,var(--phone-primary) 0,#1a3a3a 100%)}.phone-widget-header.connecting{animation:pulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#0c0c0c,#3a2a1a);background:linear-gradient(135deg,var(--phone-primary) 0,#3a2a1a 100%)}.phone-widget-header.connected{background:linear-gradient(135deg,#0c0c0c,#1a3a1a);background:linear-gradient(135deg,var(--phone-primary) 0,#1a3a1a 100%)}.phone-widget-info{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.phone-widget-avatar{align-items:center;background:linear-gradient(135deg,#00d4ff,#09c);background:linear-gradient(135deg,var(--phone-accent) 0,#09c 100%);border-radius:50%;box-shadow:0 2px 8px #00d4ff33;color:#0c0c0c;color:var(--phone-primary);display:flex;flex-shrink:0;font-weight:600;height:40px;justify-content:center;width:40px}.phone-widget-avatar.connected{animation:glow 2s ease-in-out infinite}@keyframes glow{0%,to{box-shadow:0 2px 8px #00d4ff33}50%{box-shadow:0 2px 16px #00d4ff66}}.phone-widget-details{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.phone-widget-number{color:#fff;color:var(--phone-text);font-size:13px;font-weight:600}.phone-widget-number,.phone-widget-status{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.phone-widget-status{font-size:11px}.phone-widget-expand,.phone-widget-status{color:#b0b0b0;color:var(--phone-text-muted)}.phone-widget-expand{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:6px;transition:color .2s ease}.phone-widget-expand:hover{color:#00d4ff;color:var(--phone-accent)}.phone-widget-actions{grid-gap:6px;background:#1a1a1a;background:var(--phone-secondary);display:grid;gap:6px;grid-template-columns:repeat(3,1fr);padding:10px}.phone-widget-actions .phone-widget-btn{font-size:11px;min-height:0;padding:8px}.phone-widget-btn{align-items:center;background:#0c0c0c;background:var(--phone-primary);border:1px solid #2a2a2a;border:1px solid var(--phone-border);border-radius:6px;color:#fff;color:var(--phone-text);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;justify-content:center;padding:10px;transition:all .2s ease}.phone-widget-btn:hover{background:#1a1a1a;background:var(--phone-secondary);border-color:#00d4ff;border-color:var(--phone-accent)}.phone-widget-btn.phone-btn-accept{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--phone-success) 0,#059669 100%);border:none;color:#fff}.phone-widget-btn.phone-btn-accept:hover{background:linear-gradient(135deg,#10b981,#047857);background:linear-gradient(135deg,var(--phone-success) 0,#047857 100%);border-color:#0000}.phone-widget-btn.phone-btn-reject{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--phone-error) 0,#dc2626 100%);border:none;color:#fff}.phone-widget-btn.phone-btn-reject:hover{background:linear-gradient(135deg,#ef4444,#b91c1c);background:linear-gradient(135deg,var(--phone-error) 0,#b91c1c 100%);border-color:#0000}.phone-widget-btn.phone-btn-mute{background:#0c0c0c;background:var(--phone-primary)}.phone-widget-btn.phone-btn-mute.active{background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--phone-warning) 0,#d97706 100%);border:none;color:#fff}.phone-widget-btn.phone-btn-hold{background:#0c0c0c;background:var(--phone-primary)}.phone-widget-btn.phone-btn-hold.active{background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--phone-warning) 0,#d97706 100%);border:none;color:#fff}.phone-widget-btn.phone-btn-transfer{background:linear-gradient(135deg,#00d4ff,#09c);background:linear-gradient(135deg,var(--phone-accent) 0,#09c 100%);border:none;color:#0c0c0c;color:var(--phone-primary)}.phone-widget-btn.phone-btn-transfer:hover{background:linear-gradient(135deg,#00d4ff,#08b);background:linear-gradient(135deg,var(--phone-accent) 0,#08b 100%);border-color:#0000}.phone-widget-btn.phone-btn-end{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--phone-error) 0,#dc2626 100%);border:none;color:#fff}.phone-widget-btn.phone-btn-end:hover{background:linear-gradient(135deg,#ef4444,#b91c1c);background:linear-gradient(135deg,var(--phone-error) 0,#b91c1c 100%);border-color:#0000}@media (max-width:480px){.phone-modal-card{bottom:0;left:0;max-height:100vh;max-width:100%;right:0;width:100%}.phone-modal-card,.phone-modal-header{border-radius:16px 16px 0 0}.phone-widget-minimized{bottom:60px;left:10px;right:10px;width:auto}.phone-widget-card{width:100%}.phone-modal-actions{grid-template-columns:1fr 1fr}.phone-modal-actions.single{grid-template-columns:1fr}}.phone-modal-body::-webkit-scrollbar{width:6px}.phone-modal-body::-webkit-scrollbar-track{background:#0c0c0c;background:var(--phone-primary);border-radius:10px}.phone-modal-body::-webkit-scrollbar-thumb{background:#2a2a2a;background:var(--phone-border);border-radius:10px}.phone-modal-body::-webkit-scrollbar-thumb:hover{background:#00d4ff;background:var(--phone-accent)}.api-notifications-container{bottom:20px;display:flex;flex-direction:column;gap:12px;pointer-events:none;position:fixed;right:20px;z-index:9999}.api-notification{align-items:flex-start;animation:slideIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c0c0c;border:1px solid #ffffff1a;border-radius:10px;box-shadow:0 10px 40px #0000004d;display:flex;gap:12px;max-width:420px;min-width:320px;padding:14px 16px;pointer-events:all}.api-notification-success{border-left:4px solid #10b981}.api-notification-error{border-left:4px solid #ef4444}.api-notification-warning{border-left:4px solid #f59e0b}.api-notification-info{border-left:4px solid #3b82f6}.notification-icon{height:22px;width:22px}.notification-icon.success{color:#10b981}.notification-icon.error{color:#ef4444}.notification-icon.warning{color:#f59e0b}.notification-icon.info{color:#3b82f6}.notification-text{display:flex;flex-direction:column;gap:4px}.notification-title{color:#fffffff2}.notification-message{color:#ffffffb3}.notification-close{background:#0000;border-radius:4px;color:#ffffff80;flex-shrink:0;padding:0;transition:all .2s}.notification-close:hover{background:#ffffff1a;color:#ffffffe6}.slide-in{animation:slideIn .3s ease}@media (max-width:768px){.api-notifications-container{left:10px;right:10px;top:10px}.api-notification{max-width:100%;min-width:auto}}.select-bd{background:#0c0c0c}.novo-atendimento-modal-card{color:#f8fafc;color:var(--foreground,#f8fafc)}.novo-atendimento-modal-card,.novo-atendimento-modal-header{background:#09090b;background:var(--card-bg,#09090b)}.novo-atendimento-title{color:#f8fafc;color:var(--foreground,#f8fafc)}.novo-atendimento-subtitle{color:#94a3b8;color:var(--muted-foreground,#94a3b8)}.novo-atendimento-modal input,.novo-atendimento-modal select,.novo-atendimento-modal textarea{background:#0f172a!important;background:var(--card-bg,#0f172a)!important;border-color:#334155!important;border-color:var(--border,#334155)!important;color:#f8fafc!important;color:var(--foreground,#f8fafc)!important}.novo-atendimento-modal label{color:#f8fafc!important;color:var(--foreground,#f8fafc)!important}.novo-atendimento-modal input::placeholder,.novo-atendimento-modal textarea::placeholder{color:#94a3b8!important;color:var(--muted-foreground,#94a3b8)!important}.novo-error-banner{background:#ef44441f;border:1px solid #ef444473;border-radius:.5rem;color:#fecaca;display:flex;flex-direction:column;gap:.25rem;padding:.75rem .875rem}.novo-error-banner strong{font-size:.9rem}.novo-error-banner span{font-size:.82rem}.novo-existing-ticket-backdrop{align-items:center;background:#00000094;display:flex;inset:0;justify-content:center;padding:1rem;position:absolute;z-index:30}.novo-existing-ticket-modal{background:#09090b;background:var(--card-bg,#09090b);border:1px solid #334155;border:1px solid var(--border,#334155);border-radius:.75rem;box-shadow:0 12px 36px #00000073;color:#f8fafc;color:var(--foreground,#f8fafc);max-width:420px;padding:1rem;width:100%}.novo-existing-ticket-modal h3{font-size:1rem;font-weight:600;margin:0}.novo-existing-ticket-protocol{color:#94a3b8;color:var(--muted-foreground,#94a3b8);font-size:.9rem;margin-bottom:0;margin-top:.5rem}.novo-existing-ticket-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem}.novo-existing-ticket-btn-secondary{background:#0000;border:1px solid #334155;border:1px solid var(--border,#334155);border-radius:.5rem;color:#f8fafc;color:var(--foreground,#f8fafc);cursor:pointer;padding:.5rem .875rem}[data-theme=light] .novo-atendimento-modal-card,[data-theme=light] .novo-atendimento-modal-header{background:#fff}[data-theme=light] .novo-error-banner{background:#fef2f2;border-color:#fca5a5;color:#991b1b}[data-theme=light] .novo-existing-ticket-backdrop{background:#0f172a59}.i-con,.sidebar-theme{color:var(--foreground)}.sidebar-theme svg{color:inherit}.sidebar-toggle{color:var(--muted-foreground)}.sidebar-toggle:hover{color:var(--foreground)}.sidebar-nav-btn{color:var(--muted-foreground)}.sidebar-nav-btn.sidebar-nav-btn--active{color:var(--foreground)}.sidebar-nav-btn.sidebar-nav-btn--inactive{color:var(--muted-foreground)}.sidebar-icon-current{color:inherit}.sidebar-foreground-text{color:var(--foreground)}.sidebar-muted-text{color:var(--muted-foreground)}.sidebar-divider{border-color:var(--divider)}.bg-tenant-icon{background:var(--card)}.sidebar-container{background:var(--bg-card);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100vh;transition:all .3s ease}.sidebar-expanded{width:16rem}.sidebar-collapsed{width:4rem}.sidebar-header{border-bottom:1px solid var(--border);padding:1rem}.sidebar-header-content{align-items:center;display:flex;justify-content:space-between}.sidebar-logo{align-items:center;display:flex;gap:.75rem}.sidebar-logo-img{border-radius:.5rem;height:2rem;width:2rem}.sidebar-logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#10b981);-webkit-background-clip:text;background-clip:text;font-size:1.125rem;font-weight:700}.sidebar-toggle-btn{background:#0000;border:none;border-radius:.375rem;color:var(--text-muted);cursor:pointer;padding:.5rem;transition:all .2s ease}.sidebar-toggle-btn:hover{background:var(--bg-secondary);color:var(--text-primary);transform:scale(1.05)}.sidebar-toggle-icon{height:1rem;width:1rem}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:.5rem;padding:1rem}.sidebar-nav-item-wrapper{position:relative}.sidebar-nav-item{align-items:center;background:#0000;border:none;border-radius:.5rem;color:var(--text-muted);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;padding:.75rem;transition:all .2s ease;width:100%}.sidebar-nav-item:hover{background:var(--bg-secondary);box-shadow:0 2px 8px #0000001a;color:var(--text-primary);transform:translateY(-1px)}.sidebar-nav-item-active{background:linear-gradient(135deg,#8b5cf61a,#10b9811a);border:1px solid #8b5cf633;color:var(--accent)}.sidebar-nav-item-active:hover{background:linear-gradient(135deg,#8b5cf626,#10b98126);box-shadow:0 4px 12px #8b5cf633}.sidebar-nav-item-collapsed{justify-content:center;padding:.75rem .5rem}.sidebar-nav-icon-wrapper{align-items:center;display:flex;justify-content:center;margin-right:.75rem;min-width:1.25rem}.sidebar-nav-item-collapsed .sidebar-nav-icon-wrapper{margin-right:0}.sidebar-icon{stroke-width:2;height:1.25rem;width:1.25rem}.sidebar-nav-label{font-weight:500;white-space:nowrap}.sidebar-tooltip{background:var(--bg-popover);border-radius:.375rem;box-shadow:0 4px 12px #00000026;color:var(--text-primary);font-size:.875rem;left:100%;margin-left:.5rem;opacity:0;padding:.5rem .75rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s ease;white-space:nowrap;z-index:50}.sidebar-nav-item-wrapper:hover .sidebar-tooltip{opacity:1}.sidebar-phone-section{border-top:1px solid var(--border);margin-top:auto;padding-top:1rem}.sidebar-phone-btn{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:.5rem;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;padding:.75rem;transition:all .2s ease;width:100%}.sidebar-phone-btn:hover{background:var(--accent);box-shadow:0 4px 12px #00000026;color:#fff;transform:translateY(-1px)}.sidebar-phone-btn-collapsed{justify-content:center;padding:.75rem .5rem}.sidebar-footer{border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.75rem;padding:1rem}.sidebar-theme-section{align-items:center;display:flex;justify-content:space-between}.sidebar-theme-collapsed{justify-content:center}.sidebar-theme-label{color:var(--text-muted);font-size:.875rem;font-weight:500}.sidebar-company-info{align-items:center;background:var(--bg-card);border:1px solid rgba(var(--border),.5);border-radius:.5rem;display:flex;gap:.75rem;padding:.75rem;transition:all .2s ease}.sidebar-company-info:hover{border-color:var(--accent);box-shadow:0 2px 8px #8b5cf61a}.sidebar-company-collapsed{justify-content:center;padding:.75rem .5rem}.sidebar-company-avatar{align-items:center;background:linear-gradient(135deg,#8b5cf6,#10b981);border-radius:.5rem;display:flex;flex-shrink:0;height:2rem;justify-content:center;width:2rem}.sidebar-company-icon{color:#fff;height:1rem;width:1rem}.sidebar-company-details{flex:1 1;min-width:0}.sidebar-company-name{color:var(--text-primary);font-size:.875rem;font-weight:500;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-status-info{align-items:center;background:#10b9811a;border:1px solid #10b98133;border-radius:.5rem;display:flex;gap:.75rem;padding:.75rem}.sidebar-status-collapsed{justify-content:center;padding:.75rem .5rem}.sidebar-status-dot{animation:pulse 2s infinite;background:#10b981;border-radius:50%;flex-shrink:0;height:.5rem;width:.5rem}.sidebar-status-details{flex:1 1;min-width:0}.sidebar-status-text{color:var(--text-primary);font-size:.875rem;font-weight:500;margin:0}.sidebar-status-subtext{color:var(--text-muted);font-size:.75rem;margin:0}@media (max-width:768px){.sidebar-expanded{background:var(--bg-card);box-shadow:2px 0 10px #0000001a;height:100vh;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:250px;z-index:50}.sidebar-expanded.visible{transform:translateX(0)}.sidebar-collapsed{width:4rem}}.content{flex-grow:1;min-width:0;padding:16px}body.sidebar-open{overflow:hidden}.sidebar-overlay{background-color:#00000080;inset:0;position:fixed;z-index:40}.sidebar-company-info,.sidebar-nav-item,.sidebar-phone-btn,.sidebar-toggle-btn{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.to-accent{background:hsl((271 63% 31%) (108 100% 54%))}.user-profile{position:relative}.profile-button{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:.5rem;transition:border-color .2s ease}.profile-button:hover{border-color:#2d2d3d}.profile-avatar{height:36px;width:36px}.profile-avatar,.profile-avatar-large{border-radius:50%;flex-shrink:0;overflow:hidden;position:relative}.profile-avatar-large{height:48px;width:48px}.avatar-initials{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;font-size:.875rem;font-weight:600;height:100%;width:100%}.avatar-badge,.avatar-initials{align-items:center;display:flex;justify-content:center}.avatar-badge{background:#10b981;border:2px solid #0c0c0c;border-radius:50%;bottom:-2px;height:16px;position:absolute;right:-2px;width:16px}.avatar-badge svg{color:#fff;height:10px;width:10px}.profile-info{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;min-width:0}.profile-name{color:#fff;font-size:.875rem;font-weight:500;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-role{color:#6b7280;font-size:.75rem}.dropdown-arrow{color:#6b7280;flex-shrink:0;height:16px;width:16px}.profile-dropdown{background:#0c0c0c;border:1px solid #1e1e1e;border-radius:8px;box-shadow:0 4px 24px #0006;max-height:calc(100vh - 80px);overflow-y:auto;position:absolute;right:0;top:calc(100% + 8px);width:280px;z-index:9999}.profile-dropdown-header{align-items:center;border-bottom:1px solid #1e1e1e;display:flex;gap:.75rem;padding:1rem}.profile-details{flex:1 1;min-width:0}.profile-details h4{color:#fff;font-size:.938rem;font-weight:600;margin:0 0 .25rem}.profile-details .email,.profile-details h4{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-details .email{color:#6b7280;font-size:.75rem;margin:0 0 .5rem}.badges{align-items:center;display:flex;gap:.5rem}.role-badge{background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:4px;color:#a78bfa;display:inline-block;font-size:.688rem;font-weight:600;padding:.125rem .5rem}.two-fa-badge{align-items:center;background:#10b9811a;border:1px solid #10b9814d;border-radius:4px;display:inline-flex;height:20px;justify-content:center;width:20px}.two-fa-badge svg{color:#10b981;height:12px;width:12px}.status-selector{background:#0a0a0a;border-bottom:1px solid #1e1e1e;padding:.75rem 1rem}.status-label{align-items:center;color:#6b7280;display:flex;font-size:.75rem;font-weight:600;gap:.5rem;margin-bottom:.625rem}.status-label svg{flex-shrink:0;height:14px;width:14px}.status-options{display:flex;gap:.5rem}.status-option{align-items:center;background:#0c0c0c;border:1px solid #1e1e1e;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:.75rem;font-weight:500;gap:.375rem;justify-content:center;padding:.5rem .75rem;transition:all .2s ease}.status-option:hover{background:#1e1e1e;border-color:#2d2d3d}.status-option.active{background:#8b5cf626;border-color:#8b5cf680}.status-option .status-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.status-option .status-dot.available{background:#10b981;box-shadow:0 0 8px #10b98180}.status-option .status-dot.busy{background:#f59e0b;box-shadow:0 0 8px #f59e0b80}.status-option .status-dot.offline{background:#ef4444;box-shadow:0 0 8px #ef444480}.status-option.active .status-dot.available{animation:pulse-green 2s ease-in-out infinite}.status-option.active .status-dot.busy{animation:pulse-orange 2s ease-in-out infinite}.status-option.active .status-dot.offline{animation:pulse-red 2s ease-in-out infinite}@keyframes pulse-green{0%,to{box-shadow:0 0 8px #10b98180}50%{box-shadow:0 0 16px #10b981cc}}@keyframes pulse-orange{0%,to{box-shadow:0 0 8px #f59e0b80}50%{box-shadow:0 0 16px #f59e0bcc}}@keyframes pulse-red{0%,to{box-shadow:0 0 8px #ef444480}50%{box-shadow:0 0 16px #ef4444cc}}.workspace-info{align-items:center;background:#0a0a0a;display:flex;gap:.75rem;padding:.75rem 1rem}.workspace-info>svg{color:#8b5cf6;flex-shrink:0;height:18px;width:18px}.workspace-details{flex:1 1;min-width:0}.workspace-name{color:#fff;display:block;font-size:.813rem;font-weight:500;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-status{align-items:center;display:flex;gap:.375rem}.status-dot{flex-shrink:0}.status-text{color:#6b7280;font-size:.688rem}.departments-section{background:#0a0a0a;padding:.75rem 1rem}.section-header{color:#6b7280;font-size:.75rem;font-weight:600;gap:.5rem;margin-bottom:.625rem}.section-header svg{flex-shrink:0;height:14px;width:14px}.departments-list{gap:.375rem}.department-item{align-items:center;background:#0c0c0c;border:1px solid #1e1e1e;border-radius:6px;display:flex;justify-content:space-between;padding:.5rem}.dept-name{color:#fff;flex:1 1;font-size:.813rem;font-weight:500;margin-right:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dept-role{color:#8b5cf6;flex-shrink:0;font-size:.688rem;font-weight:600}.departments-more{background:#0c0c0c;border:1px solid #1e1e1e;border-radius:6px;color:#6b7280;font-size:.75rem;padding:.375rem .5rem;text-align:center}.dropdown-divider{background:#1e1e1e;height:1px}.profile-menu{padding:.5rem}.menu-item{align-items:center;background:none;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;gap:.75rem;padding:.625rem .75rem;text-align:left;transition:background-color .2s ease;width:100%}.menu-item:hover{background:#1e1e1e}.menu-item.logout{color:#ef4444}.menu-item.logout:hover{background:#ef44441a}.menu-item svg{flex-shrink:0;height:18px;width:18px}.tenant-item{align-items:center;background:none;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:.625rem .75rem;text-align:left;transition:background-color .2s ease;width:100%}.tenant-item:hover{background:#1e1e1e}.tenant-name{flex:1 1;font-size:.813rem;font-weight:500;margin-right:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tenant-role{color:#8b5cf6;flex-shrink:0;font-size:.688rem;font-weight:600}.profile-dropdown::-webkit-scrollbar{width:6px}.profile-dropdown::-webkit-scrollbar-track{background:#0000}.profile-dropdown::-webkit-scrollbar-thumb{background:#2d2d3d;border-radius:3px}@media (max-width:768px){.desktop-only{display:none}.profile-button{padding:.375rem}.profile-dropdown{max-width:320px;right:-.5rem;width:calc(100vw - 2rem)}}.pause-header-btn{align-items:center;background:#0000;border:1px solid #8b5cf64d;border-radius:6px;color:#a78bfa;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem .75rem;transition:all .2s ease}.pause-header-btn:hover{background:#8b5cf61a;border-color:#8b5cf680}.pause-header-btn svg{height:18px;width:18px}.pause-header-btn.on-pause{border-color:#ef44444d;color:#f87171}.pause-header-btn.on-pause:hover{background:#ef44441a;border-color:#ef444480}.pause-icon-pulse{animation:pulse-icon 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-icon{0%,to{opacity:1}50%{opacity:.5}}.pause-time{font-family:Courier New,monospace;font-size:.875rem;font-weight:600}.pause-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.pause-modal-content{animation:slideUp .3s ease;background:#0c0c0c;border:1px solid #2d2d3d;border-radius:12px;box-shadow:0 20px 50px #0006;max-width:450px;position:relative;width:90%}.pause-modal-close{background:#0000;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;padding:.5rem;position:absolute;right:1rem;top:1rem;transition:all .2s ease}.pause-modal-close:hover{background:#ffffff1a;color:#fff}.pause-modal-close svg{height:16px;width:16px}.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}.pause-modal-header{border-bottom:1px solid #2d2d3d;padding:1.5rem}.pause-modal-header h2{color:#fff;font-size:1.125rem;font-weight:600;margin:0}.pause-modal-body{padding:1.5rem}.pause-active-info{background:#ef44440d;border:1px solid #ef444433;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem;text-align:center}.pause-active-badge{align-items:center;background:#ef44441a;border-radius:20px;color:#f87171;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem}.pause-pulse-dot{animation:pulse-dot 2s cubic-bezier(.4,0,.6,1) infinite;background:#ef4444;border-radius:50%;height:8px;width:8px}.pause-active-details{margin-bottom:1rem}.pause-type-active{color:#fff;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.pause-started{color:#9ca3af;font-size:.875rem;margin:0}.pause-timer-large{align-items:center;background:#0000004d;border-radius:8px;display:flex;gap:.75rem;justify-content:center;padding:1rem}.pause-timer-large svg{color:#f87171;height:24px;width:24px}.pause-timer-large span{color:#f87171;font-family:Courier New,monospace;font-size:1.5rem;font-weight:700}.pause-form-group{margin-bottom:1.25rem}.pause-form-group:last-child{margin-bottom:0}.pause-form-label{color:#e5e7eb;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.pause-form-select,.pause-form-textarea{background:#2d2d3d;border:1px solid #3d3d4d;border-radius:6px;color:#fff;font-size:.875rem;padding:.625rem .75rem;transition:all .2s ease;width:100%}.pause-form-select:focus,.pause-form-textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;outline:none}.pause-form-textarea{min-height:80px;resize:vertical}.pause-form-select option{background:#1e1e2e;color:#fff}.pause-modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.pause-modal-btn{align-items:center;border:1px solid #0000;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.625rem 1.25rem;transition:all .2s ease}.pause-modal-btn svg{height:16px;width:16px}.pause-modal-btn.secondary{background:#0000;border-color:#3d3d4d;color:#e5e7eb}.pause-modal-btn.secondary:hover:not(:disabled){background:#ffffff0d}.pause-modal-btn.primary{background:#8b5cf6;color:#fff}.pause-modal-btn.primary:hover:not(:disabled){background:#7c3aed}.pause-modal-btn.danger{background:#ef4444;color:#fff}.pause-modal-btn.danger:hover:not(:disabled){background:#dc2626}.pause-modal-btn:disabled{cursor:not-allowed;opacity:.5}.pause-error-alert{align-items:center;background:linear-gradient(135deg,#ef44441a,#ef44440d);border-radius:0 0 8px 8px;border-top:1px solid #ef444433;display:flex;gap:12px;margin:0 -16px -16px;padding:12px 14px;position:relative}.pause-error-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.pause-error-icon svg{color:#ef4444;height:20px;width:20px}.pause-error-text{color:#fee2e2;flex:1 1;font-size:13px;line-height:1.4;margin:0}.pause-error-close{align-items:center;background:#0000;border:none;color:#fca5a5;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;font-weight:300;height:24px;justify-content:center;padding:0;transition:all .2s ease;width:24px}.pause-error-close:hover{color:#ef4444}.app-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--card-bg);border-bottom:1px solid var(--border);padding:7px 5px;position:-webkit-sticky;position:sticky;top:0;z-index:40}.header-theme{color:var(--foreground)}.header-theme svg{color:inherit}.header-theme .action-btn svg,.header-theme .header-settings-menu-btn svg,.header-theme .mobile-menu-btn svg{stroke-width:2.1;color:var(--foreground)}.header-title-text,.header-title-text h1{color:var(--foreground)}.header-container{display:flex;min-height:55px;padding-top:9px}.filter-container,.header-container{align-items:center;gap:1rem;justify-content:space-between}.filter-container{min-height:64px;padding:.2rem 1.2rem}.header-left{gap:1rem;min-width:0}.mobile-menu-btn{align-items:center;background:#0000;border:none;border-radius:.5rem;color:var(--muted-foreground);cursor:pointer;display:none;height:2.5rem;justify-content:center;transition:all .2s ease;width:2.5rem}.mobile-menu-btn:hover{background:var(--secondary);color:var(--foreground)}.mobile-menu-btn svg{height:1.25rem;width:1.25rem}.page-title-section{display:flex;flex-direction:column;min-width:0}.page-title{color:var(--foreground);font-size:1.25rem;font-weight:600;line-height:1.2;margin-left:10px}.page-breadcrumb{align-items:center;color:var(--muted-foreground);display:flex;font-size:.75rem;gap:.25rem}.operator-id{color:var(--primary);font-weight:500}.header-metrics{gap:1rem;margin-left:.2rem}.header-metrics,.metric-item{align-items:center;display:flex}.metric-item{background:var(--secondary-50);border-radius:.5rem;gap:.5rem;padding:.5rem .75rem;position:relative}.metric-item.active{background:#10b9811a;color:var(--success)}.metric-item.pending{background:#f59e0b1a;color:var(--warning)}.metric-icon{height:1rem;width:1rem}.metric-icon svg{height:100%;width:100%}.metric-value{color:var(--foreground);font-size:.875rem;font-weight:600}.metric-label{color:var(--muted-foreground);font-size:.75rem}.metric-badge{animation:pulse 2s infinite;background:var(--error);border-radius:.75rem;color:#fff;font-size:.625rem;font-weight:600;min-width:1rem;padding:.125rem .375rem;position:absolute;right:-.25rem;text-align:center;top:-.25rem}.header-center{align-items:center;display:flex;flex:2 1;justify-content:center}.header-controls{align-items:center;display:flex;gap:.75rem;width:100%}.search-container{flex:1 1;max-width:300px}.search-input-wrapper{align-items:center;display:flex}.search-input{background:var(--secondary-30);border-radius:.5rem;padding:.5rem .75rem .5rem 2.5rem}.search-input:focus{background:var(--background);box-shadow:0 0 0 2px var(--primary-20)}.search-icon{color:var(--muted-foreground);left:.75rem}.search-clear,.search-close{align-items:center;background:#0000;border:none;border-radius:.25rem;color:var(--muted-foreground);cursor:pointer;display:flex;height:1.25rem;justify-content:center;position:absolute;right:.5rem;transition:all .2s ease;width:1.25rem}.search-clear:hover,.search-close:hover{background:var(--secondary);color:var(--foreground)}.search-clear svg,.search-close svg{height:.75rem;width:.75rem}.select-container{min-width:140px;position:relative}.header-select{-webkit-appearance:none;appearance:none;background:var(--card-bg);border:1px solid var(--border);border-radius:.5rem;color:var(--foreground);cursor:pointer;font-size:.875rem;padding:.5rem 2rem .5rem .75rem;transition:all .2s ease;width:100%}.header-select:focus{background:var(--background);border-color:var(--primary);outline:none}.select-icon{color:var(--muted-foreground);height:1rem;pointer-events:none;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:1rem}.header-right{align-items:center;display:flex;gap:.75rem}.connection-status{align-items:center;background:var(--secondary-30);border:1px solid var(--border);border-radius:.5rem;display:flex;gap:.5rem;padding:.5rem .75rem}.connection-dot{animation:pulse 2s infinite;border-radius:50%;height:.5rem;width:.5rem}.connection-text{color:var(--foreground);font-size:.75rem;font-weight:500}.connection-status.online{background:#10b9811a}.connection-status.connecting{background:#f59e0b1a}.connection-status.offline{background:#ef44441a}.header-actions{gap:.5rem}.action-btn{border:none;border-radius:.5rem;color:var(--muted-foreground);height:2.5rem;width:2.5rem}.action-btn:hover:not(:disabled){color:var(--foreground)}.action-btn:disabled{cursor:not-allowed;opacity:.5}.action-btn svg{height:1.25rem;width:1.25rem}.action-separator{background:var(--divider);height:1.5rem;margin:0 .25rem;width:1px}.mobile-search-bar{background:var(--card-bg);border-top:1px solid var(--border);padding:.75rem 1rem}.mobile-metrics-bar{background:var(--secondary-20);border-top:1px solid var(--border);padding:.5rem 1rem}.mobile-metrics{display:flex;gap:1rem;justify-content:space-around}.mobile-metric{align-items:center;display:flex;flex:1 1;flex-direction:column;text-align:center}.mobile-metric .metric-value{color:var(--foreground);font-size:1.125rem;font-weight:700}.mobile-metric .metric-label{color:var(--muted-foreground);font-size:.625rem;letter-spacing:.5px;margin-top:.125rem;text-transform:uppercase}.mobile-metric.active .metric-value{color:var(--success)}.mobile-metric.pending .metric-value{color:var(--warning)}@media (max-width:1024px){.desktop-only{display:none!important}.header-center{display:none}}@media (max-width:768px){.mobile-only{display:flex!important}.mobile-menu-btn{display:flex}.page-title{font-size:1.125rem}.header-metrics{display:none}.mobile-search-btn{display:flex}}@media (max-width:640px){.page-breadcrumb{display:none}.connection-status{padding:.375rem}.action-btn{height:2.25rem;width:2.25rem}}.desktop-only{display:flex}.mobile-only{display:none}.clear-filters-btn{align-items:center;background:var(--error-10);border:1px solid var(--error-30);border-radius:.5rem;color:var(--error);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem .75rem;transition:all .2s ease}.clear-filters-btn:hover{background:var(--error-20);border-color:var(--error-50)}.clear-filters-btn svg{height:1rem;width:1rem}.active-filters-indicator{align-items:center;background:var(--primary-10);border:1px solid var(--primary-30);border-radius:.5rem;color:var(--primary);display:flex;gap:.25rem;padding:.25rem .5rem}.active-filters-indicator svg{height:.875rem;width:.875rem}.filter-count{font-size:.75rem;font-weight:600;min-width:1rem;text-align:center}.filters-indicator{animation:slideIn .3s ease-out}.filter-chip{align-items:center;background:var(--primary-20);border-radius:.375rem;display:inline-flex;font-size:.75rem;font-weight:500;padding:.125rem .5rem}.filter-chip,.metric-item.total-tickets,.metric-item.total-tickets .metric-icon svg{color:var(--primary)}.metric-item.last-update{background:#9ca3af1a;border:1px solid #9ca3af4d;min-width:120px}.metric-item.last-update,.metric-item.last-update .metric-icon svg{color:var(--muted-foreground)}.mobile-metric.total-tickets .metric-value{color:var(--primary);font-weight:700}@media (max-width:1200px){.metric-item.last-update{display:none}}@media (max-width:1024px){.header-metrics{gap:.5rem}.metric-item{min-width:auto;padding:.375rem .5rem}.metric-label{font-size:.625rem}.metric-value{font-size:.75rem}}.select-info{color:var(--muted-foreground);font-size:.875rem;pointer-events:none;position:absolute;right:2rem;top:50%;transform:translateY(-50%)}.loading-spinner-small{animation:spin 1s linear infinite;border:2px solid #6366f14d;border-top:2px solid var(--primary);height:1rem;width:1rem}.metric-loading{align-items:center;display:inline-flex;height:1.5rem;justify-content:center;width:1.5rem}.metric-error{font-size:.75rem;margin-left:.25rem;opacity:.8}@media (max-width:1024px){.select-info{font-size:.75rem;right:1.5rem}}.notification-center-container{position:relative}.notification-btn{position:relative;transition:all .2s ease}.notification-btn.has-notifications{color:var(--primary)}.notification-badge{animation:pulse 2s infinite;box-shadow:0 2px 4px #0000001a;color:#fff;font-size:10px;font-weight:700;height:16px;min-width:16px;padding:2px 6px;right:-2px;top:-2px}.notification-dropdown{background:var(--background);border:1px solid var(--border);border-radius:8px;box-shadow:0 10px 25px #0000001a;max-height:400px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:320px;z-index:1000}.notification-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:12px 16px}.notification-header h3{flex:1 1;font-size:14px;font-weight:600;margin:0}.clear-all-btn{background:none;border:none;border-radius:4px;color:var(--primary);cursor:pointer;font-size:12px;padding:4px 8px;transition:background-color .2s}.clear-all-btn:hover{background:var(--primary-10)}.notification-list{max-height:300px;overflow-y:auto}.notification-item{align-items:flex-start;cursor:pointer;display:flex;gap:12px;transition:background-color .2s}.notification-item.unread{border-left:3px solid var(--primary)}.notification-title{font-size:13px;margin-bottom:2px}.notification-message{font-size:12px;line-height:1.4}.notification-dot{background:var(--primary);border-radius:50%;flex-shrink:0;height:8px;margin-top:4px;width:8px}.notification-empty{color:var(--muted-foreground);padding:32px 16px;text-align:center}.empty-icon{font-size:24px;margin-bottom:8px}.empty-text{font-size:13px}.notification-item{border-bottom:1px solid var(--border);padding:12px 16px;position:relative;transition:all .2s}.notification-item:hover{background:var(--hover)}.notification-item.unread{background:var(--primary-10)}.notification-content{flex:1 1}.notification-title{color:var(--foreground)}.notification-message{color:var(--muted-foreground);margin-bottom:4px}.notification-time{color:var(--muted-foreground);opacity:.7}.notification-unread-dot{background:var(--primary);border-radius:50%;height:8px;position:absolute;right:16px;top:16px;width:8px}.notification-item.read{opacity:.6}.header-settings-menu-btn{align-items:center;background:#0000;border:none;border-radius:.5rem;color:var(--muted-foreground);cursor:pointer;display:none;height:2.5rem;justify-content:center;transition:all .2s ease;width:2.5rem}.header-settings-menu-btn:hover{background:var(--secondary);color:var(--foreground)}.header-settings-menu-btn svg{height:1.25rem;width:1.25rem}@media (max-width:980px){.header-settings-menu-btn{display:flex}}.action-btn{border:1px solid var(--border);color:var(--foreground);height:40px;position:relative;width:40px}.action-btn svg{height:20px;width:20px}.action-btn:hover{background:var(--hover);border-color:var(--border);color:var(--text-primary)}.notification-badge{align-items:center;background:var(--error);border:2px solid var(--header-bg);border-radius:10px;color:var(--primary-foreground);display:flex;font-size:.65rem;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:0 4px;position:absolute;right:-4px;top:-4px}.audio-wrapper{align-items:center;border-radius:18px;display:flex;gap:10px;max-width:320px;padding:10px 14px}.audio-wrapper.sent{background:#0b4101;color:#fff}.audio-wrapper.received{background:#1f2937;color:#e5e7eb}.audio-play-btn{align-items:center;background:#fff3;border:none;border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;width:36px}.audio-play-btn svg{fill:currentColor;height:18px;width:18px}.audio-wave{align-items:center;display:flex;flex:1 1;gap:2px}.audio-wave span{background:#fff9;border-radius:2px;height:12px;width:3px}.audio-wrapper.received .audio-wave span{background:#ffffff59}.audio-duration{font-size:12px;min-width:32px;opacity:.85;text-align:right}.toast{animation:toastIn .35s ease-out forwards;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#1f2937f2,#111827f2);border-radius:12px;box-shadow:0 10px 25px #00000059,0 0 0 1px #ffffff0d,0 0 18px #3b82f659;color:#f9fafb;font-size:14px;font-weight:500;max-width:320px;min-width:260px;overflow:hidden;padding:14px 18px;position:fixed;right:24px;top:24px;z-index:9999}.toast:after{animation:progress 3s linear forwards;background:linear-gradient(90deg,#60a5fa,#3b82f6,#2563eb);bottom:0;content:"";height:3px;left:0;position:absolute;width:100%}@keyframes toastIn{0%{opacity:0;transform:translateX(30px) scale(.95)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes progress{0%{width:100%}to{width:0}}.chat-button{align-items:center;background:linear-gradient(135deg,#39ff14,#2eea0f);border:none;border-radius:50%;bottom:24px;box-shadow:0 8px 32px #39ff1466;cursor:pointer;display:flex;height:56px;justify-content:center;position:fixed;right:24px;transition:all .3s cubic-bezier(.4,0,.2,1);width:56px;z-index:9999}.chat-button:hover{box-shadow:0 12px 40px #39ff1480;transform:scale(1.1)}.chat-button:active{transform:scale(.95)}.chat-icon svg{stroke:#fff;stroke-width:2.5}.badge-total{align-items:center;background:#ef4444;border-radius:50%;box-shadow:0 2px 8px #ef444466;color:#fff;display:flex;font-size:10px;font-weight:700;height:20px;justify-content:center;min-width:20px;position:absolute;right:-4px;top:-4px}.chat-modal{background:#0c0c0c;border:1px solid #2a2b2d;border-radius:16px;bottom:88px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;height:500px;overflow:hidden;position:fixed;right:24px;width:384px;z-index:9998}.chat-header,.list-header{align-items:center;background:#0c0c0c;border-bottom:1px solid #2a2b2d;display:flex;gap:12px;padding:16px}.list-header{justify-content:space-between}.list-header h3{color:#fff;font-size:16px;font-weight:600;margin:0}.avatar-container{border-radius:50%;flex-shrink:0;height:40px;overflow:hidden;position:relative;width:40px}.avatar{width:100%}.avatar,.avatar-group{height:100%;object-fit:cover}.avatar-group{width:20%}.avatar-placeholder{background:linear-gradient(135deg,#3b82f6,#8b5cf6)}.group-placeholder{background:linear-gradient(135deg,#8b5cf6,#ec4899)!important;font-size:18px}.status-dot{border:2px solid #1b1c1d;bottom:2px;height:12px;position:absolute;right:2px;width:12px}.status-dot.online{background:#10b981}.status-dot.offline{background:#6b7280}.chat-title{font-size:14px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-subtitle{color:#a1a1aa;font-size:12px}.back-btn,.close-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#a1a1aa;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.back-btn:hover,.close-btn:hover{background:#2a2b2d;color:#fff}.search-section{border-bottom:1px solid #2a2b2d;padding:12px 16px}.search-input{background:#1e1f21;border:1px solid #2a2b2d;border-radius:12px;outline:none;padding:12px 16px;transition:border-color .2s ease}.search-input:focus{border-color:#3b82f6}.search-input::placeholder{color:#6b7280}.tabs{border-bottom:1px solid #2a2b2d}.tab,.tabs{display:flex}.tab{align-items:center;background:#1f2022;border:none;color:#a1a1aa;cursor:pointer;flex:1 1;font-weight:500;justify-content:center;padding:12px 8px;position:relative;transition:all .2s ease}.tab.active{background:#2c2d2f;color:#fff}.tab:hover:not(.active){background:#27282a}.tab-badge{align-items:center;animation:pulse 2s infinite;background:#ef4444;border-radius:10px;color:#fff;display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;min-width:16px;padding:2px 6px;position:absolute;right:8px;top:4px}.list-container{flex:1 1;overflow-y:auto;padding:8px}.chat-item{align-items:center;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s ease}.chat-item:hover{background:#252628}.chat-item.group-item .avatar-container{background:#0000}.name{color:#fff;display:block;font-size:14px;font-weight:600}.name,.preview,.status-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview,.status-text{color:#a1a1aa;font-size:13px;margin-top:2px}.unread-badge{animation:pulse 2s infinite;box-shadow:0 2px 8px #ef444466;display:flex;flex-shrink:0;padding:4px 8px}.messages-container{display:flex;flex-direction:column;gap:12px;padding:16px}.message-row{display:flex;gap:8px;margin-bottom:12px}.message-row.sent{flex-direction:row-reverse}.sender-avatar{border-radius:50%;flex-shrink:0;height:32px;object-fit:cover;width:32px}.message-bubble-container{grid-gap:2px;align-items:end;display:grid;gap:2px;grid-template-columns:1fr auto;grid-template-rows:auto auto;max-width:90%;min-width:0}.chat-info{flex:1 1;min-width:0}.sender-name{color:#a1a1aa;font-size:11px;grid-column:1/-1;padding-left:8px}.message-bubble{box-sizing:border-box;font-size:14px;line-height:1.4;white-space:pre-wrap;width:100%}.message-bubble.received{background:#2a2b2d;border-bottom-left-radius:4px}.message-bubble.sent{background:linear-gradient(135deg,#60cf2a,#38bd28);border-bottom-right-radius:4px;color:#fff}.message-time{align-self:flex-end;color:#6b7280;font-size:10px;padding-left:4px}.input-container{border-top:1px solid #2a2b2d;display:flex;gap:8px}.input-container,.message-input{background:#1e1f21;padding:12px 16px}.message-input{border:1px solid #2a2b2d;border-radius:24px;color:#fff;flex:1 1;font-size:14px;outline:none;transition:border-color .2s ease}.message-input:focus{border-color:#3b82f6}.message-input::placeholder{color:#6b7280}.message-input:disabled{cursor:not-allowed;opacity:.5}.send-btn{background:linear-gradient(135deg,#60cf2a,#38bd28);border:none;border-radius:24px;color:#fff;cursor:pointer;font-weight:500;transition:all .2s ease;white-space:nowrap}.send-btn:hover:not(:disabled){box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.send-btn:disabled{cursor:not-allowed;opacity:.5}.loading{align-items:center;color:#a1a1aa;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:48px 16px}.spinner{border:2px solid #2a2b2d;border-top-color:#39ff14;height:24px;width:24px}.empty{align-items:center;color:#a1a1aa;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:48px 16px;text-align:center}.list-container::-webkit-scrollbar,.messages-container::-webkit-scrollbar{width:4px}.list-container::-webkit-scrollbar-track,.messages-container::-webkit-scrollbar-track{background:#0000}.list-container::-webkit-scrollbar-thumb,.messages-container::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.list-container::-webkit-scrollbar-thumb:hover,.messages-container::-webkit-scrollbar-thumb:hover{background:#fff6}@media (max-width:768px){.chat-modal{bottom:88px;height:calc(100vh - 120px);right:24px;width:calc(100vw - 48px)}}.chat-header .avatar,.chat-header .avatar-group{height:40px!important;width:40px!important}.chat-header .avatar-placeholder,.chat-header .group-placeholder{font-size:14px!important;height:40px!important;width:40px!important}.message-bubble-container{max-width:75%!important;min-width:200px}.message-bubble{word-wrap:break-word!important;box-sizing:border-box!important;line-height:1.5!important;max-width:100%!important;min-height:44px!important;padding:12px 16px!important;white-space:pre-wrap!important}.message-row.received .message-bubble-container,.message-row.sent .message-bubble-container{max-width:75%!important}.messages-container{padding:20px 16px!important}.file-message{align-items:center;display:flex;gap:8px}.file-icon{font-size:22px}.file-info{display:flex;flex-direction:column}.file-name{font-weight:500;word-break:break-word}.chat-image{border-radius:8px;cursor:pointer;max-width:260px}:root,[data-theme=dark]{--color-primary:#39ff14;--color-primary-hover:#2ecc11;--color-primary-alpha:#39ff141a;--color-bg:#0a0611;--color-bg-gradient-start:#2b0d41;--color-bg-gradient-end:#0a0611;--color-card:#1a1d24;--color-card-hover:#1f222a;--color-input:#101218;--color-text:#e4e4e7;--color-text-secondary:#a1a1aa;--color-text-muted:#71717a;--color-border:#2a2f3a;--color-border-hover:#3a3f4a;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 8px 24px #0006;--shadow-lg:0 16px 48px #00000080;--shadow-primary:0 8px 32px #39ff1440;--transition-fast:0.15s ease;--transition-normal:0.25s ease;--transition-slow:0.4s ease}[data-theme=light]{--color-primary:#10b981;--color-primary-hover:#059669;--color-primary-alpha:#10b98114;--color-bg:#f0f4f8;--color-bg-gradient-start:#dbeafe;--color-bg-gradient-end:#fef3c7;--color-card:#fefefe;--color-card-hover:#f8fafb;--color-input:#fff;--color-text:#0f172a;--color-text-secondary:#334155;--color-text-muted:#64748b;--color-border:#cbd5e1;--color-border-hover:#94a3b8;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 20px 40px #0000001f;--shadow-primary:0 8px 24px #10b98133}*{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Oxygen,Ubuntu,sans-serif}.login-container{align-items:center;background:linear-gradient(135deg,#2b0d41,#0a0611);background:linear-gradient(135deg,var(--color-bg-gradient-start) 0,var(--color-bg-gradient-end) 100%);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.login-container:before{background-image:radial-gradient(circle at 20% 50%,#39ff1408 0,#0000 50%),radial-gradient(circle at 80% 80%,#9333ea08 0,#0000 50%);content:"";inset:0;pointer-events:none;position:absolute}[data-theme=light] .login-container:before{background-image:radial-gradient(circle at 20% 30%,#10b98126 0,#0000 40%),radial-gradient(circle at 80% 70%,#fbbf241f 0,#0000 40%),radial-gradient(circle at 50% 50%,#93c5fd14 0,#0000 60%)}.theme-toggle{align-items:center;background:#1a1d24;background:var(--color-card);border:1px solid #2a2f3a;border:1px solid var(--color-border);border-radius:50%;box-shadow:0 8px 24px #0006;box-shadow:var(--shadow-md);cursor:pointer;display:flex;height:48px;justify-content:center;position:fixed;right:24px;top:24px;transition:all .25s ease;transition:all var(--transition-normal);width:48px;z-index:1000}.theme-toggle:hover{border-color:#39ff14;border-color:var(--color-primary);box-shadow:0 8px 32px #39ff1440;box-shadow:var(--shadow-primary);transform:rotate(15deg) scale(1.05)}.theme-toggle:active{transform:rotate(15deg) scale(.95)}.theme-icon{color:#39ff14;color:var(--color-primary);height:20px;transition:transform .25s ease;transition:transform var(--transition-normal);width:20px}.theme-toggle:hover .theme-icon{transform:scale(1.1)}.login-card{animation:cardEnter .6s cubic-bezier(.16,1,.3,1);background:#1a1d24;background:var(--color-card);border:1px solid #2a2f3a;border:1px solid var(--color-border);border-radius:24px;box-shadow:0 16px 48px #00000080;box-shadow:var(--shadow-lg);max-width:440px;overflow:hidden;position:relative;width:100%}@keyframes cardEnter{0%{opacity:0;transform:translateY(24px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.login-card:before{background:linear-gradient(90deg,#0000,#39ff14 50%,#0000);background:linear-gradient(90deg,#0000 0,var(--color-primary) 50%,#0000 100%);content:"";height:1px;left:0;opacity:.3;position:absolute;right:0;top:0}.login-header{background:linear-gradient(180deg,#1a1d24,#0000);background:linear-gradient(180deg,var(--color-card) 0,#0000 100%);padding:48px 40px 32px;text-align:center}.logo-wrapper{display:inline-block;margin-bottom:24px;position:relative}.login-logo{animation:logoFloat 3s ease-in-out infinite;display:block;filter:drop-shadow(0 4px 12px rgba(57,255,20,.2));height:auto;width:160px}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}[data-theme=light] .login-logo{filter:drop-shadow(0 4px 16px rgba(16,185,129,.3))}[data-theme=light] .login-2fa-avatar{box-shadow:0 4px 12px #10b98166}[data-theme=light] .theme-toggle{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border:1px solid #10b98133}[data-theme=light] .theme-toggle:hover{background:#fff;border-color:#39ff14;border-color:var(--color-primary)}.login-title{color:#e4e4e7;color:var(--color-text);font-size:28px;font-weight:700;letter-spacing:-.5px;line-height:1.2;margin:0 0 8px}.title-accent{animation:pulse 2s ease-in-out infinite;color:#39ff14;color:var(--color-primary)}.login-subtitle{color:#a1a1aa;color:var(--color-text-secondary);font-size:15px;line-height:1.5;margin:0}.login-alert{align-items:flex-start;animation:slideDown .4s cubic-bezier(.16,1,.3,1);border-radius:12px;display:flex;font-size:14px;gap:12px;line-height:1.5;margin:0 40px 24px;padding:14px 18px}.login-alert-icon{flex-shrink:0;height:20px;margin-top:1px;width:20px}.login-alert-error{background:#ef44441a;border:1px solid #ef444433;color:#fca5a5}.login-alert-error .login-alert-icon{stroke:#ef4444}.login-alert-success{background:#22c55e1a;border:1px solid #22c55e33;color:#86efac}.login-alert-success .login-alert-icon{stroke:#22c55e}.login-alert-info{background:#3b82f61a;border:1px solid #3b82f633;color:#93c5fd}.login-alert-info .login-alert-icon{stroke:#3b82f6}[data-theme=light] .login-alert-error{background:#ef44440d;color:#dc2626}[data-theme=light] .login-alert-success{background:#22c55e0d;color:#16a34a}[data-theme=light] .login-alert-info{background:#3b82f60d;color:#2563eb}form{padding:0 40px 40px}.form-label{letter-spacing:-.2px}.form-control,.form-label{color:#e4e4e7;color:var(--color-text)}.form-control{background:#101218;background:var(--color-input);border:1.5px solid #2a2f3a;border:1.5px solid var(--color-border);border-radius:12px;font-family:inherit;font-size:15px;padding:14px 16px;transition:all .15s ease;transition:all var(--transition-fast);width:100%}.form-control::placeholder{color:#71717a;color:var(--color-text-muted)}.form-control:hover{border-color:#3a3f4a;border-color:var(--color-border-hover)}.form-control:focus{background:#1a1d24;background:var(--color-card);border-color:#39ff14;border-color:var(--color-primary);box-shadow:0 0 0 4px #39ff141a;box-shadow:0 0 0 4px var(--color-primary-alpha);outline:none}.password-wrapper{position:relative}.password-wrapper .form-control{padding-right:48px}.password-toggle{align-items:center;background:#0000;border:none;border-radius:8px;color:#71717a;color:var(--color-text-muted);cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .15s ease;transition:all var(--transition-fast);width:36px}.password-toggle:hover{background:#39ff141a;background:var(--color-primary-alpha);color:#39ff14;color:var(--color-primary)}.password-toggle svg{height:20px;width:20px}.form-helper{color:#71717a;color:var(--color-text-muted);line-height:1.4;margin-top:6px}.form-options{align-items:center;display:flex;font-size:14px;justify-content:space-between;margin-bottom:24px}.checkbox-label{color:#a1a1aa;color:var(--color-text-secondary);gap:8px;transition:color .15s ease;transition:color var(--transition-fast);-webkit-user-select:none;user-select:none}.checkbox-label:hover{color:#e4e4e7;color:var(--color-text)}.checkbox-label input[type=checkbox]{accent-color:#39ff14;accent-color:var(--color-primary);border-radius:4px;cursor:pointer;height:18px;width:18px}.link-button{background:none;border:none;color:#39ff14;color:var(--color-primary);cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:0;text-decoration:none;transition:all .15s ease;transition:all var(--transition-fast)}.link-button:hover{color:#2ecc11;color:var(--color-primary-hover);text-decoration:underline}.btn-login{align-items:center;background:#39ff14;background:var(--color-primary);border:none;border-radius:12px;color:#000;cursor:pointer;display:flex;font-family:inherit;font-size:15px;font-weight:700;gap:10px;justify-content:center;letter-spacing:-.2px;overflow:hidden;padding:14px 20px;position:relative;transition:all .15s ease;transition:all var(--transition-fast);width:100%}.btn-login:before{background:linear-gradient(45deg,#0000,#fff3,#0000);content:"";inset:0;position:absolute;transform:translateX(-100%);transition:transform .6s}.btn-login:hover:not(:disabled):before{transform:translateX(100%)}.btn-login:hover:not(:disabled){box-shadow:0 8px 32px #39ff1440;box-shadow:var(--shadow-primary);transform:translateY(-2px)}.btn-login:active:not(:disabled){transform:translateY(0)}.btn-login:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-secondary{background:#0000;border:1.5px solid #2a2f3a;border:1.5px solid var(--color-border);border-radius:12px;color:#e4e4e7;color:var(--color-text);font-family:inherit;font-size:15px;font-weight:600;padding:14px 20px;transition:all .15s ease;transition:all var(--transition-fast)}.btn-secondary:hover:not(:disabled){background:#1f222a;background:var(--color-card-hover);border-color:#3a3f4a;border-color:var(--color-border-hover)}.spinner{animation:spin .6s linear infinite;border:2px solid #0000;border-top-color:initial;display:inline-block}.login-2fa-user{align-items:center;background:#39ff141a;background:var(--color-primary-alpha);border:1.5px solid #39ff1433;border-radius:16px;display:flex;gap:16px;margin-bottom:24px;padding:16px 18px}[data-theme=light] .login-2fa-user{border-color:#10b98133}.login-2fa-avatar{align-items:center;background:linear-gradient(135deg,#39ff14,#2ecc11);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-hover) 100%);border-radius:50%;box-shadow:0 4px 12px #39ff144d;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.avatar-icon{stroke-width:2.5;color:#000;height:28px;width:28px}.login-2fa-info{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:0}.login-2fa-email{color:#e4e4e7;color:var(--color-text);font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.login-2fa-hint{align-items:center;color:#39ff14;color:var(--color-primary);display:flex;font-size:13px;font-weight:600;gap:6px}.shield-icon{stroke-width:2.5;height:14px;width:14px}.form-control-code{background:#101218;background:var(--color-input);border:2px solid #2a2f3a;border:2px solid var(--color-border);font-family:SF Mono,Monaco,Inconsolata,Courier New,monospace;font-size:36px;font-weight:700;letter-spacing:16px;padding:20px 8px;text-align:center}.form-control-code:focus{border-color:#39ff14;border-color:var(--color-primary);box-shadow:0 0 0 4px #39ff141a;box-shadow:0 0 0 4px var(--color-primary-alpha);letter-spacing:18px}.login-2fa-loading{align-items:center;animation:pulse 2s ease-in-out infinite;background:#39ff141a;background:var(--color-primary-alpha);border:1.5px solid #39ff1433;border-radius:12px;color:#39ff14;color:var(--color-primary);display:flex;font-size:14px;font-weight:600;gap:12px;justify-content:center;margin-bottom:20px;padding:16px 20px}[data-theme=light] .login-2fa-loading{border-color:#10b98133}.login-2fa-loading .spinner{border-top-color:#39ff14;border-top-color:var(--color-primary)}.login-2fa-actions{grid-gap:12px;display:grid;gap:12px;grid-template-columns:auto 1fr}.login-2fa-help{border-top:1px solid #2a2f3a;border-top:1px solid var(--color-border);margin-top:28px;padding-top:24px;text-align:center}.login-2fa-help p{color:#a1a1aa;color:var(--color-text-secondary);font-size:14px;margin:0 0 12px}@media (max-width:520px){.theme-toggle{height:44px;right:16px;top:16px;width:44px}.login-card{border-radius:20px;max-width:100%}.login-header{padding:36px 24px 24px}form{padding:0 24px 32px}.login-alert{margin:0 24px 20px;padding:12px 14px}.login-title{font-size:24px}.form-control{font-size:16px}.form-control-code{font-size:28px;letter-spacing:12px}.form-control-code:focus{letter-spacing:14px}.login-2fa-actions{grid-template-columns:1fr}.form-options{align-items:flex-start;flex-direction:column;gap:12px}}@media (max-width:380px){.login-logo{width:140px}.login-title{font-size:22px}.form-control{padding:12px 14px}.btn-login,.btn-secondary{padding:12px 16px}}.btn-login:focus-visible,.btn-secondary:focus-visible,.form-control:focus-visible,.link-button:focus-visible,.theme-toggle:focus-visible{outline:2px solid #39ff14;outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.btn-login,.btn-secondary,.form-control{border-width:2px}}.spinner-large{border:4px solid #39ff141a;border-top-color:#39ff14;border:4px solid var(--color-primary-alpha);border-top-color:var(--color-primary)}.btn-login,.btn-secondary,.form-control,.login-card,.theme-toggle{will-change:transform}[data-theme=dark] .login-card{box-shadow:0 16px 48px #00000080,0 0 0 1px #ffffff0d;box-shadow:var(--shadow-lg),0 0 0 1px #ffffff0d}[data-theme=light] .login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#f0f9fffa 50%,#fefce8f2);box-shadow:0 20px 60px #00000014,0 0 0 1px #10b9811a,inset 0 1px 0 #ffffffe6}[data-theme=light] .btn-login{box-shadow:0 2px 8px #10b98133;color:#000;font-weight:700}[data-theme=light] .btn-login:hover:not(:disabled){box-shadow:0 8px 24px #10b9814d}[data-theme=light] .login-header{background:linear-gradient(180deg,#fff9,#0000)}[data-theme=light] .login-title{color:#000}[data-theme=light] .login-subtitle{color:#374151}[data-theme=light] .form-control{background:#fffc;border:1.5px solid #2a2f3a;border:1.5px solid var(--color-border);color:#000}[data-theme=light] .form-control:focus{background:#fff;border-color:#39ff14;border-color:var(--color-primary);color:#000}[data-theme=light] .checkbox-label,[data-theme=light] .checkbox-label:hover,[data-theme=light] .form-label{color:#000}[data-theme=light] .password-toggle{color:#a1a1aa;color:var(--color-text-secondary)}[data-theme=light] .password-toggle:hover{color:#39ff14;color:var(--color-primary)}[data-theme=light] .login-alert-error{background:#fee2e2cc;border-color:#dc26264d;color:#991b1b}[data-theme=light] .login-alert-success{background:#dcfce7cc;border-color:#22c55e4d;color:#14532d}[data-theme=light] .login-alert-info{background:#dbeafecc;border-color:#3b82f64d;color:#1e3a8a}.performance-agents-container{display:flex;flex-direction:column;gap:1.5rem;padding:1rem}.agents-summary-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.agents-summary-card{align-items:center;background:#0c0c0c;border:1px solid #1e1e1e;border-radius:8px;display:flex;gap:1rem;padding:1.25rem;transition:border-color .2s ease}.agents-summary-card:hover{border-color:#2d2d3d}.summary-icon{align-items:center;background:#1e1e1e;border-radius:8px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.summary-icon.total{color:#8b5cf6}.summary-icon.available{color:#10b981}.summary-icon.paused{color:#ef4444}.summary-icon.capacity.success{color:#10b981}.summary-icon.capacity.warning{color:#f59e0b}.summary-icon.capacity.danger{color:#ef4444}.summary-icon svg{height:24px;width:24px}.summary-content{flex:1 1}.summary-label{color:#6b7280;font-size:.875rem;margin-bottom:.25rem}.summary-value{color:#fff;font-size:1.875rem;font-weight:700;line-height:1}.summary-percentage{border-radius:6px;display:inline-block;font-size:.75rem;font-weight:600;margin-top:.5rem;padding:.25rem .625rem}.summary-percentage.success{background:#10b9811a;color:#10b981}.summary-percentage.warning{background:#f59e0b1a;color:#f59e0b}.summary-percentage.danger{background:#ef44441a;color:#ef4444}.capacity-bar{background:#1e1e1e;border-radius:2px;height:4px;margin-top:.5rem;overflow:hidden;width:100%}.capacity-fill{border-radius:2px;height:100%;transition:width .3s ease}.capacity-fill.success{background:#10b981}.capacity-fill.warning{background:#f59e0b}.capacity-fill.danger{background:#ef4444}.performance-agents-card{background:#0c0c0c;border:1px solid #1e1e1e;border-radius:8px;overflow:hidden}.performance-agents-header{align-items:center;border-bottom:1px solid #1e1e1e;display:flex;gap:.75rem;padding:1.5rem}.performance-agents-icon-wrapper{align-items:center;background:#1e1e1e;border-radius:8px;color:#8b5cf6;display:flex;height:40px;justify-content:center;width:40px}.performance-agents-icon-wrapper svg{height:24px;width:24px}.performance-agents-title{color:#fff;font-size:1.125rem;font-weight:600;margin:0}.performance-agents-list{display:flex;flex-direction:column;gap:.5rem;padding:1rem}.performance-agent-row{align-items:center;background:#0c0c0c;border:1px solid #1e1e1e;border-radius:8px;display:flex;justify-content:space-between;padding:1rem;transition:border-color .2s ease}.performance-agent-row:hover{border-color:#2d2d3d}.performance-agent-row.status-paused{border-left:2px solid #ef4444}.performance-agent-row.status-available{border-left:2px solid #10b981}.performance-agent-info-section{align-items:center;display:flex;flex:1 1;gap:1rem}.performance-agent-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:56px;justify-content:center;position:relative;width:56px}.performance-agent-initials{color:#fff;font-size:1.125rem;font-weight:700}.performance-status-badge{align-items:center;border:2px solid #0c0c0c;border-radius:50%;bottom:-2px;display:flex;height:22px;justify-content:center;position:absolute;right:-2px;width:22px}.performance-status-badge.paused{background:#ef4444}.performance-status-badge.available{background:#10b981}.performance-status-badge svg{color:#fff;height:12px;width:12px}.performance-agent-details{flex:1 1;min-width:0}.performance-agent-name{color:#fff;font-size:1rem;font-weight:600;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.performance-agent-department{color:#6b7280;font-size:.813rem;margin-bottom:.5rem}.performance-agent-status{align-items:center;display:inline-flex;font-size:.75rem;font-weight:500;gap:.375rem}.performance-status-indicator{border-radius:50%;height:8px;width:8px}.performance-status-available .performance-status-indicator{background:#10b981}.performance-status-available .performance-status-label{color:#10b981}.performance-status-paused .performance-status-indicator{animation:pulse-dot 2s ease-in-out infinite;background:#ef4444}.performance-status-paused .performance-status-label{color:#ef4444}.performance-pause-info{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.pause-duration-badge,.pause-type-badge{align-items:center;background:#1e1e1e;border:1px solid #2d2d3d;border-radius:6px;color:#ef4444;display:inline-flex;font-size:.75rem;font-weight:500;gap:.375rem;padding:.25rem .625rem}.pause-type-badge svg{height:12px;width:12px}.performance-agent-metrics-section{align-items:center;display:flex;gap:2rem}.performance-metric-item{min-width:80px;text-align:center}.performance-metric-number{color:#fff;font-size:1.5rem;font-weight:700;line-height:1;margin-bottom:.375rem}.performance-metric-satisfaction{color:#8b5cf6}.performance-metric-text{color:#6b7280;font-size:.688rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.performance-no-data{background:#1e1e1e;border-radius:6px;color:#6b7280;font-size:.813rem;padding:.5rem 1rem}.performance-agents-empty,.performance-agents-empty-state{color:#6b7280;padding:3rem 1rem;text-align:center}@media (max-width:1024px){.performance-agent-metrics-section{gap:1rem}.performance-metric-item{min-width:70px}.performance-metric-number{font-size:1.25rem}}@media (max-width:768px){.agents-summary-grid{grid-template-columns:1fr}.performance-agent-row{align-items:flex-start;flex-direction:column;gap:1rem}.performance-agent-metrics-section{justify-content:space-around;width:100%}}.permission-denied-container{align-items:center;display:flex;justify-content:center;min-height:60vh;padding:24px}.permission-denied-content{align-items:center;display:flex;flex-direction:column;justify-content:center;max-width:600px;text-align:center}.permission-denied-icon{color:#ef4444;height:80px;margin-bottom:24px;width:80px}.permission-denied-title{color:#ef4444;font-size:24px;font-weight:600;margin-bottom:12px}.permission-denied-message{color:#9ca3af;font-size:16px;line-height:1.6;margin-bottom:24px;max-width:500px}.permission-denied-button{align-items:center;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;margin-top:16px;padding:10px 20px;transition:all .2s}.permission-denied-button:hover{background-color:#e5e7eb;border-color:#9ca3af}.permission-denied-button svg{flex-shrink:0}:root{--purple-detail:#8b5cf6;--color-primary:#39ff14;--color-accent:#39ff14;--color-bg-dark:#0f0f14;--color-card:#1a1d24;--color-text:#e4e4e7;--color-muted:#a1a1aa;--color-border:#2a2f3a;--color-secondary:#27272a;--transition:.25s ease-in-out}.bg-background{background-color:#09090b}.bg-card{border:1px solid #2a2f3a;border:1px solid var(--color-border)}.border-border{border-color:#2a2f3a;border-color:var(--color-border)}.text-foreground,.text-muted-foreground{color:#e4e4e7;color:var(--color-text)}.bg-secondary\/80:hover{background-color:#27272acc}.bg-secondary\/50{background-color:#27272a80}.bg-accent\/10{background-color:#39ff141a}.bg-accent\/20:hover{background-color:#39ff1433}.text-accent,.text-neon-green{color:#39ff14;color:var(--neon-green)}.from-purple-detail{--tw-gradient-from:var(--purple-detail)}.to-neon-green{--tw-gradient-to:var(--neon-green)}.bg-gradient-to-r{background:linear-gradient(to right,var(--tw-gradient-from),var(--tw-gradient-to))}.bg-clip-text{background-clip:text;-webkit-background-clip:text}.text-transparent{color:#0000}.bg-gradient-to-br{background:linear-gradient(to bottom right,var(--tw-gradient-from),var(--tw-gradient-to))}.from-primary{--tw-gradient-from:var(--color-primary)}.to-accent{--tw-gradient-to:var(--color-accent)}.text-primary-foreground{color:#000}.bg-popover{background-color:#0c0c0c;border:1px solid #333}.text-popover-foreground{color:#e4e4e7;color:var(--color-text)}@media (max-width:768px){.sidebar-collapsed{transform:translateX(-100%)}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.dashboard-container{background:#0a0a0a;color:#fff;flex:1 1}.dashboard-header{border-bottom:1px solid #1f2937;padding:24px}.dashboard-header-content{align-items:center;display:flex;justify-content:space-between}.dashboard-title-section{display:flex;flex-direction:column;gap:4px}.dashboard-title{color:#fff;font-size:1.75rem;font-weight:700;margin:0 0 4px}.dashboard-subtitle{color:#6b7280;margin:0}.dashboard-main{display:flex;flex-direction:column;gap:24px;padding:24px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card{background-color:#0c0c0c}.stat-card:hover{background:#05050580;box-shadow:0 8px 25px #0000004d}.stat-card-content{padding:24px}.stat-info{align-items:center;display:flex;justify-content:space-between}.stat-details{display:flex;flex-direction:column;gap:8px}.stat-label{font-size:14px;margin:0}.stat-value{color:#fff!important;font-size:2rem}.stat-change{align-items:center;display:flex;gap:4px}.trend-icon{height:12px;width:12px}.trend-icon.green{color:#10b981}.change-value{font-size:12px;font-weight:600}.change-value.green{color:#10b981}.stat-icon{background:#20202080;padding:12px;transition:all .2s ease}.stat-card:hover .stat-icon{background:#14141480}.stat-icon.blue{color:#3b82f6}.stat-icon.green{color:#10b981}.stat-icon.neon-green{color:#0f8}.stat-icon.purple{color:#8b5cf6}.dashboard-tabs{display:flex;flex-direction:column;width:100%}.tabs-list{align-self:flex-start;background:#1f1f1f;border-radius:8px;margin-bottom:24px;padding:4px}.tab-trigger,.tabs-list{align-items:center;display:inline-flex;justify-content:center}.tab-trigger{background:#0000;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.tab-trigger:hover{background:local!important}.tab-trigger.active{background:#0f0f0f!important;box-shadow:0 1px 3px #0003;color:#fff}.tabs-content{flex:1 1}.tab-content-overview{display:flex;flex-direction:column;gap:24px}.overview-grid{grid-gap:24px;gap:24px}.dashboard-card{background-color:#0c0c0c;border:1px solid #333;border-radius:8px;overflow:hidden}.card-header{border-bottom:1px solid #334155;padding:24px 24px 20px}.card-title{align-items:center;display:flex;font-size:18px;gap:8px}.card-title-icon{height:20px;width:20px}.card-title-icon.neon-green{color:#0f8}.card-title-icon.purple-detail{color:#8b5cf6}.card-content{padding:24px}.channel-item{border-left:0!important;display:flex;flex-direction:column;gap:8px}.channel-info{justify-content:space-between}.channel-name{font-size:14px;font-weight:500}.channel-count{color:#6b7280;font-size:14px}.channel-progress{width:100%}.progress-bar{background:#374151;border-radius:4px;height:8px;width:100%}.progress-fill{border-radius:4px;transition:width .5s ease}.progress-fill.bg-green-500{background:#39ff14}.progress-fill.bg-pink-500{background:#ec4899}.progress-fill.bg-blue-500{background:#3b82f6}.progress-fill.bg-orange-500{background:#f59e0b}.peak-hours-list{display:flex;flex-direction:column;gap:16px}.peak-hour-item{align-items:center;background:#3341554d;border-radius:8px;display:flex;justify-content:space-between;padding:12px}.peak-hour-info{display:flex;flex-direction:column;gap:2px}.peak-hour-time{color:#fff;font-weight:500;margin:0}.peak-hour-period{color:#6b7280;font-size:14px;margin:0}.peak-hour-badge{border-radius:12px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.badge-green{background:#10b98133;color:#10b981}.badge-orange,.badge-yellow{background:#f59e0b33;color:#f59e0b}.agents-content{display:flex;flex-direction:column;gap:24px}.agents-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.agents-list{display:flex;flex-direction:column;gap:12px}.agent-item{align-items:center;background:#3341554d;border-radius:8px;display:flex;gap:12px;padding:12px}.agent-avatar{height:40px;width:40px}.avatar-placeholder{border-radius:50%;font-size:14px}.agent-name{color:#fff;margin:0}.agent-status{font-size:12px;margin:0}.agent-status.online{color:#10b981}.agent-stats{display:flex;gap:12px}.stat-item{color:#6b7280;font-size:12px}.admin-area{background-color:#0c0c0c;border:1px solid #333;border-radius:8px;padding:24px}.admin-title{color:#3b82f6;font-size:16px;font-weight:600;margin:0 0 8px}.admin-description{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.tab-content-agents,.tab-content-channels,.tab-content-satisfaction{background:#0c0c0c;border:1px solid #333;border-radius:8px;display:flex;flex-direction:column;gap:24px;padding:24px}.channels-overview,.satisfaction-overview{text-align:center}.channels-overview h3,.satisfaction-overview h3{color:#fff;font-size:20px;font-weight:600;margin:0 0 8px}.channels-overview p,.satisfaction-overview p{color:#6b7280;margin:0}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.overview-grid{grid-template-columns:1fr}}@media (max-width:768px){.dashboard-main{padding:16px}.stats-grid{grid-template-columns:1fr}.tabs-list{justify-content:center;overflow-x:auto;width:100%}.tab-trigger{flex-shrink:0}}@media (max-width:480px){.dashboard-header{padding:16px}.dashboard-title{font-size:1.5rem}.card-content,.card-header,.stat-card-content{padding:20px}}.dashboard-loading{color:#6b7280;height:400px}.cobrancas-content{display:flex;flex-direction:column;gap:1.5rem}.cobrancas-empty,.cobrancas-loading{align-items:center;color:#a1a1aa;color:var(--color-muted);display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem 2rem}.cobrancas-empty svg{color:#a1a1aa;color:var(--color-muted);height:64px;opacity:.5;width:64px}.cobrancas-empty h3{color:#e4e4e7;color:var(--color-text);font-size:1.25rem;font-weight:600;margin:0}.cobrancas-empty p{font-size:.875rem;margin:0}.respostas-list{gap:1rem}.resposta-item,.respostas-list{display:flex;flex-direction:column}.resposta-item{gap:.5rem}.resposta-info{align-items:center;display:flex;justify-content:space-between}.resposta-botao{color:#e4e4e7;color:var(--color-text);font-weight:500}.resposta-count{color:#a1a1aa;color:var(--color-muted);font-size:.875rem}.resposta-progress .progress-bar{background-color:#27272a;background-color:var(--color-secondary);border-radius:4px;height:8px;overflow:hidden}.resposta-progress .progress-fill{height:100%;transition:width .3s ease}.bg-neon-green{background-color:#39ff14;background-color:var(--neon-green)}.empty-respostas{color:#a1a1aa;color:var(--color-muted);padding:2rem;text-align:center}.regua-item{background-color:#0c0c0c;border:1px solid #2a2f3a;border:1px solid var(--color-border);border-radius:8px;padding:1rem}.regua-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.regua-nome{color:#e4e4e7;color:var(--color-text);font-size:1rem;font-weight:600;margin:0}.regua-status{border-radius:12px;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.regua-status.active{background-color:#39ff141a;color:#39ff14;color:var(--neon-green)}.regua-status.inactive{background-color:#a1a1aa1a;color:#a1a1aa;color:var(--color-muted)}.regua-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.regua-stat{display:flex;flex-direction:column;gap:.25rem}.regua-stat .stat-label{color:#a1a1aa;color:var(--color-muted);font-size:.75rem}.regua-stat .stat-value{color:#e4e4e7;color:var(--color-text);font-size:1.25rem;font-weight:600}.card-refresh-btn{align-items:center;background:none;border:none;color:#a1a1aa;color:var(--color-muted);cursor:pointer;display:flex;justify-content:center;padding:.25rem;transition:color .2s ease}.card-refresh-btn:hover{color:#e4e4e7;color:var(--color-text)}.card-refresh-btn svg{height:18px;width:18px}.ultimos-envios-table{overflow-x:auto}.ultimos-envios-table table{border-collapse:collapse;font-size:.875rem;width:100%}.ultimos-envios-table thead{background-color:#27272a;background-color:var(--color-secondary)}.ultimos-envios-table th{font-weight:600;text-align:left}.ultimos-envios-table td,.ultimos-envios-table th{border-bottom:1px solid #2a2f3a;border-bottom:1px solid var(--color-border);color:#e4e4e7;color:var(--color-text);padding:.75rem 1rem}.ultimos-envios-table tbody tr:hover{background-color:#39ff140d}.status-badge.completed{background-color:#39ff141a;color:#39ff14;color:var(--neon-green)}.status-badge.pending{background-color:#fbbf241a;color:#fbbf24}.stat-icon.red svg{color:#ef4444}@media (max-width:768px){.ultimos-envios-table{font-size:.75rem}.ultimos-envios-table td,.ultimos-envios-table th{padding:.5rem}.regua-stats{grid-template-columns:repeat(2,1fr)}}.dashboard-last-updated{color:#6b7280;font-size:12px;margin:4px 0 0}.refresh-button,.refresh-section{align-items:center;display:flex}.refresh-button{border:1px solid #a855f74d;border-radius:6px;color:#c084fc;color:rgb(192 132 252/var(--tw-text-opacity,1));cursor:pointer;font-size:14px;gap:8px;padding:8px 16px;transition:all .2s ease}.refresh-button:disabled{cursor:not-allowed;opacity:.6}.refresh-button svg{height:16px;width:16px}.spinning{animation:spin 1s linear infinite}.sla-alert{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;gap:16px;margin-bottom:24px;padding:16px}.alert-icon,.sla-alert{align-items:center;display:flex}.alert-icon{background:#ef444433;border-radius:50%;color:#ef4444;height:48px;justify-content:center;width:48px}.alert-icon svg{height:24px;width:24px}.alert-content h4{color:#ef4444;font-size:16px;font-weight:600;margin:0 0 4px}.alert-content p{color:#fca5a5;font-size:14px;margin:0}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{padding:8px 0}.activity-info,.activity-item{align-items:center;display:flex;justify-content:space-between}.activity-info{width:100%}.activity-label{color:#fff;font-size:14px}.activity-value{font-size:16px;font-weight:600}.activity-value.blue{color:#3b82f6}.activity-value.green{color:#10b981}.activity-value.orange{color:#f59e0b}.activity-value.red{color:#ef4444}.departments-content{display:flex;flex-direction:column;gap:24px}.departments-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.department-card{background-color:#0c0c0c;border:1px solid #334155;border-radius:8px;padding:20px}.department-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.department-color{border-radius:2px;height:32px;width:4px}.department-header h4{color:#fff;font-size:18px;font-weight:600;margin:0}.department-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:16px}.dept-stat{display:flex;flex-direction:column;gap:4px;text-align:center}.dept-stat .label{color:#6b7280;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.dept-stat .value{color:#fff;font-size:20px;font-weight:700}.dept-stat .value.warning{color:#f59e0b}.department-sla-info{border-top:1px solid #334155;color:#6b7280;font-size:14px;padding-top:16px;text-align:center}.agents-overview{display:flex;flex-direction:column;gap:24px}.agents-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.agent-stat{background:#1e293b;border:1px solid #334155;border-radius:8px;padding:24px;text-align:center}.agent-stat h4{color:#6b7280;font-size:14px;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.agent-stat span{font-size:28px;font-weight:700}.agent-stat.online span{color:#10b981}.agent-stat.busy span{color:#f59e0b}.agent-stat.away span{color:#6b7280}.agent-stat.offline span{color:#ef4444}.sla-content{display:flex;flex-direction:column;gap:24px}.sla-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.sla-metric{background:#1e293b;border:1px solid #334155;border-radius:8px;padding:24px;text-align:center}.sla-metric h4{color:#6b7280;font-size:14px;margin:0 0 8px;text-transform:uppercase}.sla-percentage{color:#10b981}.sla-breaches,.sla-percentage{font-size:32px;font-weight:700}.sla-breaches{color:#ef4444}.departments-sla{display:flex;flex-direction:column;gap:16px}.sla-department-item{background:#1e293b;border:1px solid #334155;border-radius:8px;padding:20px}.sla-dept-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.dept-color-indicator{border-radius:2px;height:20px;width:4px}.sla-dept-header h5{color:#fff;flex:1 1;font-size:16px;font-weight:600;margin:0}.sla-time{color:#6b7280;font-size:14px}.sla-overdue-tickets{border-top:1px solid #334155;padding-top:16px}.sla-overdue-tickets h6{color:#ef4444;font-size:14px;font-weight:600;margin:0 0 12px}.overdue-ticket{align-items:center;border-bottom:1px solid #374151;display:flex;justify-content:space-between;padding:8px 0}.overdue-ticket:last-child{border-bottom:none}.ticket-subject{color:#fff;flex:1 1;font-size:14px}.ticket-contact{color:#6b7280;font-size:12px}.ticket-overdue{color:#ef4444;font-size:12px;font-weight:600}.admin-stats{display:flex;gap:24px;margin-top:12px}.admin-stats span{color:#6b7280;font-size:12px}@media (max-width:768px){.departments-grid{grid-template-columns:1fr}.agents-stats-grid{grid-template-columns:repeat(2,1fr)}.sla-summary{grid-template-columns:1fr}.dashboard-header-content{align-items:flex-start;flex-direction:column;gap:16px}}.dashboard-controls{align-items:center;display:flex;gap:12px}.dashboard-select select{background:#0c0c0c;border:1px solid #4b5563;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;min-width:140px;padding:8px 12px}.dashboard-select select:focus{border-color:#8b5cf6;outline:none}.export-button{align-items:center;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.export-button,.export-button:hover{background:#9333ea;background:rgb(147 51 234/var(--tw-bg-opacity,1))}.export-button:hover{transform:translateY(-.5px)}.export-button svg{height:16px;width:16px}@media (max-width:768px){.dashboard-controls{flex-wrap:wrap;gap:8px}.dashboard-select select{min-width:120px}}.badge-red{background:#dc262633;color:#dc2626}.empty-channels{color:#6b7280;padding:20px;text-align:center}.busiest-hour{border-top:1px solid #334155;color:#6b7280;font-size:14px;margin-top:16px;padding-top:16px}.busiest-hour p{margin:4px 0}.agents-summary p{color:#fff;margin:8px 0}.channels-detailed{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.channel-detail-card{background:#1e293b;border:1px solid #334155;border-radius:8px;padding:16px}.channel-detail-card h4{color:#fff;margin:0 0 12px}.channel-detail-card p{color:#6b7280;font-size:14px;margin:4px 0}.dashboard-container{background-color:#0a0a0a;display:flex;flex-direction:column;height:100vh;overflow:hidden}.dashboard-header{background-color:#0a0a0a;border-bottom:1px solid #1f1f1f;flex-shrink:0;padding:1.5rem 2rem;position:-webkit-sticky;position:sticky;top:0}.dashboard-main{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:2rem;scrollbar-color:#292929;scrollbar-width:thin}.dashboard-main::-webkit-scrollbar{width:8px}.dashboard-main::-webkit-scrollbar-track{background:#1f1f1f;border-radius:4px}.dashboard-main::-webkit-scrollbar-thumb{background:#3b82f6;border-radius:4px;-webkit-transition:background .3s ease;transition:background .3s ease}.dashboard-main::-webkit-scrollbar-thumb:hover{background:#2563eb}.stats-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.overview-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-top:1.5rem}@media (max-width:1024px){.dashboard-main{padding:1.5rem}.overview-grid{grid-template-columns:1fr}}@media (max-width:768px){.dashboard-main{padding:1rem}.stats-grid{grid-template-columns:1fr}.dashboard-header{padding:1rem}}.dashboard-main{scroll-behavior:smooth}.dashboard-loading{gap:1rem;height:100vh}.loading-spinner{border:3px solid #1f1f1f}.dashboard-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.loading-spinner{border:3px solid #1f2937;border-top-color:#0f8}.dashboard-error{align-items:center;color:#ef4444;display:flex;font-size:16px;justify-content:center;min-height:400px}@keyframes spinning{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinning{animation:spinning 1s linear infinite}.stats-grid-dashboard{grid-template-rows:repeat(2,1fr)}.stats-grid-dashboard,.stats-grid-dashboard-compact{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr);margin-bottom:32px}@media (max-width:1200px){.stats-grid-dashboard,.stats-grid-dashboard-compact{gap:16px;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.stats-grid-dashboard{grid-template-rows:repeat(4,1fr)}.stats-grid-dashboard,.stats-grid-dashboard-compact{gap:12px;grid-template-columns:repeat(2,1fr)}}.stat-card{background:#18181b;border:1px solid #27272a;padding:20px;transition:all .2s ease}.stat-card:hover{border-color:#3f3f46;box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.stat-card-content{gap:4px}.nps-content,.stat-card-content{display:flex;flex-direction:column}.nps-content{gap:24px}.nps-score{padding:20px 0}.nps-number{font-size:3.5rem;font-weight:700}.nps-score p{color:#6b7280;font-size:14px;margin-top:8px}.nps-bar-label{align-items:center;color:#9ca3af}.nps-bar{background:#1f2937;border-radius:4px;height:8px}.nps-bar-fill{border-radius:4px;transition:width .3s ease}.pie-legend{border-top:1px solid #334155;flex-direction:column;gap:12px;padding-top:16px}.pie-legend-item{color:#9ca3af}.pie-legend-dot{flex-shrink:0}.pie-legend-item strong{color:#fff;font-weight:600}.refresh-btn svg.spinning{animation:spin 1s linear infinite}.metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.metric-card{align-items:center;background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #ffffff1a;border-radius:16px;display:flex;gap:16px;padding:24px;transition:all .3s ease}.metric-card:hover{box-shadow:0 12px 24px #0000004d;transform:translateY(-4px)}.metric-icon{align-items:center;background:#ffffff0d;border-radius:12px;display:flex;font-size:48px;height:70px;justify-content:center;width:70px}.metric-content{flex:1 1}.metric-title{color:#94a3b8;font-size:14px;font-weight:500;margin:0 0 8px}.metric-value{color:#fff;font-size:32px;font-weight:700;margin:0 0 4px}.metric-subtitle{color:#64748b;font-size:13px;margin:0}.metric-blue .metric-icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}.metric-blue-light .metric-icon{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.metric-orange .metric-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.metric-green .metric-icon{background:linear-gradient(135deg,#10b981,#059669)}.metric-gray .metric-icon{background:linear-gradient(135deg,#6b7280,#4b5563)}.metric-gray-dark .metric-icon{background:linear-gradient(135deg,#4b5563,#374151)}.metric-purple .metric-icon{background:linear-gradient(135deg,#a855f7,#9333ea)}.metric-yellow .metric-icon{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.charts-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(500px,1fr))}.chart-card{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #ffffff1a;border-radius:16px;padding:24px;transition:all .3s ease}.chart-card:hover{box-shadow:0 12px 24px #0000004d;transform:translateY(-2px)}.chart-title{display:flex;flex-direction:column;gap:4px;margin:0 0 20px}.chart-title span{color:#fff;font-size:18px;font-weight:700}.chart-title small{color:#94a3b8;font-size:14px;font-weight:400}.nps-card .nps-content{display:flex;flex-direction:column;gap:24px}.nps-score{background:#ffffff0d;border-radius:12px;padding:20px;text-align:center}.nps-number{font-size:64px;font-weight:800;line-height:1}.nps-score p{color:#94a3b8;font-size:16px;margin:8px 0 0}.nps-bars{gap:16px}.nps-bar-item,.nps-bars{display:flex;flex-direction:column}.nps-bar-item{gap:8px}.nps-bar-label{color:#94a3b8;display:flex;font-size:14px;justify-content:space-between}.nps-bar{background:#ffffff0d;border-radius:12px;height:24px;overflow:hidden}.nps-bar-fill{height:100%;transition:width .5s ease}.pie-legend{display:flex;gap:32px;justify-content:center;margin-top:16px}.pie-legend-item{align-items:center;color:#94a3b8;display:flex;font-size:14px;gap:8px}.pie-legend-dot{border-radius:50%;height:12px;width:12px}.new-dashboard-error,.new-dashboard-loading{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.new-dashboard-loading .spinner{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-radius:50%;border-top-color:#3b82f6;height:48px;margin-bottom:16px;width:48px}.new-dashboard-loading p{color:#94a3b8;font-size:16px}.new-dashboard-error{color:#ef4444;font-size:18px}@media (max-width:1200px){.charts-grid{grid-template-columns:1fr}}@media (max-width:768px){.metrics-grid{grid-template-columns:1fr}.new-dashboard-header{align-items:flex-start;flex-direction:column;gap:16px}.refresh-btn{justify-content:center;width:100%}}.recharts-wrapper{font-family:inherit!important}.recharts-cartesian-axis-tick-value{fill:#94a3b8!important}.recharts-legend-wrapper{color:#94a3b8!important}.recharts-default-legend{display:flex!important;gap:24px!important;justify-content:center!important}.recharts-legend-item-text{color:#94a3b8!important}.date-filter-group{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.date-input,.date-range-select{background-color:#1a1d24;border:1px solid #334155;border-radius:8px;color:#fff;font-size:14px;padding:8px 12px;transition:all .2s ease}.date-input:hover,.date-range-select:hover{border-color:#3b82f6}.date-input:focus,.date-range-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.date-range-select{cursor:pointer;min-width:160px}.date-input{cursor:pointer;min-width:140px}.date-input::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(1)}@media (max-width:768px){.date-filter-group{align-items:stretch;flex-direction:column;width:100%}.date-input,.date-range-select{width:100%}}.flow-modal-overlay{align-items:center;animation:flowOverlayFadeIn .2s ease-out;background-color:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:50}.flow-modal-overlay.closing{animation:flowOverlayFadeOut .2s ease-out}@keyframes flowOverlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes flowOverlayFadeOut{0%{opacity:1}to{opacity:0}}.flow-modal{animation:flowModalSlideIn .2s ease-out;background-color:#0c0c0c;border:1px solid #1f2937;border-radius:.5rem;display:flex;flex-direction:column;max-height:90vh;max-width:42rem;width:100%}.flow-modal.closing{animation:flowModalSlideOut .2s ease-out}@keyframes flowModalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes flowModalSlideOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(-10px)}}.flow-modal-content{flex:1 1;max-height:calc(90vh - 200px);overflow-y:auto}.flow-modal-content::-webkit-scrollbar{width:8px}.flow-modal-content::-webkit-scrollbar-track{background:#1f2937;border-radius:4px}.flow-modal-content::-webkit-scrollbar-thumb{background:#4b5563;border-radius:4px}.flow-modal-content::-webkit-scrollbar-thumb:hover{background:#6b7280}@media (max-width:768px){.flow-modal{max-height:95vh;max-width:95vw}.flow-modal-content{max-height:calc(95vh - 180px)}}.flow-modal.small{max-width:28rem}.flow-modal.medium{max-width:42rem}.flow-modal.large{max-width:56rem}:root{--bg-secondary:#0a0a0a;--bg-tertiary:#2a2a2a}.settings-card{background:#0a0a0a;background:var(--bg-primary);border:1px solid #2a2f3a;border:1px solid var(--border-secondary)}.settings-card-header{border-bottom:1px solid var(--border-primary)}.settings-card-title{color:var(--text-primary)}.settings-icon{color:#8b5cf6;color:var(--accent-primary)}.settings-card-description{color:var(--text-muted)}.flows-header{background:#0a0a0a;border:1px solid var(--border-primary)}.flows-info h4{color:var(--text-primary)}.flows-info p{color:var(--text-muted)}.create-flow-btn{background:var(--accent-primary)}.create-flow-btn:hover{box-shadow:0 4px 12px #8b5cf64d;transform:translateY(-1px)}.empty-state{border:1px solid var(--border-primary)}.empty-icon{color:var(--text-disabled)}.empty-state h3{color:var(--text-primary)}.empty-state p{color:var(--text-muted)}.create-first-flow-btn{padding:12px 24px}.create-first-flow-btn:hover{box-shadow:0 4px 12px #8b5cf64d;transform:translateY(-1px)}.flow-item-main{background:#0a0a0a;border:1px solid #333;border:1px solid var(--border-primary);border-radius:12px;padding:24px;position:relative;transition:all .2s ease}.flow-item-main:before{border-radius:12px 12px 0 0;content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease}.flow-item-main:hover{box-shadow:0 8px 25px #0000004d;transform:translateY(-2px)}.flow-item-main:hover:before{opacity:1}.flow-item{animation:fadeInUp .3s ease-out}.flow-item-main{align-items:flex-start;display:flex;gap:24px;justify-content:space-between}.flow-header{flex-wrap:wrap;gap:12px}.flow-name{color:var(--text-primary)}.flow-status{border-radius:16px;font-size:12px;font-weight:600;gap:6px;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.flow-status.active{background:#22c55e26;border:1px solid #22c55e4d;color:#22c55e;color:var(--success)}.flow-status.inactive{background:#6b728026;border:1px solid #6b72804d;color:#666;color:var(--text-disabled)}.flow-status-badge{border-radius:12px;font-size:11px;font-weight:500;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.flow-status-badge.draft{background:#6b728026;color:#666;color:var(--text-disabled)}.flow-status-badge.published{background:#22c55e26;color:#22c55e;color:var(--success)}.flow-status-badge.archived{background:#f59e0b26;color:#f97316;color:var(--warning)}.flow-description{color:var(--text-muted);margin:0 0 12px}.flow-meta{color:var(--text-disabled)}.action-btn{border:1px solid var(--border-primary);color:var(--text-secondary)}.edit-btn:hover{background:#3b82f61a;border-color:#3b82f6;border-color:var(--info);box-shadow:0 2px 8px #3b82f633;color:#3b82f6;color:var(--info)}.toggle-btn.active:hover{background:#f59e0b1a;border-color:#f97316;border-color:var(--warning);box-shadow:0 2px 8px #f59e0b33;color:#f97316;color:var(--warning)}.toggle-btn.inactive:hover{background:#22c55e1a;border-color:#22c55e;border-color:var(--success);box-shadow:0 2px 8px #22c55e33;color:#22c55e;color:var(--success)}.delete-btn:hover{border-color:var(--error);color:var(--error)}.modal-flow{background:#0a0a0a;border:1px solid #333;border:1px solid var(--border-primary);border-radius:16px;box-shadow:0 20px 25px -5px #00000080;max-width:500px;overflow:hidden;width:90%}.modal-header{border-bottom:1px solid var(--border-primary)}.modal-header h3{color:var(--text-primary)}.close-btn{background:#0000;border-radius:6px;color:#888;color:var(--text-muted);padding:8px;transition:all .2s ease}.close-btn:hover{background:#2a2a2a;background:var(--bg-tertiary);color:#fff;color:var(--text-primary)}.close-btn svg{height:16px;width:16px}.modal-content-flow{padding:24px}.form-label{color:var(--text-primary)}.form-input{background:#0a0a0a;background:var(--bg-secondary);border:1px solid #333;border:1px solid var(--border-primary);border-radius:8px;color:#fff;color:var(--text-primary);font-size:14px;padding:12px}.form-input:focus{box-shadow:0 0 0 3px #8b5cf61a}.form-input::placeholder{color:#666;color:var(--text-disabled)}.modal-footer{border-top:1px solid var(--border-primary)}.cancel-btn{border:1px solid var(--border-primary);color:var(--text-secondary);padding:10px 16px}.cancel-btn:hover{background:#8b5cf61a;color:#fff;color:var(--text-primary)}.save-btn{min-width:100px;padding:10px 16px}.loading-container p{color:var(--text-muted)}.error-container p{color:var(--error)}.loading-container:before{border-top:3px solid #8b5cf6;border:3px solid var(--border-primary);border-top-color:var(--accent-primary)}@media (max-width:768px){.settings-card-content,.settings-card-header{padding:20px}.flows-header{padding:16px}.flow-item-main,.flows-header{align-items:flex-start;flex-direction:column;gap:16px}.flow-item-main{padding:20px}.flow-actions{flex-wrap:wrap;justify-content:flex-end;width:100%}.flow-header{align-items:flex-start;flex-direction:column;gap:8px}.modal{margin:20px;width:95%}.modal-content-flow,.modal-footer,.modal-header{padding:16px}.modal-footer{flex-direction:column-reverse}.cancel-btn,.save-btn{justify-content:center;width:100%}}@media (max-width:480px){.flow-meta{flex-direction:column;gap:8px}.flow-actions{grid-template-columns:1fr 1fr}.action-btn{font-size:11px;padding:6px 8px}}.flow-item-main{animation:fadeInUp .3s ease-out}.agente-modal-overlay{--color-background:var(--card,#111827);--color-background-secondary:var(--card-2,var(--card,#111827));--color-border:var(--border,#374151);--color-text-primary:var(--foreground,#f3f4f6);--color-text-secondary:var(--muted-foreground,#9ca3af);--color-text-tertiary:var(--muted-foreground,#6b7280);align-items:center;animation:fadeIn .2s ease;background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.agente-modal-overlay.closing{animation:fadeOut .2s ease}.agente-modal{animation:slideUp .3s ease;background:#0c0c0c;background:var(--color-background,#0c0c0c);border:1px solid #2d3139;border:1px solid var(--color-border,#2d3139);border-radius:16px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:750px;overflow:hidden;width:100%}.agente-modal.closing{animation:slideDown .2s ease}.agente-modal-header{align-items:center;background:#0c0c0c;background:var(--color-background-secondary,#0c0c0c);border-bottom:1px solid #2d3139;border-bottom:1px solid var(--color-border,#2d3139);display:flex;justify-content:space-between;padding:24px}.agente-modal-title{color:#f3f4f6;color:var(--color-text-primary,#f3f4f6);font-size:20px;font-weight:700;margin:0 0 4px}.agente-modal-subtitle{color:#9ca3af;color:var(--color-text-secondary,#9ca3af);font-size:14px;margin:0}.agente-modal-close{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s;width:36px}.agente-modal-close:hover{background:#ef44441a}.agente-modal-close svg{stroke:#9ca3af;stroke:var(--color-text-secondary,#9ca3af);transition:stroke .2s}.agente-modal-close:hover svg{stroke:#ef4444}.agente-modal-tabs{background:#0c0c0c;background:var(--color-background-secondary,#0c0c0c);border-bottom:1px solid #2d3139;border-bottom:1px solid var(--color-border,#2d3139);display:flex;padding:0 24px}.agente-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#9ca3af;color:var(--color-text-secondary,#9ca3af);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 16px;position:relative;transition:all .2s}.agente-tab:hover{color:#f3f4f6;color:var(--color-text-primary,#f3f4f6)}.agente-tab.active{border-bottom-color:#8b5cf6;color:#8b5cf6}.agente-tab .tab-icon{stroke-width:2;height:16px;width:16px}.agente-modal-content{flex:1 1;overflow-y:auto;padding:24px}.agente-modal-body{display:flex;flex-direction:column;gap:24px}.agente-modal-footer{align-items:center;background:#0c0c0c;background:var(--color-background-secondary,#0c0c0c);border-top:1px solid #2d3139;border-top:1px solid var(--color-border,#2d3139);display:flex;justify-content:space-between;padding:20px 24px}.agente-modal-meta{display:flex;flex-direction:column;gap:4px}.agente-meta-text{color:#6b7280;color:var(--color-text-tertiary,#6b7280);font-size:13px}.agente-alert,.agente-modal-actions{display:flex;gap:12px}.agente-alert{align-items:center;animation:slideDown .3s ease;border-radius:12px;padding:16px}.agente-alert svg{flex-shrink:0}.agente-alert span{flex:1 1;font-size:14px;font-weight:500}.agente-alert-error{background:#ef44441a;border:1px solid #ef44444d;color:#f87171}.agente-form-group{display:flex;flex-direction:column;gap:8px}.agente-form-label{align-items:center;color:#f3f4f6;color:var(--color-text-primary,#f3f4f6);display:flex;font-size:14px;font-weight:600;gap:8px}.agente-form-optional{color:#6b7280;color:var(--color-text-tertiary,#6b7280);font-size:12px;font-weight:400}.agente-error-text{color:#f87171;font-size:12px;font-weight:500}.agente-form-input,.agente-form-select,.agente-form-textarea{background:#0f1115;background:var(--color-background-secondary,#0f1115);border:1px solid #2d3139;border:1px solid var(--color-border,#2d3139);border-radius:8px;color:#f3f4f6;color:var(--color-text-primary,#f3f4f6);font-family:inherit;font-size:14px;padding:12px 16px;transition:all .2s;width:100%}.agente-form-input:focus,.agente-form-select:focus,.agente-form-textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;outline:none}.agente-form-input.error,.agente-form-select.error,.agente-form-textarea.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.agente-form-textarea{min-height:80px;resize:vertical}.agente-form-select{cursor:pointer}.agente-form-helper{color:#6b7280;color:var(--color-text-tertiary,#6b7280);font-size:13px;line-height:1.5;margin:0}.agente-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.agente-form-checkboxes{display:flex;flex-direction:column;gap:12px}.agente-form-checkbox{align-items:center;background:#0f1115;background:var(--color-background-secondary,#0f1115);border:1px solid #2d3139;border:1px solid var(--color-border,#2d3139);border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:12px;transition:all .2s}.agente-form-checkbox:hover{background:#8b5cf60d;border-color:#8b5cf64d}.agente-form-checkbox input[type=checkbox]{accent-color:#8b5cf6;cursor:pointer;height:18px;width:18px}.agente-form-checkbox span{color:#f3f4f6;color:var(--color-text-primary,#f3f4f6);font-size:14px;font-weight:500}.agente-info-section{display:flex;flex-direction:column;gap:20px}.agente-section-title{color:#f3f4f6;color:var(--color-text-primary,#f3f4f6);font-size:18px;font-weight:700;margin:0}.agente-info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.agente-info-item{background:#0f1115;background:var(--color-background-secondary,#0f1115);border:1px solid #2d3139;border:1px solid var(--color-border,#2d3139);border-radius:10px;display:flex;flex-direction:column;gap:6px;padding:16px}.status-badge.active{background:#22c55e1a;color:#22c55e}.status-badge.inactive{background:#ef44441a}.agente-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s;white-space:nowrap}.agente-btn:disabled{cursor:not-allowed;opacity:.5}.agente-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.agente-btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.agente-btn-secondary{background:#0f1115;background:var(--color-background-secondary,#0f1115);border:1px solid #2d3139;border:1px solid var(--color-border,#2d3139);color:#f3f4f6;color:var(--color-text-primary,#f3f4f6)}.agente-btn-secondary:hover:not(:disabled){background:#8b5cf61a;border-color:#8b5cf6}.agente-spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}@media (max-width:768px){.agente-modal{border-radius:0;max-height:100vh;max-width:100%}.agente-modal-content,.agente-modal-footer,.agente-modal-header,.agente-modal-tabs{padding-left:16px;padding-right:16px}.agente-modal-tabs{overflow-x:auto}.agente-form-row,.agente-info-grid{grid-template-columns:1fr}.agente-modal-footer{align-items:stretch;flex-direction:column;gap:12px}.agente-modal-actions{flex-direction:column;width:100%}.agente-btn{width:100%}}.agente-virtual-container{background:#000;min-height:100vh;padding:16px}@media (min-width:768px){.agente-virtual-container{padding:20px}}@media (min-width:1024px){.agente-virtual-container{padding:24px}}.av-header{flex-wrap:wrap;gap:12px;margin-bottom:16px}.av-title-section{gap:10px}.av-icon-wrapper{border-radius:8px;height:36px;width:36px}.av-icon{height:20px;width:20px}.av-title{font-size:18px;margin:0 0 2px}.av-subtitle{font-size:12px}.av-header-actions{flex-wrap:wrap;gap:8px}.av-status-badge{background:#1a1a1a;border-radius:6px;font-size:12px;gap:5px;padding:5px 10px}.av-status-badge .status-dot{height:5px;width:5px}.av-btn{border-radius:6px;font-size:12px;gap:5px;padding:6px 12px}.av-btn svg{height:16px;width:16px}.av-btn-primary{background:#1a1a1a}.av-stats-grid{grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:16px}.av-stat-card{border-radius:8px;gap:10px;padding:10px 12px}.stat-icon{border-radius:6px;height:32px;width:32px}.stat-icon svg{height:16px;width:16px}.stat-content{min-width:0}.stat-value{line-height:1.2;margin-bottom:2px}.stat-label{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.av-search-bar{margin-bottom:20px;position:relative}.av-search-bar input{background:#1a1a1a;border:1px solid #2d2d2d;border-radius:8px;color:#fff;font-size:14px;padding:12px 16px 12px 48px;transition:all .2s;width:100%}.av-search-bar input:focus{border-color:#3d3d3d;outline:none}.av-search-bar input::placeholder{color:#5a5a5a}.search-icon{stroke:#5a5a5a;stroke-width:2;left:16px}.av-tabs{border-bottom:1px solid #2d2d2d;display:flex;gap:8px;margin-bottom:20px;padding-bottom:0}.av-tab{background:none;border:none;border-bottom:2px solid #0000;bottom:-1px;color:#8a8a8a;cursor:pointer;font-size:14px;font-weight:600;position:relative;transition:all .2s}.av-tab:hover{color:#fff}.av-tab.active{border-bottom-color:#8b5cf6;color:#fff}.av-sessions-list{display:flex;flex-direction:column;gap:16px}.av-empty-state{padding:80px 20px}.empty-icon{stroke:#3d3d3d;stroke-width:1.5}.av-empty-state p{color:#8a8a8a}.av-session-item{align-items:flex-start;background:#1a1a1a;border:1px solid #2d2d2d;border-radius:12px;display:flex;gap:20px;justify-content:space-between;padding:20px;transition:all .2s}.av-session-item:hover{background:#1f1f1f;border-color:#3d3d3d}.session-main{display:flex;flex:1 1;gap:16px}.session-avatar-wrapper{position:relative}.session-status-indicator{border:2px solid #1a1a1a;border-radius:50%;height:12px;width:12px}.session-status-indicator.active{animation:pulse 2s infinite;background:#0f8}.session-status-indicator.inactive{background:#5a5a5a}.session-info{display:flex;flex-direction:column;gap:8px}.session-header-row{align-items:center;display:flex;gap:12px}.session-name{color:#fff;font-size:16px;font-weight:600;margin:0}.session-priority-badge{border-radius:4px;font-size:11px;font-weight:700;padding:2px 8px;text-transform:lowercase}.session-priority-badge.normal{background:#40a9ff26;color:#40a9ff}.session-priority-badge.high{background:#ff475726;color:#ff4757}.session-stage-text{margin-left:auto}.session-meta-row,.session-stage-text{color:#8a8a8a;font-size:13px}.session-department{color:#8a8a8a}.session-status-row{align-items:center;display:flex;gap:8px}.session-status-badge{border-radius:6px;font-size:12px;font-weight:600;padding:4px 10px}.session-status-badge.recorrente{background:#40a9ff26;color:#40a9ff}.session-status-badge.quente{background:#ff475726;color:#ff4757}.session-footer-row{align-items:center;color:#8a8a8a;display:flex;font-size:13px;gap:16px}.session-attempts,.session-time{align-items:center;display:flex;gap:4px}.session-attempts svg,.session-time svg{stroke:#5a5a5a;stroke-width:2}.session-timestamp{margin-left:auto}.session-message{background:#0f0f0f;border-left:3px solid #2d2d2d;border-radius:4px;color:#fff;font-size:14px;font-style:italic;padding:8px 12px}.session-actions{display:flex;flex-direction:column;flex-shrink:0;gap:8px}.session-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s;white-space:nowrap}.session-btn-primary{background:#fff;color:#000}.session-btn-primary:hover{background:#e0e0e0;transform:translateY(-1px)}.session-btn-secondary{background:#7c3aed;color:#fff}.session-btn-secondary:hover{background:#6d28d9;transform:translateY(-1px)}@media (max-width:1200px){.av-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.agente-virtual-container{padding:16px}.av-header{align-items:flex-start;flex-direction:column;gap:16px}.av-header-actions{flex-wrap:wrap;width:100%}.av-stats-grid{grid-template-columns:1fr}.av-session-item{flex-direction:column}.session-actions{flex-direction:row;width:100%}.session-btn{flex:1 1}.av-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}}.agente-virtual-container::-webkit-scrollbar{width:8px}.agente-virtual-container::-webkit-scrollbar-track{background:#000}.agente-virtual-container::-webkit-scrollbar-thumb{background:#2d2d2d;border-radius:4px}.agente-virtual-container::-webkit-scrollbar-thumb:hover{background:#3d3d3d}.av-error-banner{align-items:center;background:#ff47571a;border:1px solid #ff47574d;border-radius:8px;color:#ff4757;display:flex;font-size:14px;gap:12px;margin-bottom:20px;padding:12px 20px}.av-error-banner svg{stroke:#ff4757;stroke-width:2;flex-shrink:0}.error-close{background:none;border:none;color:#ff4757;font-size:18px;padding:0 8px}.av-tickets-list{gap:12px}.av-ticket-card{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;display:flex;overflow:hidden;position:relative;transition:all .2s ease}.av-ticket-card:hover{border-color:#3a3a3a;transform:translateY(-1px)}.ticket-status-bar{background:#10b981;flex-shrink:0;width:4px}.ticket-status-bar.inactive{background:#6b7280}.ticket-content{background:#0c0c0c;display:flex;flex:1 1;flex-direction:column;gap:10px;padding:16px 20px}.ticket-bot-header{display:flex;gap:4px}.ticket-user-info{align-items:center;display:flex;gap:10px}.ticket-contact-name{color:#fff;font-size:16px;font-weight:600;margin:0}.ticket-priority-badge{background:#3b82f633;border-radius:4px;color:#3b82f6;font-size:11px;font-weight:600;padding:2px 8px;text-transform:lowercase}.ticket-node-text{color:#9ca3af;font-size:12px}.ticket-department-row{align-items:center;display:flex;gap:8px}.ticket-department{color:#9ca3af;font-size:13px}.ticket-metrics-row{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.ticket-metric{align-items:center;color:#9ca3af;display:flex;font-size:12px;gap:6px}.ticket-metric svg{stroke:#6b7280}.ticket-timestamp{color:#6b7280;font-size:12px;margin-left:auto}.ticket-message{border-top:1px solid #2a2a2a;color:#d1d5db;font-size:13px;font-style:italic;padding-top:8px}.ticket-actions{border-left:1px solid #2a2a2a;gap:12px;padding:8px 20px}.ticket-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;white-space:nowrap}.ticket-btn-visualizar{background:#0000;border:1px solid #3a3a3a;color:#d1d5db}.ticket-btn-visualizar:hover{background:#ffffff0d;border-color:#4a4a4a;color:#fff}.ticket-btn-transferir{background:#8b5cf6;border:1px solid #8b5cf6;color:#fff}.ticket-btn-transferir:hover{background:#7c3aed;border-color:#7c3aed;transform:translateY(-1px)}.loading-spinner{animation:spin-animation 1s linear infinite;border:3px solid #2a2a2a;border-top-color:#3b82f6}@keyframes spin-animation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.av-empty-state{color:#6b7280}.empty-icon{stroke:#4b5563}.av-empty-state h3{color:#fff}@media (max-width:1024px){.av-ticket-card{flex-direction:column}.ticket-status-bar{height:4px;width:100%}.ticket-actions{border-left:none;border-top:1px solid #2a2a2a;justify-content:stretch}.ticket-btn{flex:1 1}}@media (max-width:768px){.ticket-actions,.ticket-content{padding:14px 16px}.ticket-header{align-items:flex-start;flex-direction:column;gap:8px}.ticket-node-text{font-size:11px}.ticket-metrics-row{gap:12px}.ticket-metric{font-size:11px}}.ticket-contact-tag{align-items:center;border:1px solid;border-radius:6px;display:inline-flex;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.ticket-badges-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.ticket-recurrence-badge{background:#3b82f626;border:1px solid #3b82f64d;border-radius:6px;color:#60a5fa;font-size:11px;font-weight:600;padding:4px 10px}.agent-item{border-left:4px solid #3b82f6}.agent-name-section{align-items:center;display:flex;gap:12px}.agent-status-indicator{align-items:center;border-radius:12px;display:flex;font-size:13px;font-weight:500;gap:6px;padding:4px 12px}.agent-status-indicator.active{background:#dcfce7;color:#15803d}.agent-status-indicator.inactive{background:#fee2e2;color:#991b1b}.agent-status-indicator .status-dot{background:currentColor;border-radius:50%;height:8px;width:8px}.agent-details-grid{grid-gap:16px;border-top:1px solid #e5e7eb;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:16px;padding-top:16px}.agent-detail-item{align-items:flex-start;display:flex;gap:10px}.agent-detail-item svg{stroke-width:2;color:#6b7280;flex-shrink:0;margin-top:2px}.agent-detail-item>div{display:flex;flex-direction:column;gap:2px}.detail-label{color:#6b7280;font-weight:500}.detail-value{color:#111827}.av-settings-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.av-settings-spinner{animation:spin .8s linear infinite;border:4px solid #2d2d2d;border-top-color:#8b5cf6;height:48px;margin-bottom:16px;width:48px}.av-settings-error{align-items:center;display:flex;flex-direction:column;gap:16px;padding:40px 20px}.av-settings-retry-btn{background:#8b5cf6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s}.av-settings-retry-btn:hover{background:#7c3aed;transform:translateY(-1px)}.av-settings-alert{align-items:center;border-radius:8px;display:flex;gap:12px;margin-bottom:20px;padding:12px 16px}.av-settings-alert-success{background:#00ff881a;border:1px solid #00ff884d;color:#0f8}.av-settings-alert svg{stroke-width:2;flex-shrink:0}.av-settings-alert-close{background:none;border:none;color:inherit;cursor:pointer;font-size:18px;margin-left:auto;opacity:.7;padding:0 8px;transition:opacity .2s}.av-settings-alert-close:hover{opacity:1}.av-settings-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.av-settings-info h4{color:#fff;font-size:18px;font-weight:600;margin:0 0 4px}.av-settings-info p{color:#8a8a8a;font-size:14px;margin:0}.av-settings-create-btn{align-items:center;background:#8b5cf6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.av-settings-create-btn:hover{background:#7c3aed;transform:translateY(-1px)}.av-settings-btn-icon{stroke-width:2;height:20px;width:20px}.av-settings-list{display:flex;flex-direction:column;gap:16px}.av-settings-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.av-settings-empty-icon{stroke-width:1.5;color:#3d3d3d;height:64px;margin-bottom:16px;width:64px}.av-settings-empty h3{color:#fff;color:var(--foreground,#fff);font-size:18px;font-weight:600;margin:0 0 8px}.av-settings-empty p{color:#8a8a8a;color:var(--muted-foreground,#8a8a8a);font-size:14px;margin:0 0 24px}.av-settings-empty-btn{background:#8b5cf6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s}.av-settings-empty-btn:hover{background:#7c3aed;transform:translateY(-1px)}.av-settings-agent-card{align-items:stretch;animation:fadeInUp .3s ease-out;background:#0c0c0c;background:var(--card,#0c0c0c);border:1px solid #2d2d2d;border:1px solid var(--border,#2d2d2d);border-radius:12px;display:flex;padding:20px;transition:all .2s}.av-settings-agent-info{flex:1 1}.av-settings-agent-header{margin-bottom:12px}.av-settings-agent-title-section{align-items:center;display:flex;gap:12px}.av-settings-agent-name{color:#fff;color:var(--foreground,#fff);font-size:18px;font-weight:600;margin:0}.av-settings-agent-status{align-items:center;border-radius:12px;display:flex;font-size:13px;font-weight:600;gap:6px;padding:4px 12px}.av-settings-agent-status.active{background:#00ff8826;color:#0f8}.av-settings-agent-status.inactive{background:#ff475726;color:#ff4757}.av-settings-status-dot{animation:pulse 2s infinite;background:currentColor;border-radius:50%;height:8px;width:8px}.av-settings-agent-description{color:#8a8a8a;color:var(--muted-foreground,#8a8a8a);font-size:14px;line-height:1.5;margin:0 0 16px}.av-settings-agent-details{grid-gap:16px;border-top:1px solid #2d2d2d;border-top:1px solid var(--border,#2d2d2d);display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding-top:16px}.av-settings-detail-item{align-items:flex-start;display:flex;gap:10px}.av-settings-detail-item svg{stroke-width:2;color:#5a5a5a;color:var(--muted-foreground,#5a5a5a);flex-shrink:0;margin-top:2px}.av-settings-detail-item>div{display:flex;flex-direction:column;gap:2px}.av-settings-detail-label{color:#8a8a8a;color:var(--muted-foreground,#8a8a8a);font-size:12px;font-weight:500}.av-settings-detail-value{color:#fff;color:var(--foreground,#fff);font-size:14px;font-weight:500}.av-settings-agent-actions{display:flex;flex-direction:column;gap:8px;margin-left:20px}.av-settings-action-btn{align-items:center;background:#0c0c0c;background:var(--card,#0c0c0c);border:1px solid #2d2d2d;border:1px solid var(--border,#2d2d2d);border-radius:8px;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.av-settings-action-icon{stroke-width:2;height:20px;width:20px}.av-settings-edit-btn{background:color-mix(in srgb,#8b5cf6 10%,#0000);color:#8b5cf6}.av-settings-edit-btn:hover{background:#8b5cf61a;border-color:#8b5cf6;transform:translateY(-1px)}[data-theme=light] .av-settings-agent-card{background:#fff;background:var(--card,#fff);border-color:#d1d5db;border-color:var(--border,#d1d5db)}[data-theme=light] .av-settings-action-btn{background:#fff!important;background:var(--card,#fff)!important;border-color:#d1d5db!important;border-color:var(--border,#d1d5db)!important}[data-theme=light] .av-settings-edit-btn{background:color-mix(in srgb,#8b5cf6 12%,#0000)!important;color:#7c3aed!important}[data-theme=light] .av-settings-edit-btn:hover{background:color-mix(in srgb,#8b5cf6 18%,#0000);border-color:#8b5cf6}.av-settings-toggle-btn.active{color:#0f8}.av-settings-toggle-btn.active:hover{background:#00ff881a;border-color:#0f8;transform:translateY(-1px)}.av-settings-toggle-btn.inactive{color:#5a5a5a;color:var(--muted-foreground,#5a5a5a)}.av-settings-toggle-btn.inactive:hover{background:color-mix(in srgb,#0c0c0c 88%,#fff 12%);background:color-mix(in srgb,var(--card,#0c0c0c) 88%,var(--foreground,#fff) 12%);border-color:#3d3d3d;border-color:var(--border,#3d3d3d);transform:translateY(-1px)}[data-theme=light] .av-settings-agent-description,[data-theme=light] .av-settings-agent-name,[data-theme=light] .av-settings-detail-item svg,[data-theme=light] .av-settings-detail-label,[data-theme=light] .av-settings-detail-value,[data-theme=light] .av-settings-empty h3,[data-theme=light] .av-settings-empty p,[data-theme=light] .av-settings-toggle-btn.inactive{color:#000!important}.av-settings-delete-btn{color:#ff4757}.av-settings-delete-btn:hover{background:#ff47571a;border-color:#ff4757;transform:translateY(-1px)}.av-settings-preview-btn{color:#3b82f6}.av-settings-preview-btn:hover{background:#3b82f61a;border-color:#3b82f6;transform:translateY(-1px)}.av-settings-action-btn.is-loading{cursor:wait;opacity:.7}.av-settings-action-btn.is-loading:hover{transform:none}.av-settings-spinner{animation:avSettingsSpin .8s linear infinite;border:2px solid #3b82f640;border-radius:50%;border-top-color:#3b82f6;height:16px;width:16px}@keyframes avSettingsSpin{to{transform:rotate(1turn)}}@media (max-width:1024px){.av-settings-agent-details{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.av-settings-header{align-items:flex-start;flex-direction:column;gap:16px}.av-settings-create-btn{justify-content:center;width:100%}.av-settings-agent-card{flex-direction:column}.av-settings-agent-actions{border-top:1px solid #2d2d2d;flex-direction:row;margin-left:0;margin-top:16px;padding-top:16px}.av-settings-action-btn{flex:1 1;width:auto}.av-settings-agent-details{grid-template-columns:1fr}}.av-filters-bar{align-items:center;display:flex;gap:8px;max-width:600px;width:100%}.av-search-input-integrated{background:#ffffff0d;border:1px solid #fff3;border-radius:6px;color:#ffffffe6;font-size:13px;height:36px;padding:8px 70px 8px 36px;transition:all .2s;width:100%}.av-search-input-integrated::placeholder{color:#fff6;font-size:13px}.av-search-input-integrated:focus{background:#ffffff14;border-color:#3b82f680;box-shadow:0 0 0 2px #3b82f61a;outline:none}.av-filters-bar .relative svg:first-child{color:#fff6;height:16px;position:absolute;top:50%;transform:translateY(-50%);width:16px}.av-filter-button{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#ffffffb3;cursor:pointer;display:inline-flex;height:28px;justify-content:center;position:relative;transition:all .2s;width:28px}.av-filter-button svg{height:14px;width:14px}.av-filter-button:hover{background:#ffffff26;color:#ffffffe6}.av-filter-button.active{background:#3b82f633;border-color:#3b82f666;box-shadow:0 0 0 2px #3b82f61a;color:#60a5fa}.av-filter-button.has-filters{background:#3b82f626;border-color:#3b82f64d;color:#60a5fa}.av-filter-button:disabled{cursor:not-allowed;opacity:.5}.av-filter-badge{align-items:center;background:#6366f1;border:2px solid #111827;border-radius:8px;box-shadow:0 2px 6px #6366f166;color:#fff;display:flex;font-size:9px;font-weight:700;height:16px;justify-content:center;min-width:16px;padding:0 4px;position:absolute;right:-4px;top:-4px}.av-filter-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c0c0c;border:1px solid #fff3;border-radius:10px;box-shadow:0 12px 40px #00000080;overflow:hidden;position:absolute;right:0;top:calc(100% + 6px);width:380px;z-index:100}.av-filter-panel-header{align-items:center;background:#ffffff08;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:10px 14px}.av-filter-panel-header h3{font-size:13px}.av-filter-panel-header span{font-size:11px}.av-filter-panel-content{max-height:320px;overflow-y:auto;padding:12px}.av-filter-panel-content .grid{gap:10px}.av-filter-label{align-items:center;color:#ffffffb3;display:flex;font-size:11px;font-weight:500;gap:5px;margin-bottom:5px}.av-filter-label svg{height:12px;opacity:.6;width:12px}.av-filter-select{background:#ffffff0d;border:1px solid #fff3;border-radius:6px;color:#ffffffe6;cursor:pointer;font-size:13px;height:32px;padding:6px 10px;transition:all .2s;width:100%}.av-filter-select option{background:#0c0c0c;color:#ffffffe6;padding:8px 12px}.av-filter-select option:hover{background:#0c0c0c}.av-filter-select option:checked{background:#0c0c0c;font-weight:600}.av-filter-select:hover{background:#ffffff14}.av-filter-select:focus{background:#ffffff14;border-color:#3b82f680;box-shadow:0 0 0 2px #3b82f61a;outline:none}.av-filter-panel-footer{align-items:center;background:#ffffff08;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:10px 14px}.av-filter-clear-btn{background:#0000;border:none;color:#f87171;cursor:pointer;font-size:12px;font-weight:500;padding:5px 10px;transition:color .2s}.av-filter-clear-btn:hover{color:#ef4444}.av-filter-cancel-btn{background:#0000;border:none;color:#ffffffb3;cursor:pointer;font-size:12px;padding:5px 12px;transition:color .2s}.av-filter-cancel-btn:hover{color:#ffffffe6}.av-filter-apply-btn{background:#6366f1;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 14px;transition:background .2s}.av-filter-apply-btn:hover{background:#5558e3}.av-filter-apply-btn:disabled{cursor:not-allowed;opacity:.5}.av-clear-all-btn{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;color:#f87171;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:5px;height:36px;padding:8px 12px;transition:all .2s;white-space:nowrap}.av-clear-all-btn svg{height:14px;width:14px}.av-clear-all-btn:hover{background:#ef444433;border-color:#ef444480}.av-clear-all-btn:disabled{cursor:not-allowed;opacity:.5}.av-filter-panel-content::-webkit-scrollbar{width:6px}.av-filter-panel-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.av-filter-panel-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.av-filter-panel-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width:768px){.av-filter-panel{max-width:380px;width:calc(100vw - 32px)}.av-filter-panel-content .grid{grid-template-columns:1fr}.av-filter-panel-content .col-span-2{grid-column:span 1}}.av-sessions-header{align-items:center;display:flex;gap:12px}.sessions-header-row{grid-gap:16px;align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;flex:1 1;gap:16px;padding:10px 20px}.header-column{color:#ffffff80;font-size:11px;font-weight:600;letter-spacing:.05em;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.columns-config-btn{flex-shrink:0}.av-tickets-list{gap:8px;padding:0}.av-empty-state,.av-tickets-list{display:flex;flex-direction:column}.av-empty-state{align-items:center;justify-content:center;padding:60px 20px;text-align:center}.av-empty-state .empty-icon{stroke-width:1.5;color:#fff3;height:64px;margin-bottom:16px;width:64px}.av-empty-state h3{color:#fffc;font-size:18px;font-weight:600;margin:0 0 8px}.av-empty-state p{color:#ffffff80;font-size:14px;margin:0;max-width:400px}.loading-spinner{border:4px solid #ffffff1a}.tab-button svg{flex-shrink:0}.columns-config-btn{align-items:center;background:#6366f126;border:1px solid #6366f14d;border-radius:8px;color:#818cf8;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s;white-space:nowrap}.columns-config-btn:hover{background:#6366f140;border-color:#6366f166}.columns-config-btn svg{animation:rotate 8s linear infinite;flex-shrink:0}.column-dropdown{width:200px}.column-dropdown-header{padding:12px 14px 10px}.column-dropdown-header h3{font-size:12px}.column-dropdown-list{max-height:340px}.column-dropdown-list::-webkit-scrollbar-track{background:#0000}:root{--av-bg:#09090b;--av-surface:#0c0c0c;--av-surface-hover:#1f1f1f;--av-border:#2d2d2d;--av-border-light:#3d3d3d;--av-text:#fff;--av-text-secondary:#8a8a8a;--av-text-muted:#5a5a5a;--av-primary:#8b5cf6;--av-primary-hover:#7c3aed;--av-primary-light:#6d28d9;--av-green:#0f8;--av-blue:#40a9ff;--av-orange:#ff9500;--av-purple:#af52de;--av-red:#ff4757;--av-radius:8px;--av-radius-lg:12px}.agente-virtual-container{background:#09090b;background:var(--av-bg);color:#fff;color:var(--av-text);display:flex;flex-direction:column;gap:20px;height:calc(100vh - 64px);overflow:hidden;padding:24px}.av-header{justify-content:space-between;margin-bottom:12px}.av-header,.av-title-section{align-items:center;display:flex}.av-title-section{gap:16px}.av-icon-wrapper{align-items:center;border-radius:12px;border-radius:var(--av-radius-lg);display:flex;height:56px;justify-content:center;width:56px}.av-icon{stroke:#0f8;stroke:var(--av-green);stroke-width:2;height:32px;width:32px}.av-title{color:#fff;color:var(--av-text);font-size:28px;font-weight:700;margin:0 0 4px}.av-subtitle{color:#8a8a8a;color:var(--av-text-secondary);font-size:14px;margin:0}.av-header-actions{align-items:center;display:flex;gap:12px}.av-status-badge{align-items:center;background:#0c0c0c;background:var(--av-surface);border:1px solid #2d2d2d;border:1px solid var(--av-border);border-radius:8px;border-radius:var(--av-radius);display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px}.av-status-badge.active{background:#00ff880d;border-color:#0f8;border-color:var(--av-green);color:#0f8;color:var(--av-green)}.av-status-badge .status-dot{animation:pulse 2s infinite;background:#0f8;background:var(--av-green);border-radius:50%;height:8px;width:8px}.av-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--av-radius);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.av-btn svg{stroke-width:2;height:20px;width:20px}.av-btn-secondary{background:#ff4757;background:var(--av-red);color:#fff;color:var(--av-text)}.av-btn-secondary:hover{background:#ff3545;transform:translateY(-1px)}.av-btn-primary{background:#0c0c0c;background:var(--av-surface);border:1px solid #2d2d2d;border:1px solid var(--av-border);color:#fff;color:var(--av-text)}.av-btn-primary:hover{background:#2d2d2d;background:var(--av-border);transform:translateY(-1px)}.av-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:13px}.av-stat-card{align-items:center;background:#0c0c0c;background:var(--av-surface);border:1px solid #2d2d2d;border:1px solid var(--av-border);border-radius:12px;border-radius:var(--av-radius-lg);display:flex;gap:16px;padding:20px;transition:all .2s}.av-stat-card:hover{border-color:#3d3d3d;border-color:var(--av-border-light);transform:translateY(-2px)}.stat-icon{border-radius:10px}.stat-icon svg{stroke-width:2}.stat-icon-green{background:#00ff881a}.stat-icon-green svg{stroke:#0f8;stroke:var(--av-green)}.stat-icon-blue{background:#40a9ff1a}.stat-icon-blue svg{stroke:#40a9ff;stroke:var(--av-blue)}.stat-icon-orange{background:#ff95001a}.stat-icon-orange svg{stroke:#ff9500;stroke:var(--av-orange)}.stat-icon-purple{background:#af52de1a}.stat-icon-purple svg{stroke:#af52de;stroke:var(--av-purple)}.stat-value{color:var(--av-text);font-size:32px}.stat-label{color:#8a8a8a;color:var(--av-text-secondary)}.av-tabs-and-columns{align-items:center;display:flex;gap:16px;justify-content:space-between}.tabs-container{background:#ffffff08;gap:8px;padding:4px}.tab-button{border-radius:var(--av-radius);color:#fff9;padding:10px 20px;transition:all .2s}.tab-button:hover{background:#ffffff0d;color:#ffffffe6}.tab-button.active{background:#6366f1}.columns-config-wrapper{flex-shrink:0;position:relative}.btn-configure-columns-header{background:#6366f126;border:1px solid #6366f14d;border-radius:8px;border-radius:var(--av-radius);color:#818cf8;display:inline-flex;font-size:13px;gap:6px;padding:10px 16px;transition:all .2s}.btn-configure-columns-header:hover{background:#6366f140;border-color:#6366f166}.column-dropdown{animation:dropdownSlide .15s ease;background:#0c0c0c;background:var(--av-surface);border:1px solid #ffffff26;border-radius:8px;border-radius:var(--av-radius);box-shadow:0 8px 24px #0009;position:absolute;right:0;top:calc(100% + 8px);width:220px;z-index:1000}.column-dropdown-header{border-bottom:1px solid #ffffff14;padding:12px 14px}.column-dropdown-header h3{color:#fffffff2;font-size:13px;font-weight:600;margin:0 0 4px}.column-count{color:#ffffff80;font-size:11px}.column-dropdown-list{max-height:300px;overflow-y:auto;padding:4px 0}.column-dropdown-list::-webkit-scrollbar{width:6px}.column-dropdown-list::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.column-dropdown-item{align-items:center;cursor:pointer;display:flex;gap:10px;padding:8px 14px;transition:background .1s}.column-dropdown-item:hover{background:#ffffff0f}.column-dropdown-item input[type=checkbox]{accent-color:#6366f1;cursor:pointer;height:16px;margin:0;width:16px}.column-dropdown-item span{color:#fffc;font-size:13px}.column-dropdown-item.checked span{color:#fffffff2;font-weight:500}.column-dropdown-item.disabled{cursor:not-allowed;opacity:.6}.column-dropdown-item .fixed-label{background:#ffffff1a;border-radius:4px;color:#8a8a8a;color:var(--av-text-secondary);font-size:11px;margin-left:auto;padding:2px 6px}.av-ticket-list-scroll-wrapper{-webkit-overflow-scrolling:touch;contain:layout style paint;flex:1 1;min-height:0;overflow-x:auto;overflow-y:auto;position:relative;scrollbar-color:#8b5cf680 #0000001a;scrollbar-width:thin}.av-ticket-list-scroll-wrapper::-webkit-scrollbar{height:8px;width:8px}.av-ticket-list-scroll-wrapper::-webkit-scrollbar-track{background:#8b5cf60d;border-radius:4px}.av-ticket-list-scroll-wrapper::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}.av-ticket-list-scroll-wrapper::-webkit-scrollbar-thumb:hover{background:#8b5cf680}.av-ticket-list-scroll-wrapper::-webkit-scrollbar-corner{background:#0000}.av-ticket-list-header-sticky{background:#09090b;position:-webkit-sticky;position:sticky;top:0;z-index:10}@media (max-width:640px){.av-header{align-items:flex-start;flex-direction:column;gap:10px}.av-header-actions{justify-content:space-between;width:100%}.av-stats-grid{gap:8px;grid-template-columns:repeat(2,1fr)}.av-stat-card{gap:8px;padding:8px 10px}.stat-icon{height:28px;width:28px}.stat-icon svg{height:14px;width:14px}.stat-value{font-size:16px}.stat-label{font-size:10px}.av-title{font-size:16px}.av-subtitle{font-size:11px}.av-icon-wrapper{height:32px;width:32px}.av-icon{height:16px;width:16px}.av-status-badge{font-size:11px;padding:5px 8px}.av-btn{font-size:11px;padding:5px 10px}}@media (min-width:641px) and (max-width:1024px){.av-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1440px){.av-stats-grid{grid-template-columns:repeat(4,1fr)}}.av-ticket-list-content{min-width:-webkit-fit-content;min-width:fit-content;padding:8px;position:relative}@supports (-webkit-appearance:none){.av-ticket-list-scroll-wrapper{transform:translateZ(0);-webkit-transform:translateZ(0)}}.dept-modal-overlay{--color-background:var(--card,#111827);--color-background-secondary:var(--card-2,var(--card,#111827));--color-border:var(--border,#374151);--color-text-primary:var(--foreground,#f3f4f6);--color-text-secondary:var(--muted-foreground,#9ca3af);--color-text-tertiary:var(--muted-foreground,#6b7280);align-items:center;animation:fadeIn .2s ease;background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.dept-modal-overlay.closing{animation:fadeOut .2s ease}.dept-modal{animation:slideUp .3s ease;background:#111827;background:var(--color-background,var(--card,#111827));border:1px solid #2d3139;border:1px solid var(--color-border,#2d3139);border-radius:16px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:850px;overflow:hidden;width:100%}.dept-modal.closing{animation:slideDown .2s ease}.dept-modal-header{align-items:center;background:#0f1115;background:var(--color-background-secondary,#0f1115);border-bottom:1px solid #2d3139;border-bottom:1px solid var(--color-border,#2d3139);display:flex;justify-content:space-between;padding:24px}.dept-modal-title{color:#f3f4f6;color:var(--color-text-primary,#f3f4f6);font-size:20px;font-weight:700;margin:0 0 4px}.dept-modal-subtitle{color:#9ca3af;color:var(--color-text-secondary,#9ca3af);font-size:14px;margin:0}.dept-modal-close{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s;width:36px}.dept-modal-close:hover{background:#ef44441a}.dept-modal-close svg{stroke:#9ca3af;stroke:var(--color-text-secondary,#9ca3af);transition:stroke .2s}.dept-modal-close:hover svg{stroke:#ef4444}.dept-modal-tabs{background:#0f1115;background:var(--color-background-secondary,#0f1115);border-bottom:1px solid #2d3139;border-bottom:1px solid var(--color-border,#2d3139);display:flex;padding:0 24px}.dept-tab{background:none;border:none;border-bottom:2px solid #0000;color:#9ca3af;color:var(--color-text-secondary,#9ca3af);cursor:pointer;font-size:14px;font-weight:600;padding:12px 16px;transition:all .2s;white-space:nowrap}.dept-tab:hover{color:#f3f4f6;color:var(--color-text-primary,#f3f4f6)}.dept-tab.active{border-bottom-color:#8b5cf6;color:#8b5cf6}.dept-modal-content{flex:1 1;overflow-y:auto;padding:24px}.dept-modal-body{display:flex;flex-direction:column;gap:24px}.dept-modal-footer{align-items:center;background:#0f1115;background:var(--color-background-secondary,#0f1115);border-top:1px solid #2d3139;border-top:1px solid var(--color-border,#2d3139);display:flex;justify-content:space-between;padding:20px 24px}.dept-modal-meta{display:flex;flex-direction:column;gap:4px}.dept-meta-text{color:#6b7280;color:var(--color-text-tertiary,#6b7280);font-size:13px}.dept-alert,.dept-modal-actions{display:flex;gap:12px}.dept-alert{align-items:center;animation:slideDown .3s ease;border-radius:12px;padding:16px}.dept-alert svg{flex-shrink:0}.dept-alert span{flex:1 1;font-size:14px;font-weight:500}.dept-alert-error{background:#ef44441a;border:1px solid #ef44444d;color:#f87171}.dept-info-box{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:10px;color:#60a5fa;display:flex;font-size:14px;gap:12px;line-height:1.5;padding:16px}.dept-info-box svg{stroke:#60a5fa;flex-shrink:0}.dept-form-group{display:flex;flex-direction:column;gap:8px}.dept-form-label{align-items:center;color:#f3f4f6;color:var(--color-text-primary,#f3f4f6);display:flex;font-size:14px;font-weight:600;gap:8px}.dept-form-optional{color:#6b7280;color:var(--color-text-tertiary,#6b7280);font-size:12px;font-weight:400}.dept-error-text{color:#f87171;font-size:12px;font-weight:500}.dept-form-input,.dept-form-textarea{background:#0f1115;background:var(--color-background-secondary,#0f1115);border:1px solid #2d3139;border:1px solid var(--color-border,#2d3139);border-radius:8px;color:#f3f4f6;color:var(--color-text-primary,#f3f4f6);font-family:inherit;font-size:14px;padding:12px 16px;transition:all .2s;width:100%}.dept-form-input:focus,.dept-form-textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;outline:none}.dept-form-input.error,.dept-form-textarea.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.dept-form-textarea{min-height:80px;resize:vertical}.dept-form-color{background:#0f1115;background:var(--color-background-secondary,#0f1115);border:1px solid #2d3139;border:1px solid var(--color-border,#2d3139);border-radius:8px;cursor:pointer;height:44px;padding:4px;transition:all .2s;width:80px}.dept-form-color:hover{border-color:#8b5cf6}.dept-form-helper{color:#6b7280;color:var(--color-text-tertiary,#6b7280);font-size:13px;line-height:1.5;margin:0}.dept-form-row{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:1fr auto}.dept-form-checkboxes{display:flex;flex-direction:column;gap:12px}.dept-form-checkbox{align-items:center;background:#0f1115;background:var(--color-background-secondary,#0f1115);border:1px solid #2d3139;border:1px solid var(--color-border,#2d3139);border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:12px;transition:all .2s}.dept-form-checkbox:hover{background:#8b5cf60d;border-color:#8b5cf64d}.dept-form-checkbox input[type=checkbox]{accent-color:#8b5cf6;cursor:pointer;height:18px;width:18px}.dept-form-checkbox span{color:#f3f4f6;color:var(--color-text-primary,#f3f4f6);font-size:14px;font-weight:500}.dept-users-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.dept-user-card{align-items:center;background:#0f1115;background:var(--color-background-secondary,#0f1115);border:2px solid #2d3139;border:2px solid var(--color-border,#2d3139);border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s}.dept-user-card:hover{background:#8b5cf60d;border-color:#8b5cf666}.dept-user-card input[type=checkbox]{accent-color:#8b5cf6;cursor:pointer;flex-shrink:0;height:18px;width:18px}.dept-user-card input[type=checkbox]:checked~.user-info{opacity:1}.user-info{gap:10px;min-width:0}.user-avatar{height:36px;width:36px}.user-email{font-size:12px}.dept-empty-state,.user-email{color:#6b7280;color:var(--color-text-tertiary,#6b7280)}.dept-empty-state{padding:40px;text-align:center}.dept-message-section{background:#0f1115;background:var(--color-background-secondary,#0f1115);border:1px solid #2d3139;border:1px solid var(--color-border,#2d3139);border-radius:10px;display:flex;flex-direction:column;gap:12px;padding:16px}.dept-info-section{display:flex;flex-direction:column;gap:20px}.dept-section-title{color:#f3f4f6;color:var(--color-text-primary,#f3f4f6);font-size:18px;font-weight:700;margin:0}.dept-info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.dept-info-item{background:#0f1115;background:var(--color-background-secondary,#0f1115);border:1px solid #2d3139;border:1px solid var(--color-border,#2d3139);border-radius:10px;display:flex;flex-direction:column;gap:6px;padding:16px}.dept-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s;white-space:nowrap}.dept-btn:disabled{cursor:not-allowed;opacity:.5}.dept-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.dept-btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.dept-btn-secondary{background:#0f1115;background:var(--color-background-secondary,#0f1115);border:1px solid #2d3139;border:1px solid var(--color-border,#2d3139);color:#f3f4f6;color:var(--color-text-primary,#f3f4f6)}.dept-btn-secondary:hover:not(:disabled){background:#8b5cf61a;border-color:#8b5cf6}.dept-spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}@media (max-width:768px){.dept-modal{border-radius:0;max-height:100vh;max-width:100%}.dept-modal-content,.dept-modal-footer,.dept-modal-header,.dept-modal-tabs{padding-left:16px;padding-right:16px}.dept-form-row,.dept-info-grid,.dept-users-grid{grid-template-columns:1fr}.dept-modal-footer{align-items:stretch;flex-direction:column;gap:12px}.dept-modal-actions{flex-direction:column;width:100%}.dept-btn{width:100%}}.dept-members-list{display:flex;flex-direction:column;gap:12px}.dept-member-item{align-items:center;background:#0f1115;background:var(--color-background-secondary,#0f1115);border:1px solid #2d3139;border:1px solid var(--color-border,#2d3139);border-radius:10px;display:flex;gap:12px;padding:12px}.member-details{flex:1 1;min-width:0}.member-name{color:#f3f4f6;color:var(--color-text-primary,#f3f4f6);font-size:14px;font-weight:600}.member-email,.member-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-email{color:#6b7280;color:var(--color-text-tertiary,#6b7280);font-size:12px}.member-role{border-radius:6px;font-size:12px;font-weight:600;padding:4px 10px;white-space:nowrap}.member-role.owner{background:#ef44441a;color:#ef4444}.member-role.administrator{background:#8b5cf61a;color:#8b5cf6}.member-role.viewer{background:#6b72801a;color:#9ca3af}.department-item{border-left:4px solid var(--accent)}.department-badge{border-radius:.25rem;display:flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.25rem .5rem}.department-badge.users{background:var(--info-bg);color:var(--info)}.department-badge.feature{background:var(--success-bg);color:var(--success)}.badge-icon{height:.875rem;width:.875rem}.checkbox-group{background:var(--bg-secondary);border:1px solid var(--border);border-radius:.5rem;gap:.75rem;padding:1rem}.checkbox-item{align-items:center;cursor:pointer;display:flex;gap:.75rem}.checkbox-item input[type=checkbox]{accent-color:var(--accent);height:1rem;width:1rem}.checkbox-label{align-items:center;color:var(--text-primary);font-size:.875rem;gap:.5rem}.checkbox-icon{height:1rem;width:1rem}.user-search{margin-bottom:1rem;position:relative}.search-icon{color:var(--text-muted);height:1rem;right:.75rem;width:1rem}.users-list{background:var(--bg-card);border:1px solid var(--border);border-radius:.5rem;max-height:300px;overflow-y:auto}.no-users{color:var(--text-muted);padding:2rem;text-align:center}.user-item{border-bottom:1px solid var(--border)}.user-item:last-child{border-bottom:none}.user-checkbox{align-items:center;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;transition:background-color .2s ease}.user-checkbox:hover{background:var(--bg-hover)}.user-checkbox input[type=checkbox]{accent-color:var(--accent);height:1rem;width:1rem}.user-info{gap:.75rem}.user-avatar{background:var(--accent);color:var(--primary-foreground,#fff);font-size:.875rem;font-weight:600;height:2rem;width:2rem}.user-name{color:var(--text-primary);font-size:.875rem;font-weight:500}.user-email{color:var(--text-muted);font-size:.75rem;margin-top:.125rem}.selected-users-info{border-top:1px solid var(--border);margin-top:.5rem;padding-top:.5rem;text-align:center}.users-list::-webkit-scrollbar{width:.375rem}.users-list::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:.25rem}.users-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:.25rem}.users-list::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (max-width:768px){.department-badge{font-size:.6rem;padding:.125rem .375rem}.checkbox-group{padding:.75rem}.users-list{max-height:250px}.user-avatar{font-size:.75rem;height:1.75rem;width:1.75rem}}.modal-tabs{background-color:var(--card);background-color:var(--card-2,var(--card));border-bottom:1px solid var(--border);display:flex}.tab-button{background:none;gap:8px;padding:12px 24px}.tab-button:hover{background-color:color-mix(in srgb,var(--card) 88%,var(--foreground) 12%)}.tab-icon{height:16px;width:16px}.message-template{font-size:12px;margin-top:8px}.loading-choices{color:var(--muted-foreground);padding:40px}.loading-choices,.tag-modal-overlay{align-items:center;display:flex;justify-content:center}.tag-modal-overlay{animation:tagOverlayFadeIn .2s ease-out;background-color:#00000080;inset:0;padding:1rem;position:fixed;z-index:50}.tag-modal-overlay.closing{animation:tagOverlayFadeOut .2s ease-out}@keyframes tagOverlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes tagOverlayFadeOut{0%{opacity:1}to{opacity:0}}.tag-modal{animation:tagModalSlideIn .2s ease-out;background-color:#0c0c0c;border:1px solid #1f2937;border-radius:.5rem;display:flex;flex-direction:column;max-height:90vh;max-width:42rem;width:100%}.tag-modal.closing{animation:tagModalSlideOut .2s ease-out}@keyframes tagModalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes tagModalSlideOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(-10px)}}.tag-modal-content{flex:1 1;max-height:calc(90vh - 200px);overflow-y:auto}.tag-modal-content::-webkit-scrollbar{width:8px}.tag-modal-content::-webkit-scrollbar-track{background:#1f2937;border-radius:4px}.tag-modal-content::-webkit-scrollbar-thumb{background:#4b5563;border-radius:4px}.tag-modal-content::-webkit-scrollbar-thumb:hover{background:#6b7280}.tag-color-picker-container{display:flex;flex-direction:column;gap:1rem}.tag-color-input-group{align-items:center;display:flex;gap:.5rem}.tag-color-picker{background:none;cursor:pointer;height:40px;width:60px}.tag-color-picker,.tag-color-text-input{border:1px solid #374151;border-radius:.5rem}.tag-color-text-input{background-color:#1f2937;color:#fff;flex:1 1;font-family:monospace;padding:.5rem .75rem}.tag-color-suggested-btn{background-color:#374151;border:1px solid #4b5563;border-radius:.5rem;color:#9ca3af;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s}.tag-color-suggested-btn:hover{background-color:#4b5563;color:#fff}.tag-color-preview{background-color:#1f2937;border:1px solid #374151;border-radius:.5rem;padding:1rem}.tag-color-preview-item{border-radius:9999px;display:inline-block;font-size:.875rem;font-weight:500;padding:.5rem 1rem;text-align:center}@media (max-width:768px){.tag-modal{max-height:95vh;max-width:95vw}.tag-modal-content{max-height:calc(95vh - 180px)}.tag-color-input-group{align-items:stretch;flex-direction:column}.tag-color-picker{width:100%}}.tag-modal.small{max-width:28rem}.tag-modal.medium{max-width:42rem}.tag-modal.large{max-width:56rem}.settings-card-header{border-bottom:1px solid #333}.settings-card-title{margin:0 0 8px}.settings-icon{color:#fff;height:24px;width:24px}.settings-card-description{color:#888;margin:0}.category-tabs{border:1px solid #333;border-radius:12px;display:flex;gap:4px;margin-bottom:24px;overflow-x:auto;padding:4px}.category-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#888;cursor:pointer;display:flex;font-size:14px;font-weight:500;min-width:-webkit-fit-content;min-width:fit-content;padding:10px 16px;position:relative;transition:all .2s ease;white-space:nowrap}.category-tab:hover{background:#2a2a2a;color:#ccc}.category-tab.active{background:#8b5cf6;box-shadow:0 2px 4px #6366f14d;color:#fff}.category-tab-content{align-items:center;display:flex;gap:8px}.category-name{font-size:14px;font-weight:500}.category-count{border-radius:10px;color:currentColor;font-size:11px;font-weight:600;min-width:18px;padding:2px 6px;text-align:center}.category-tab.active .category-count{color:#fff}.flows-header{border:1px solid #333;border-radius:12px;margin-bottom:24px;padding:20px}.flows-info h4{color:#fff;font-size:18px}.flows-info p{color:#888;font-size:14px}.create-flow-btn{background:#8b5cf6;color:#fff;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 16px}.btn-icon{height:16px;width:16px}.empty-state{border:1px solid #333;border-radius:12px}.empty-icon{color:#666}.empty-state h3{color:#fff;font-size:20px;margin:0 0 8px}.empty-state p{color:#888;font-size:14px;line-height:1.5;margin:0 0 24px;max-width:400px}.create-first-flow-btn{background:#8b5cf6;border-radius:8px;font-size:14px;padding:1px 24px}.flows-list{grid-gap:16px;display:grid;gap:16px}.tag-item{border:1px solid #333;border-radius:12px;overflow:hidden;padding:24px;position:relative;transition:all .2s ease}.tag-item:before{content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease}.tag-item:hover:before{opacity:1}.flow-item{gap:24px}.tag-header{align-items:center;display:flex;gap:12px}.tag-color-indicator{border:2px solid #ffffff1a;border-radius:50%;box-shadow:0 2px 4px #0003;flex-shrink:0;height:16px;width:16px}.flow-name{color:#fff;font-size:18px}.flow-badges{gap:8px;margin-top:8px}.tag-badge{border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 2px 4px #0000001a;font-size:12px;font-weight:600;padding:4px 12px;text-shadow:0 1px 2px #0000004d}.visibility-badge{border:1px solid #333;border-radius:12px;color:#ccc;font-size:11px;font-weight:500;padding:4px 8px}.flow-description{color:#888;font-size:14px;line-height:1.4;margin:12px 0}.flow-meta{color:#666;font-size:12px;gap:16px}.flow-meta span{align-items:center;display:flex;gap:4px}.flow-info{min-width:0}.flow-header{margin-bottom:8px}.flow-actions{flex-shrink:0;gap:8px}.action-btn{background:#0000;border:1px solid #333;color:#ccc;font-size:12px;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.action-btn:hover{transform:translateY(-1px)}.delete-btn:hover{background:#ef44441a;border-color:#ef4444;box-shadow:0 2px 8px #ef444433;color:#ef4444}.modal-overlay-tags{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-tags{background:#0a0a0a;border:1px solid #333;border-radius:16px;box-shadow:0 20px 25px -5px #00000080;max-height:90vh;max-width:500px;overflow:hidden;width:90%}.modal-large{width:90%}.modal-header{border-bottom:1px solid #333}.close-btn-tags{background:#0000;border:none;border-radius:6px;color:#888;cursor:pointer;padding:8px;transition:all .2s ease}.close-btn-tags:hover{background:#2a2a2a;color:#fff}.close-btn-tags svg{height:16px;width:16px}.modal-content-tags{max-height:60vh;overflow-y:auto;padding:24px}.form-grid-two-columns{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-field.full-width{grid-column:1/-1}.form-label{color:#fff}.form-input,.form-select,.form-textarea{background:#1a1a1a;border:1px solid #333;color:#fff;padding:12px;transition:all .2s ease}.form-input::placeholder,.form-textarea::placeholder{color:#666}.form-select option{background:#1a1a1a;color:#fff}.form-help{color:#888;line-height:1.4;margin-top:4px}.color-picker-container{display:flex;flex-direction:column;gap:16px}.color-input-group{align-items:center;display:flex;gap:8px}.color-picker{background:none;cursor:pointer;height:40px;width:48px}.color-picker,.color-text-input{border:1px solid #333;border-radius:8px;transition:all .2s ease}.color-text-input{background:#1a1a1a;color:#fff;flex:1 1;font-family:Courier New,monospace;font-size:14px;padding:10px 12px}.color-text-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;outline:none}.color-suggested-btn{background:#1a1a1a;border:1px solid #333;border-radius:8px;color:#ccc;cursor:pointer;font-size:12px;font-weight:500;padding:10px 16px;transition:all .2s ease}.color-preview{display:flex;justify-content:center;margin:16px 0}.color-preview-item{border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 4px 12px #0003;font-size:14px;font-weight:600;min-width:120px;padding:8px 16px;text-align:center;text-shadow:0 1px 2px #0000004d}.modal-footer{border-top:1px solid #333}.cancel-btn{background:#0000;border:1px solid #333;border-radius:8px;color:#ccc;font-weight:500}.cancel-btn,.save-btn{cursor:pointer;font-size:14px;padding:1px 16px;transition:all .2s ease}.save-btn{background:#8b5cf6;border:none;border-radius:8px;color:#fff;font-weight:600;min-width:120px}.save-btn:hover:not(:disabled){background:#7c3aed;box-shadow:0 4px 12px #8b5cf64d;transform:translateY(-1px)}.save-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.loading-container p{color:#888;font-size:14px;margin:16px 0 0}.error-container p{font-size:14px;margin:0 0 16px}.retry-btn{padding:8px 16px;transition:background-color .2s ease}.loading-container:before{animation:spin 1s linear infinite;border:3px solid #333;border-radius:50%;border-top-color:#8b5cf6;content:"";height:32px;width:32px}@media (max-width:768px){.settings-card-content,.settings-card-header{padding:20px}.flows-header{padding:16px}.flow-item,.flows-header{align-items:flex-start;flex-direction:column;gap:16px}.flow-item{padding:20px}.flow-actions{flex-wrap:wrap;justify-content:flex-end;width:100%}.modal-large{margin:20px;width:95%}.modal-content,.modal-footer,.modal-header{padding:16px}.modal-footer{flex-direction:column-reverse}.cancel-btn,.save-btn{justify-content:center;width:100%}.form-grid-two-columns{grid-template-columns:1fr}.color-input-group{align-items:stretch;flex-direction:column}.color-picker{height:48px;width:100%}.category-tabs{padding:2px}}@media (max-width:480px){.flow-meta{flex-direction:column;gap:8px}.action-btn{font-size:11px;padding:6px 8px}.tag-header{gap:8px}.tag-color-indicator{height:14px;width:14px}}.tag-item{animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.category-tabs{-ms-overflow-style:none;scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.canal-modal-overlay{--color-background:var(--card,#111827);--color-background-secondary:var(--card-2,var(--card,#111827));--color-border:var(--border,#374151);--color-text-primary:var(--foreground,#f3f4f6);--color-text-secondary:var(--muted-foreground,#9ca3af);--color-text-tertiary:var(--muted-foreground,#6b7280);align-items:center;animation:fadeIn .2s ease;background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.canal-modal-overlay.closing{animation:fadeOut .2s ease}.canal-modal{animation:slideUp .3s ease;background:#0c0c0c;background:var(--color-background,#0c0c0c);border:1px solid #2d3139;border:1px solid var(--color-border,#2d3139);border-radius:16px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:750px;overflow:hidden;width:100%}.canal-modal.closing{animation:slideDown .2s ease}.canal-modal-header{align-items:center;background:#0c0c0c;background:var(--color-background-secondary,#0c0c0c);border-bottom:1px solid #2d3139;border-bottom:1px solid var(--color-border,#2d3139);display:flex;justify-content:space-between;padding:24px}.canal-modal-title{color:#f3f4f6;color:var(--color-text-primary,#f3f4f6);font-size:20px;font-weight:700;margin:0 0 4px}.canal-modal-subtitle{color:#9ca3af;color:var(--color-text-secondary,#9ca3af);font-size:14px;margin:0}.canal-modal-close{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s;width:36px}.canal-modal-close:hover{background:#ef44441a}.canal-modal-close svg{stroke:#9ca3af;stroke:var(--color-text-secondary,#9ca3af);transition:stroke .2s}.canal-modal-close:hover svg{stroke:#ef4444}.canal-modal-tabs{background:#0c0c0c;background:var(--color-background-secondary,#0c0c0c);border-bottom:1px solid #2d3139;border-bottom:1px solid var(--color-border,#2d3139);display:flex;padding:0 24px}.canal-tab{background:none;border:none;border-bottom:2px solid #0000;color:#9ca3af;color:var(--color-text-secondary,#9ca3af);cursor:pointer;font-size:14px;font-weight:600;padding:12px 16px;transition:all .2s}.canal-tab:hover{color:#f3f4f6;color:var(--color-text-primary,#f3f4f6)}.canal-tab.active{border-bottom-color:#8b5cf6;color:#8b5cf6}.canal-modal-content{flex:1 1;overflow-y:auto;padding:24px}.canal-modal-body{display:flex;flex-direction:column;gap:24px}.canal-modal-footer{align-items:center;background:#0c0c0c;background:var(--color-background-secondary,#0c0c0c);border-top:1px solid #2d3139;border-top:1px solid var(--color-border,#2d3139);display:flex;justify-content:space-between;padding:20px 24px}.canal-modal-meta{display:flex;flex-direction:column;gap:4px}.canal-meta-text{color:#6b7280;color:var(--color-text-tertiary,#6b7280);font-size:13px}.canal-alert,.canal-modal-actions{display:flex;gap:12px}.canal-alert{align-items:center;animation:slideDown .3s ease;border-radius:12px;padding:16px}.canal-alert svg{flex-shrink:0}.canal-alert span{flex:1 1;font-size:14px;font-weight:500}.canal-alert-error{background:#ef44441a;border:1px solid #ef44444d;color:#f87171}.canal-form-group{display:flex;flex-direction:column;gap:8px}.canal-form-label{align-items:center;color:#f3f4f6;color:var(--color-text-primary,#f3f4f6);display:flex;font-size:14px;font-weight:600;gap:8px}.canal-form-optional{color:#6b7280;color:var(--color-text-tertiary,#6b7280);font-size:12px;font-weight:400}.canal-error-text{color:#f87171;font-size:12px;font-weight:500}.canal-form-input,.canal-form-textarea{background:#0f1115;background:var(--color-background-secondary,#0f1115);border:1px solid #2d3139;border:1px solid var(--color-border,#2d3139);border-radius:8px;color:#f3f4f6;color:var(--color-text-primary,#f3f4f6);font-family:inherit;font-size:14px;padding:12px 16px;transition:all .2s;width:100%}.canal-form-input:focus,.canal-form-textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;outline:none}.canal-form-input.error,.canal-form-textarea.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.canal-form-textarea{min-height:80px;resize:vertical}.canal-form-helper{color:#6b7280;color:var(--color-text-tertiary,#6b7280);font-size:13px;line-height:1.5}.canal-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.canal-types-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.canal-type-card{align-items:center;background:#0f1115;background:var(--color-background-secondary,#0f1115);border:2px solid #2d3139;border:2px solid var(--color-border,#2d3139);border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:16px;position:relative;transition:all .2s}.canal-type-card:hover{background:#8b5cf60d;border-color:#8b5cf666;transform:translateY(-2px)}.canal-type-card.selected{background:#8b5cf61a;border-color:#8b5cf6}.canal-type-card input[type=radio]{opacity:0;pointer-events:none;position:absolute}.canal-type-icon{align-items:center;display:flex;font-size:32px;justify-content:center}.canal-type-label{color:#f3f4f6;color:var(--color-text-primary,#f3f4f6);font-size:13px;font-weight:600;text-align:center}.canal-type-display{align-items:center;background:#0f1115;background:var(--color-background-secondary,#0f1115);border:1px solid #2d3139;border:1px solid var(--color-border,#2d3139);border-radius:10px;display:flex;gap:16px;padding:16px}.canal-type-icon-large{align-items:center;display:flex;font-size:40px;justify-content:center}.canal-type-name{color:#f3f4f6;color:var(--color-text-primary,#f3f4f6);font-size:16px;font-weight:700;margin-bottom:4px}.canal-type-note{color:#6b7280;color:var(--color-text-tertiary,#6b7280);font-size:13px}.canal-form-checkboxes{display:flex;flex-direction:column;gap:12px}.canal-form-checkbox{align-items:center;background:#0f1115;background:var(--color-background-secondary,#0f1115);border:1px solid #2d3139;border:1px solid var(--color-border,#2d3139);border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:12px;transition:all .2s}.canal-form-checkbox:hover{background:#8b5cf60d;border-color:#8b5cf64d}.canal-form-checkbox input[type=checkbox]{accent-color:#8b5cf6;cursor:pointer;height:18px;width:18px}.canal-form-checkbox span{color:#f3f4f6;color:var(--color-text-primary,#f3f4f6);font-size:14px;font-weight:500}.canal-info-box{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:10px;color:#60a5fa;display:flex;font-size:14px;gap:12px;line-height:1.5;padding:16px}.canal-info-box svg{stroke:#60a5fa;flex-shrink:0}.canal-info-box-text{color:#9ca3af;color:var(--color-text-secondary,#9ca3af);font-size:13px;margin-top:4px;opacity:.9}.canal-info-box-warning{background:color-mix(in srgb,#f59e0b 14%,#0000);border-color:color-mix(in srgb,#f59e0b 42%,#0000);color:#b45309;margin-top:20px}.canal-info-box-warning svg{stroke:currentColor}.canal-error-block{display:block;margin-top:4px}.canal-inline-row{display:flex;gap:8px}.canal-input-wrap{flex:1 1;position:relative}.canal-input-icon-btn{align-items:center;background:none;border:none;color:#6b7280;color:var(--color-text-tertiary,#6b7280);cursor:pointer;display:flex;padding:4px;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.canal-input-icon-btn:hover{color:#f3f4f6;color:var(--color-text-primary,#f3f4f6)}.canal-info-section{display:flex;flex-direction:column;gap:20px}.canal-section-title{color:#f3f4f6;color:var(--color-text-primary,#f3f4f6);font-size:18px;font-weight:700;margin:0}.canal-info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.canal-info-item{background:#0f1115;background:var(--color-background-secondary,#0f1115);border:1px solid #2d3139;border:1px solid var(--color-border,#2d3139);border-radius:10px;display:flex;flex-direction:column;gap:6px;padding:16px}.canal-info-item.full-width{grid-column:1/-1}.info-label{color:#6b7280;color:var(--color-text-tertiary,#6b7280);font-size:12px;letter-spacing:.5px}.info-value{font-size:14px;font-weight:500}.info-code{background:#8b5cf61a;border-radius:6px;color:#a78bfa;font-family:Courier New,monospace;font-size:12px;padding:8px 12px;word-break:break-all}.canal-btn{display:inline-flex;font-family:inherit;font-weight:600;padding:12px 24px;white-space:nowrap}.canal-btn:disabled{cursor:not-allowed;opacity:.5}.canal-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.canal-btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.canal-btn-secondary{background:#0f1115;background:var(--color-background-secondary,#0f1115);border:1px solid #2d3139;border:1px solid var(--color-border,#2d3139);color:#f3f4f6;color:var(--color-text-primary,#f3f4f6)}.canal-btn-secondary:hover:not(:disabled){background:#8b5cf61a;border-color:#8b5cf6}.canal-spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}.canal-empty-state{background:#0f1115;background:var(--color-background-secondary,#0f1115);border:1px dashed #2d3139;border:1px dashed var(--color-border,#2d3139);border-radius:10px;padding:40px 20px;text-align:center}.canal-empty-state p{color:#6b7280;color:var(--color-text-tertiary,#6b7280);font-size:14px;margin:0}@media (max-width:768px){.canal-modal{border-radius:0;max-height:100vh;max-width:100%}.canal-modal-content,.canal-modal-footer,.canal-modal-header,.canal-modal-tabs{padding-left:16px;padding-right:16px}.canal-types-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.canal-form-row,.canal-info-grid{grid-template-columns:1fr}.canal-modal-footer{align-items:stretch;flex-direction:column;gap:12px}.canal-modal-actions{flex-direction:column;width:100%}.canal-btn{width:100%}}.canal-form-select{background:#0f1115;background:var(--color-background-secondary,#0f1115);border:1px solid #2d3139;border:1px solid var(--color-border,#2d3139);border-radius:8px;color:#f3f4f6;color:var(--color-text-primary,#f3f4f6);cursor:pointer;font-family:inherit;font-size:14px;padding:12px 16px;transition:all .2s;width:100%}.canal-form-select:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;outline:none}.canal-form-select option{color:#f3f4f6;color:var(--color-text-primary,#f3f4f6);padding:8px}.canal-current-config,.canal-form-select option{background:#0f1115;background:var(--color-background-secondary,#0f1115)}.canal-current-config{border:1px solid #2d3139;border:1px solid var(--color-border,#2d3139);border-radius:10px;margin-bottom:24px;padding:20px}.canal-config-title{color:#f3f4f6;color:var(--color-text-primary,#f3f4f6);font-size:14px;font-weight:700;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.canal-config-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.canal-config-item{display:flex;flex-direction:column;gap:6px}.config-label{color:#6b7280;color:var(--color-text-tertiary,#6b7280);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.config-masked{background:#fbbf241a;border:1px solid #fbbf2433;border-radius:6px;color:#fbbf24;word-break:break-all}.config-masked,.config-value{font-family:Courier New,monospace;font-size:13px;padding:6px 10px}.config-value{background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:6px;color:#a78bfa}.canal-section-subtitle{border-top:1px solid #2d3139;border-top:1px solid var(--color-border,#2d3139);color:#f3f4f6;color:var(--color-text-primary,#f3f4f6);font-size:15px;font-weight:700;margin:0 0 16px;padding-top:8px}.canal-current-binding{background:#0f1115;background:var(--color-background-secondary,#0f1115);border:1px solid #2d3139;border:1px solid var(--color-border,#2d3139);border-radius:10px;margin-bottom:24px;padding:20px}.canal-binding-card{background:#8b5cf60d;border:1px solid #8b5cf633;border-radius:8px;padding:16px}.binding-header{align-items:center;border-bottom:1px solid #8b5cf633;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px;padding-bottom:12px}.binding-agent{color:#f3f4f6;color:var(--color-text-primary,#f3f4f6);font-size:15px;font-weight:700}.binding-endpoint{background:#8b5cf61a;border-radius:6px;font-weight:500;padding:4px 10px}.binding-details,.binding-endpoint{color:#9ca3af;color:var(--color-text-secondary,#9ca3af);font-size:13px}.binding-details{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:8px}.binding-details span{align-items:center;display:flex;gap:6px}.binding-notes{border-top:1px solid #8b5cf633;color:#9ca3af;color:var(--color-text-secondary,#9ca3af);font-size:13px;line-height:1.5;padding-top:8px}.binding-notes strong{color:#f3f4f6;color:var(--color-text-primary,#f3f4f6)}.canal-tab{position:relative}@media (max-width:768px){.canal-config-grid{grid-template-columns:1fr}.binding-header{align-items:flex-start;flex-direction:column}.binding-details{flex-direction:column;gap:8px}}.whatsapp-profile-tab{display:flex;flex-direction:column;gap:24px}.profile-section{background:#0c0c0c;border:1px solid #ffffff1a;border-radius:8px;padding:20px}.profile-section-title{border-bottom:1px solid #ffffff1a;color:#fff;font-size:16px;font-weight:600;margin:0 0 20px;padding-bottom:12px}.profile-picture-container{align-items:center;display:flex;flex-direction:column;gap:16px}.profile-picture-wrapper{border:3px solid #ffffff1a;border-radius:50%;height:160px;overflow:hidden;position:relative;width:160px}.profile-picture{height:100%;object-fit:cover;width:100%}.profile-picture-placeholder{background:#ffffff0d;color:#6b7280;height:100%;width:100%}.profile-picture-placeholder,.upload-overlay{align-items:center;display:flex;justify-content:center}.upload-overlay{background:#000c;bottom:0;flex-direction:column;gap:8px;left:0;position:absolute;right:0;top:0}.upload-progress{background:#fff3;border-radius:2px;height:4px;overflow:hidden;width:80%}.upload-progress-bar{background:linear-gradient(90deg,#10b981,#059669);height:100%;transition:width .3s ease}.upload-percentage{color:#fff;font-size:12px;font-weight:600}.profile-picture-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.profile-error{color:#ef4444;font-size:13px;margin:0}.profile-helper{color:#9ca3af;font-size:12px;margin:0;text-align:center}.website-input-group{display:flex;gap:8px;margin-bottom:8px}.website-input-group:last-child{margin-bottom:0}.canal-btn-icon-danger{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:8px;transition:all .2s}.canal-btn-icon-danger:hover{background:#ef444433;border-color:#ef444480}.canal-btn-danger{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.canal-btn-danger:hover:not(:disabled){background:#ef444433;border-color:#ef444480}.canal-btn-danger:disabled{cursor:not-allowed;opacity:.5}.btn-sm{font-size:13px;padding:8px 16px}.profile-actions{border-top:1px solid #ffffff1a;display:flex;justify-content:flex-end;padding-top:16px}.canal-alert-success{align-items:center;background:#10b9811a;border:1px solid #10b9814d;border-radius:8px;color:#10b981;display:flex;font-size:14px;gap:12px;padding:12px 16px}.canal-alert-success svg{flex-shrink:0}@media (max-width:640px){.profile-picture-wrapper{height:120px;width:120px}.profile-picture-actions{flex-direction:column;width:100%}.profile-picture-actions button{justify-content:center;width:100%}}.templates-title{color:var(--foreground);font-size:18px;font-weight:600;margin:0}.btn-novo-template{background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:8px;box-shadow:0 2px 4px #8b5cf633;color:#fff;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.btn-novo-template:hover{box-shadow:0 4px 12px #8b5cf64d;transform:translateY(-1px)}.templates-filters{grid-gap:12px;display:grid;gap:12px;grid-template-columns:2fr 1fr 1fr 1fr;margin-bottom:24px}.filter-search,.filter-select{background-color:var(--card);border:1px solid var(--border);border-radius:8px;color:var(--foreground);font-family:inherit;font-size:14px;padding:10px 14px;transition:all .2s}.filter-search:focus,.filter-select:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;outline:none}.templates-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.template-card{display:flex;flex-direction:column;height:100%}.template-card:hover{border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf626;transform:translateY(-2px)}.template-card-header{align-items:flex-start;margin-bottom:12px}.template-card h5{color:var(--foreground);font-size:15px;font-weight:600;line-height:1.4;margin:0}.template-badges{flex-shrink:0;gap:6px}.status-badge{font-size:11px}.template-body{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--muted-foreground);display:-webkit-box;flex:1 1;font-size:13px;line-height:1.5;margin:8px 0;overflow:hidden}.template-meta{border-top:1px solid var(--border);font-size:12px;padding-top:12px}.template-actions{margin-top:12px}.category-card{overflow:hidden;position:relative}.category-color{height:100%;left:0;position:absolute;top:0;width:4px}.category-card h5,.category-card p{padding-left:12px}.category-card p{color:var(--muted-foreground);font-size:13px}.empty-state{color:var(--muted-foreground);grid-column:1/-1}.empty-state h3{color:var(--foreground);font-size:18px;margin-bottom:12px}.empty-state button{background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-top:20px;padding:10px 24px}.funis-alert{border-radius:8px;margin-bottom:20px}.alert-close{height:24px;width:24px}@media (max-width:1024px){.templates-filters{grid-template-columns:1fr 1fr}.filter-search{grid-column:1/-1}}@media (max-width:768px){.templates-filters,.templates-grid{grid-template-columns:1fr}.templates-header{align-items:stretch;flex-direction:column;gap:16px}.btn-novo-template{width:100%}}.template-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.template-modal{animation:slideUp .3s ease-out;background:var(--card);border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:600px;position:relative;width:100%}.template-modal-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:24px 24px 20px}.template-modal-header h3{color:var(--foreground);font-size:20px;font-weight:600;margin:0}.template-modal-close{align-items:center;background:none;border:none;border-radius:6px;color:var(--muted-foreground);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.template-modal-close:hover{background:var(--secondary);color:var(--foreground)}.template-modal-body{flex:1 1;padding:24px}.template-modal-body::-webkit-scrollbar{width:8px}.template-modal-body::-webkit-scrollbar-track{background:var(--background);border-radius:4px}.template-modal-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.template-modal-body::-webkit-scrollbar-thumb:hover{background:var(--muted)}.template-form-group{margin-bottom:20px}.template-form-label{font-size:14px;margin-bottom:8px}.template-error-text{color:#ef4444;font-size:13px;font-weight:400}.template-form-input,.template-form-select,.template-form-textarea{background:var(--background);border-radius:8px;font-family:inherit;padding:10px 14px}.template-form-input:focus,.template-form-select:focus,.template-form-textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.template-form-input.error,.template-form-select.error,.template-form-textarea.error{border-color:#ef4444}.template-form-input.error:focus,.template-form-select.error:focus,.template-form-textarea.error:focus{box-shadow:0 0 0 3px #ef44441a}.template-form-textarea{font-family:Courier New,monospace;line-height:1.5}.template-form-select{cursor:pointer}.template-form-helper{color:var(--muted-foreground);display:block;font-size:12px;line-height:1.4;margin-top:6px}.template-alert{align-items:center;border-radius:8px;display:flex;font-size:14px;gap:10px;margin-bottom:20px;padding:12px 16px}.template-alert-error{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444}.template-alert-success{background:#10b9811a;border:1px solid #10b9814d;color:#10b981}.template-alert-warning{background:#f59e0b1a;border:1px solid #f59e0b4d;color:#f59e0b}.template-modal-footer{background:var(--card);border-top:1px solid var(--border);display:flex;gap:12px;padding:20px 24px}.template-btn{font-weight:500;justify-content:center}.template-btn-secondary{background:var(--secondary);border:1px solid var(--border);color:var(--foreground)}.template-btn-secondary:hover{background:var(--muted)}.canal-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px 20px;transition:all .2s}.canal-btn-primary{background:linear-gradient(135deg,#8b5cf6,#6366f1);box-shadow:0 2px 4px #8b5cf633;color:#fff}.canal-btn-primary:hover{box-shadow:0 4px 12px #8b5cf64d;transform:translateY(-1px)}.canal-btn:disabled,.template-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.template-spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.color-picker-grid{grid-template-columns:repeat(8,1fr)}@media (max-width:640px){.template-modal-overlay{padding:0}.template-modal{border-radius:0;max-height:100vh;max-width:100%}.template-modal-body,.template-modal-footer,.template-modal-header{padding-left:16px;padding-right:16px}.template-modal-footer{flex-direction:column}.canal-btn,.template-btn{width:100%}.color-picker-grid{grid-template-columns:repeat(6,1fr)}}.template-modal-large{max-width:800px}.template-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.template-section-header h4{color:var(--foreground);font-size:15px;font-weight:600;margin:0}.template-btn-add-small{background:var(--card);border:1px solid var(--border);border-radius:6px;color:var(--foreground);cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s}.template-btn-add-small:hover{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.template-btn-add-small:disabled{cursor:not-allowed;opacity:.5}.button-item,.carousel-card-item{background:var(--card);border:1px solid var(--border);border-radius:8px;margin-bottom:12px;padding:16px}.button-item-header,.carousel-card-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:12px}.button-item-header span,.carousel-card-header span{color:var(--foreground);font-size:14px;font-weight:600}.template-btn-remove{background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;color:#ef4444;cursor:pointer;font-size:14px;padding:4px 8px;transition:all .2s}.template-btn-remove:hover{background:#ef444433}.textarea-with-variables{position:relative;z-index:1}.variable-picker-trigger{background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:8px;bottom:12px;box-shadow:0 2px 8px #8b5cf64d;height:36px;right:12px;width:36px;z-index:5}.variable-picker-trigger:hover{box-shadow:0 4px 12px #8b5cf666;transform:translateY(-2px)}.variable-picker-trigger:active{transform:translateY(0)}.variable-picker{animation:slideDown .2s ease-out;box-shadow:0 8px 24px #00000026;display:flex;flex-direction:column;margin-top:8px;max-height:400px;position:relative;z-index:10}.variable-picker-header{background:var(--secondary);border-bottom:1px solid var(--border);padding:12px 16px}.variable-picker-header span{color:var(--foreground)}.variable-picker-header button{background:#0000;border-radius:4px;color:var(--muted-foreground);font-size:20px;height:24px;padding:0;width:24px}.variable-picker-header button:hover{background:#ef44441a;color:#ef4444}.variable-picker-body{max-height:340px;padding:8px}.variable-picker-body::-webkit-scrollbar-track{background:var(--secondary)}.variable-picker-body::-webkit-scrollbar-thumb:hover{background:var(--muted-foreground)}.variable-category{margin-bottom:16px}.variable-category-title{color:var(--muted-foreground);font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;padding:8px 8px 4px}.variable-list{grid-gap:6px;gap:6px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.variable-item{background:var(--secondary);color:var(--foreground);display:flex;flex-direction:column;font-size:13px;gap:4px;padding:10px 12px}.variable-item:hover{background:var(--muted);box-shadow:0 2px 8px #8b5cf633;transform:translateY(-2px)}.variable-item-label{font-weight:500;line-height:1.3}.variable-item-example{font-style:italic}.variables-detected{background:var(--secondary);border:1px solid var(--border);padding:12px}.variables-detected-title{color:var(--muted-foreground);letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.variable-chip{background:var(--background);border:1px solid var(--border);border-radius:6px;color:var(--foreground);gap:6px;margin:4px 4px 4px 0;padding:6px 10px}.variable-chip-placeholder{color:#8b5cf6;font-family:Courier New,monospace;font-weight:600}.variable-chip-arrow{color:var(--muted-foreground)}.variable-chip-label{font-weight:500}.variable-chip-example{font-style:italic;margin-left:4px}@media (max-width:640px){.variable-list{grid-template-columns:1fr}.variable-picker{max-height:300px}.variable-picker-body{max-height:240px}}.templates-tab{padding:0}.templates-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.templates-header-info h3{color:var(--color-text);font-size:18px;font-weight:600;margin:0 0 4px}.templates-count{color:var(--color-text-secondary);font-size:14px;margin:0}.btn-create-template{align-items:center;background:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s}.btn-create-template:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.templates-error,.templates-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.templates-loading .spinner{animation:spin .8s linear infinite;border:3px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);height:40px;width:40px}.templates-error svg{color:var(--color-error);margin-bottom:16px}.btn-retry{background:var(--color-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:16px;padding:8px 16px}.templates-empty{align-items:center;background:var(--color-surface);border:2px dashed var(--color-border);border-radius:12px;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.templates-empty svg{color:var(--color-text-secondary);margin-bottom:16px;opacity:.5}.templates-empty h4{color:var(--color-text);font-size:18px;margin:0 0 8px}.templates-empty p{color:var(--color-text-secondary);margin:0 0 24px}.btn-create-first{background:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:12px 24px}.templates-list{display:flex;flex-direction:column;gap:12px}.template-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.template-card:hover{box-shadow:0 2px 8px #0000000d}.template-card.expanded,.template-card:hover{border-color:var(--color-primary)}.template-card-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:16px;-webkit-user-select:none;user-select:none}.template-card-title{align-items:center;display:flex;gap:12px}.template-category-icon{font-size:24px}.template-card-title h4{color:var(--color-text);font-size:16px;font-weight:600;margin:0 0 4px}.template-meta{color:var(--color-text-secondary);margin:0}.template-card-badges{align-items:center;display:flex;gap:8px}.template-status-badge{border-radius:12px;font-size:12px;font-weight:500;padding:4px 12px}.status-approved{background:#22c55e1a;color:#16a34a}.status-pending{background:#f59e0b1a;color:#d97706}.status-rejected{background:#ef44441a;color:#dc2626}.status-disabled,.status-paused{background:#9ca3af1a;color:#6b7280}.template-badge-can-send{background:#22c55e1a;border-radius:6px;color:#16a34a;font-size:12px;font-weight:500;padding:4px 8px}.template-badge-inactive{background:#9ca3af1a;border-radius:6px;color:#6b7280;font-size:12px;padding:4px 8px}.template-card-body{background:#00000005;border-top:1px solid var(--color-border);padding:16px}.template-details{margin-bottom:16px}.template-detail-section h5{color:var(--color-text);font-size:14px;font-weight:600;margin:0 0 12px}.template-detail-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-label{color:var(--color-text-secondary);font-size:12px}.detail-value{color:var(--color-text);font-size:14px;font-weight:500}.template-rejection{background:#ef44440d;border-left:3px solid #dc2626;border-radius:6px;margin-top:12px;padding:12px}.template-rejection strong{color:#dc2626;display:block;font-size:13px;margin-bottom:4px}.template-rejection p{color:var(--color-text);font-size:13px;margin:0}.template-actions{flex-wrap:wrap}.template-action-btn{border:1px solid var(--color-border)}.template-action-btn:hover{background:rgba(var(--color-primary-rgb),.05);border-color:var(--color-primary)}.btn-submit{color:var(--color-primary)}.btn-sync{color:#3b82f6}.btn-delete{color:#dc2626}.btn-delete:hover{background:#dc26260d;border-color:#dc2626}.canal-tab-badge{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;display:inline-flex;font-size:11px;font-weight:600;height:20px;justify-content:center;margin-left:6px;min-width:20px;padding:0 6px}.channel-item{border-left:4px solid var(--accent);display:flex!important}.channel-header{align-items:center;gap:.75rem}.flow-item{align-items:normal;border:1px solid #2a2f3a!important;border-radius:.5rem!important;display:flex!important;transition:all .2s ease!important}.channel-type-icon{font-size:1.25rem}.channel-type-badge{background:var(--info-bg);border-radius:.25rem;color:var(--info);font-size:.75rem;font-weight:500;padding:.25rem .5rem}.modal-xlarge{max-height:90vh;max-width:95vw;min-width:900px;overflow-y:auto}.channel-preview{background:var(--bg-secondary);border:1px solid var(--border);border-radius:.5rem;padding:1rem}.channel-preview h4{color:var(--text-primary);font-size:.875rem;font-weight:600;margin:0 0 1rem}.channel-preview-card{background:var(--bg-card);border:1px solid var(--border);border-radius:.375rem;padding:.75rem}.channel-preview-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.channel-preview-icon{font-size:1rem}.channel-preview-name{color:var(--text-primary);flex:1 1;font-weight:500}.channel-preview-status{border-radius:.25rem;font-size:.65rem;font-weight:500;padding:.125rem .375rem}.channel-preview-status.active{background:var(--success-bg);color:var(--success)}.channel-preview-status.inactive{background:var(--bg-secondary);color:var(--text-muted)}.channel-preview-type{color:var(--text-muted);font-size:.75rem}.config-help{background:var(--info-bg);border:1px solid var(--info);border-radius:.5rem;margin-top:1rem;padding:1rem}.config-help h5{color:var(--info);font-size:.875rem;margin:0 0 .75rem}.config-help ul{color:var(--info);margin:0;padding-left:1rem}.config-help li{font-size:.8rem;margin-bottom:.25rem}.endpoint-info{background:var(--bg-secondary);border:1px solid var(--border);border-radius:.5rem;padding:1rem}.endpoint-info h5{color:var(--text-primary);font-size:.875rem;margin:0 0 1rem}.info-item{color:var(--text-secondary);font-size:.8rem;line-height:1.4;margin-bottom:.75rem}.info-item strong{color:var(--text-primary)}.binding-preview{background:var(--success-bg);border:1px solid var(--success);border-radius:.5rem;padding:1rem}.binding-preview h5{color:var(--success);font-size:.875rem;margin:0 0 1rem}.agent-preview-card{background:var(--bg-card);border:1px solid var(--border);border-radius:.375rem;padding:.75rem}.agent-name{color:var(--text-primary);font-weight:500;margin-bottom:.5rem}.agent-priority{color:var(--text-secondary);font-size:.8rem;margin-bottom:.5rem}.agent-features{display:flex;gap:.5rem}.feature-badge{background:var(--success-bg);border-radius:.25rem;color:var(--success);font-size:.65rem;font-weight:500;padding:.125rem .375rem}.edit-btn{background:var(--info-bg);border-color:#474747cc;color:var(--info)}.edit-btn:hover{background:var(--info);color:#fff}@media (max-width:768px){.modal-xlarge{max-height:95vh;min-width:95vw}.channel-header{gap:.5rem}.channel-type-icon{font-size:1rem}.channel-preview-header{align-items:flex-start;flex-direction:column;gap:.5rem}.binding-preview,.config-help,.endpoint-info{margin-top:.5rem}}@media (max-width:640px){.tab-list{flex-direction:column}.tab-trigger{justify-content:flex-start;text-align:left}}.webhook-section{background:var(--bg-secondary);border-radius:.5rem;margin:1rem 0;padding:.75rem;width:85%}.webhook-header{margin-bottom:.5rem}.webhook-label{color:var(--text-primary);font-size:.875rem}.webhook-toggle-btn{background:var(--info-bg);border:1px solid var(--info);border-radius:.25rem;color:var(--info);font-size:.75rem;gap:.25rem;padding:.25rem .5rem}.webhook-toggle-btn:hover{background:var(--info)}.webhook-toggle-btn .btn-icon{height:.875rem;width:.875rem}.webhook-url-container{background:var(--bg-card);border-radius:.375rem;gap:.5rem;margin-bottom:.5rem;padding:.5rem}.webhook-url{font-size:.75rem}.webhook-copy-btn{background:var(--success-bg);border:1px solid var(--success);border-radius:.25rem;color:var(--success);padding:.25rem}.webhook-copy-btn:hover{background:var(--success)}.webhook-copy-btn .btn-icon{height:.875rem;width:.875rem}.webhook-help{color:var(--text-muted);font-size:.7rem}@media (max-width:768px){.webhook-header{align-items:flex-start;flex-direction:column;gap:.5rem}.webhook-toggle-btn{align-self:flex-end}.webhook-url-container{align-items:stretch;flex-direction:column}.webhook-copy-btn{align-self:center;width:-webkit-fit-content;width:fit-content}}.webhook-url-container:hover{border-color:var(--accent)}.webhook-url:hover{color:var(--text-primary)}.channel-card{animation:fadeInUp .3s ease-out;background:var(--card);border:1px solid var(--border);border-radius:12px;display:flex;overflow:hidden;position:relative;transition:all .2s ease}.channel-card:hover{box-shadow:0 4px 20px #0000004d}.channel-status-bar{flex-shrink:0;width:4px}.channel-content{display:flex;flex:1 1;flex-direction:column;gap:16px;padding:20px}.channel-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.channel-type-wrapper{align-items:center;display:flex;gap:12px}.channel-type-icon{align-items:center;display:flex;font-size:20px;height:24px;justify-content:center;min-width:24px}.channel-info{gap:6px}.channel-info h4.channel-name{color:var(--foreground);font-size:18px;font-weight:600;margin:0 0 4px}.channel-type{color:var(--muted-foreground);font-size:14px;font-weight:500}.channel-badges{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.status-badge{display:flex;gap:6px;padding:4px 8px}.status-badge.active{background:#10b98133}.status-badge.inactive{background:#6b728033;color:#9ca3af}.endpoint-badge{background:#6366f133;color:#6366f1}.agent-badge,.endpoint-badge{border-radius:6px;font-size:12px;font-weight:500;padding:4px 8px}.agent-badge{background:#f59e0b33;color:#f59e0b}.channel-description{display:flex;flex-direction:column;gap:8px}.channel-description p{color:var(--foreground);font-size:14px;line-height:1.4;margin:0}.channel-tech-info{display:flex;flex-wrap:wrap;gap:16px}.tech-item{align-items:center;display:flex;gap:4px}.tech-label{color:var(--muted-foreground);font-size:12px;font-weight:500}.tech-value{color:var(--foreground);font-size:12px;font-weight:600}.webhook-section{border:1px solid var(--border);border-radius:8px;padding:12px}.webhook-header{justify-content:space-between;margin-bottom:8px}.webhook-header,.webhook-label{align-items:center;display:flex}.webhook-label{color:var(--foreground);font-size:13px;font-weight:500;gap:6px}.webhook-toggle-btn{align-items:center;background:#6366f133;border:1px solid #6366f14d;border-radius:4px;color:#6366f1;cursor:pointer;display:flex;font-size:11px;gap:4px;padding:4px 8px;transition:all .2s ease}.webhook-toggle-btn:hover{color:#fff}.webhook-toggle-btn .btn-icon{height:12px;width:12px}.webhook-content{animation:slideDown .2s ease-out}.webhook-url-container{align-items:center;background:var(--card);background:var(--card-2,var(--card));border:1px solid var(--border);border-radius:6px;display:flex;gap:8px;margin-bottom:6px;padding:8px}.webhook-url{background:#0000;color:var(--foreground);flex:1 1;font-family:Courier New,monospace;font-size:11px;-webkit-user-select:all;user-select:all;word-break:break-all}.webhook-copy-btn{background:#10b98133;border:1px solid #10b9814d;border-radius:4px;color:#10b981;cursor:pointer;flex-shrink:0;padding:4px;transition:all .2s ease}.webhook-copy-btn:hover{background:#10b981;color:#fff}.webhook-copy-btn .btn-icon{height:12px;width:12px}.webhook-help{color:var(--muted-foreground);display:block;font-size:11px;line-height:1.3}.channel-meta{border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:16px;padding-top:8px}.meta-item{font-size:12px;gap:4px}.meta-item svg{flex-shrink:0}.channel-actions{background:var(--card);background:var(--card-2,var(--card));border-left:1px solid var(--border);display:flex;flex-direction:column;gap:8px;padding:20px 16px}.channel-action-btn{align-items:center;background:var(--card);border:1px solid var(--border);border-radius:8px;color:var(--foreground);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}[data-theme=light] .channel-card{background:#fff;border-color:var(--border)}[data-theme=light] .channel-description p,[data-theme=light] .channel-info h4.channel-name,[data-theme=light] .channel-type,[data-theme=light] .meta-item,[data-theme=light] .tech-label,[data-theme=light] .tech-value,[data-theme=light] .webhook-help,[data-theme=light] .webhook-label,[data-theme=light] .webhook-url{color:#000!important}.channel-action-btn:hover{transform:scale(1.05)}.channel-action-btn.edit-btn:hover{background:#6366f1;border-color:#6366f1;color:#fff}.channel-action-btn.toggle-btn.active:hover{background:#dc2626;border-color:#dc2626;color:#fff}.channel-action-btn.toggle-btn.inactive:hover{background:#10b981;border-color:#10b981;color:#fff}.channel-action-btn.delete-btn:hover{background:#ef4444;border-color:#ef4444;color:#fff}.channel-action-btn .btn-icon{height:16px;width:16px}@media (max-width:768px){.channel-card{flex-direction:column}.channel-status-bar{height:4px;width:100%}.channel-actions{border-left:none;border-top:1px solid #333;flex-direction:row;justify-content:center;padding:16px 20px}.channel-header{align-items:flex-start;flex-direction:column;gap:12px}.channel-badges{align-self:stretch}.channel-meta,.channel-tech-info{gap:12px}}.funil-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.funil-modal-overlay.closing{animation:fadeOut .2s ease}.funil-modal{animation:slideUp .3s ease;background:#0c0c0c;border:1px solid #2d3139;border:1px solid var(--color-border,#2d3139);border-radius:16px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow:hidden;width:100%}.funil-modal.closing{animation:slideDown .2s ease}.funil-modal-header{align-items:center;background:#0c0c0c;border-bottom:1px solid #2d3139;border-bottom:1px solid var(--color-border,#2d3139);display:flex;justify-content:space-between;padding:24px}.funil-modal-title{color:#f3f4f6;color:var(--color-text-primary,#f3f4f6);font-size:20px;font-weight:700;margin:0 0 4px}.funil-modal-subtitle{color:#9ca3af;color:var(--color-text-secondary,#9ca3af);font-size:14px;margin:0}.funil-modal-close{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s;width:36px}.funil-modal-close:hover{background:#ef44441a}.funil-modal-close svg{stroke:#9ca3af;stroke:var(--color-text-secondary,#9ca3af);transition:stroke .2s}.funil-modal-close:hover svg{stroke:#ef4444}.funil-modal-tabs{background:#101010;border-bottom:1px solid #2d3139;border-bottom:1px solid var(--color-border,#2d3139);display:flex;padding:0 24px}.funil-tab{background:none;border:none;border-bottom:2px solid #0000;color:#9ca3af;color:var(--color-text-secondary,#9ca3af);cursor:pointer;font-size:14px;font-weight:600;padding:12px 16px;position:relative;transition:all .2s}.funil-tab:hover{color:#f3f4f6;color:var(--color-text-primary,#f3f4f6)}.funil-tab.active{border-bottom-color:#8b5cf6;color:#8b5cf6}.funil-modal-content{flex:1 1;overflow-y:auto;padding:24px}.funil-modal-body{display:flex;flex-direction:column;gap:24px}.funil-modal-footer{align-items:center;background:#0c0c0c;border-top:1px solid #2d3139;border-top:1px solid var(--color-border,#2d3139);display:flex;justify-content:space-between;padding:20px 24px}.funil-modal-meta{display:flex;flex-direction:column;gap:4px}.funil-meta-text{color:#6b7280;color:var(--color-text-tertiary,#6b7280);font-size:13px}.funil-modal-actions{display:flex;gap:12px}.funil-modal-loading{align-items:center;color:#9ca3af;color:var(--color-text-secondary,#9ca3af);display:flex;flex-direction:column;gap:16px;justify-content:center;padding:80px 20px}.funil-spinner-large{animation:spin .8s linear infinite;border:4px solid #8b5cf61a;border-radius:50%;border-top-color:#8b5cf6;height:48px;width:48px}.funil-spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}.funil-modal-error{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:80px 20px}.funil-modal-error p{color:#f87171;font-size:14px;text-align:center}.funil-alert{align-items:center;animation:slideDown .3s ease;border-radius:12px;display:flex;gap:12px;padding:16px}.funil-alert svg{flex-shrink:0}.funil-alert span{flex:1 1;font-size:14px;font-weight:500}.funil-alert-error{background:#ef44441a;border:1px solid #ef44444d;color:#f87171}.funil-alert-success{background:#10b9811a;border:1px solid #10b9814d;color:#34d399}.funil-form-group{display:flex;flex-direction:column;gap:8px}.funil-form-label{align-items:center;color:#f3f4f6;color:var(--color-text-primary,#f3f4f6);display:flex;font-size:14px;font-weight:600;gap:8px}.funil-form-optional{color:#6b7280;color:var(--color-text-tertiary,#6b7280);font-size:12px;font-weight:400}.funil-error-text{color:#f87171;font-size:12px;font-weight:500}.funil-form-input,.funil-form-textarea{background:#0f1115;background:var(--color-background-secondary,#0f1115);border:1px solid #2d3139;border:1px solid var(--color-border,#2d3139);border-radius:8px;color:#f3f4f6;color:var(--color-text-primary,#f3f4f6);font-family:inherit;font-size:14px;padding:12px 16px;transition:all .2s;width:100%}.funil-form-input:focus,.funil-form-textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;outline:none}.funil-form-input.error,.funil-form-textarea.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.funil-form-textarea{min-height:80px;resize:vertical}.funil-form-helper{color:#6b7280;color:var(--color-text-tertiary,#6b7280);font-size:13px;line-height:1.5}.funil-color-picker{align-items:center;display:flex;gap:12px}.funil-form-color{background:#0f1115;background:var(--color-background-secondary,#0f1115);border:1px solid #2d3139;border:1px solid var(--color-border,#2d3139);border-radius:8px;cursor:pointer;height:48px;padding:4px;width:80px}.funil-form-color::-webkit-color-swatch-wrapper{padding:0}.funil-form-color::-webkit-color-swatch{border:none;border-radius:4px}.funil-color-value{color:#f3f4f6;color:var(--color-text-primary,#f3f4f6);font-family:Courier New,monospace;font-size:14px;font-weight:600;text-transform:uppercase}.funil-form-checkbox{align-items:center;background:#0f1115;background:var(--color-background-secondary,#0f1115);border:1px solid #2d3139;border:1px solid var(--color-border,#2d3139);border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:12px;transition:all .2s}.funil-form-checkbox:hover{background:#8b5cf60d;border-color:#8b5cf64d}.funil-form-checkbox input[type=checkbox]{accent-color:#8b5cf6;cursor:pointer;height:18px;width:18px}.funil-form-checkbox span{color:#f3f4f6;color:var(--color-text-primary,#f3f4f6);font-size:14px;font-weight:500}.funil-departments-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.funil-department-checkbox{border:1px solid #2d3139;border:1px solid var(--color-border,#2d3139);border-radius:8px;gap:10px;padding:12px}.funil-department-checkbox:hover{border-color:#8b5cf64d}.funil-department-checkbox input[type=checkbox]{height:18px;width:18px}.funil-department-color{border-radius:4px;flex-shrink:0;height:20px;width:20px}.funil-department-name{flex:1 1;font-weight:500}.funil-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s;white-space:nowrap}.funil-btn:disabled{cursor:not-allowed;opacity:.5}.funil-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.funil-btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.funil-btn-secondary{background:#0f1115;background:var(--color-background-secondary,#0f1115);border:1px solid #2d3139;border:1px solid var(--color-border,#2d3139);color:#f3f4f6;color:var(--color-text-primary,#f3f4f6)}.funil-btn-secondary:hover:not(:disabled){background:#8b5cf61a;border-color:#8b5cf6}.funil-section-title{color:#f3f4f6;color:var(--color-text-primary,#f3f4f6);font-size:18px;font-weight:700;margin:0 0 16px}.funil-stages-list{display:flex;flex-direction:column;gap:12px}.funil-stage-card{background:#0f1115;background:var(--color-background-secondary,#0f1115);border:1px solid #2d3139;border:1px solid var(--color-border,#2d3139);border-radius:10px;display:flex;gap:16px;padding:16px;transition:all .2s}.funil-stage-card:hover{border-color:#8b5cf64d}.funil-stage-color{border-radius:2px;flex-shrink:0;width:4px}.funil-stage-info{flex:1 1;min-width:0}.funil-stage-name{color:#f3f4f6;color:var(--color-text-primary,#f3f4f6);font-size:16px;font-weight:600;margin:0 0 6px}.funil-stage-description{color:#9ca3af;color:var(--color-text-secondary,#9ca3af);font-size:14px;margin:0 0 12px}.funil-stage-meta{display:flex;flex-wrap:wrap;gap:8px}.funil-stage-badge{align-items:center;background:#0a0b0f;background:var(--color-background-tertiary,#0a0b0f);border:1px solid #2d3139;border:1px solid var(--color-border,#2d3139);border-radius:6px;color:#9ca3af;color:var(--color-text-secondary,#9ca3af);display:inline-flex;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.funil-stage-badge.default{background:#8b5cf626;border-color:#8b5cf64d;color:#a78bfa}.funil-stage-order{color:#6b7280;color:var(--color-text-tertiary,#6b7280);font-size:12px;font-weight:500}.funil-empty-state{background:#0f1115;background:var(--color-background-secondary,#0f1115);border:1px dashed #2d3139;border:1px dashed var(--color-border,#2d3139);border-radius:10px;padding:40px 20px;text-align:center}@media (max-width:768px){.funil-modal{border-radius:0;max-height:100vh;max-width:100%}.funil-modal-content,.funil-modal-footer,.funil-modal-header,.funil-modal-tabs{padding-left:16px;padding-right:16px}.funil-departments-grid{grid-template-columns:1fr}.funil-modal-footer{align-items:stretch;flex-direction:column;gap:12px}.funil-modal-actions{flex-direction:column;width:100%}.funil-btn{width:100%}.funil-color-picker{align-items:flex-start;flex-direction:column}.funil-form-color{width:100%}}.funil-modal-departments{max-width:650px}.funil-info-card{background:linear-gradient(135deg,#8b5cf61a,#764ba20d);border:1px solid #8b5cf633;border-radius:12px;display:flex;gap:16px;margin-bottom:28px;padding:20px}.funil-info-color{border-radius:3px;flex-shrink:0;width:6px}.funil-info-details{flex:1 1;min-width:0}.funil-info-name{color:#f3f4f6;color:var(--color-text-primary,#f3f4f6);font-size:18px;font-weight:700;margin:0 0 8px}.funil-info-description{color:#9ca3af;color:var(--color-text-secondary,#9ca3af);font-size:14px;line-height:1.5;margin:0}.funil-selected-count{background:#8b5cf61a;border-radius:6px;color:#8b5cf6;font-size:13px;font-weight:500;margin-left:8px;padding:2px 8px}.funil-department-checkbox{align-items:center;background:#0f1115;background:var(--color-background-secondary,#0f1115);border:2px solid #2d3139;border:2px solid var(--color-border,#2d3139);border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:16px;position:relative;transition:all .2s}.funil-department-checkbox:hover{background:#8b5cf60d;border-color:#8b5cf666;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.funil-department-checkbox.selected{background:#8b5cf61a;border-color:#8b5cf6}.funil-department-checkbox input[type=checkbox]{accent-color:#8b5cf6;cursor:pointer;flex-shrink:0;height:20px;width:20px}.funil-department-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.funil-department-name{color:#f3f4f6;color:var(--color-text-primary,#f3f4f6);font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.funil-department-sla{color:#6b7280;color:var(--color-text-tertiary,#6b7280);font-size:12px;font-weight:500}.funil-department-check{stroke:#8b5cf6;flex-shrink:0;opacity:0;transform:scale(.8);transition:all .2s}.funil-department-checkbox.selected .funil-department-check{opacity:1;transform:scale(1)}.funil-form-warning{align-items:center;background:#fbbf241a;border:1px solid #fbbf244d;border-radius:8px;color:#fbbf24;display:flex;font-size:13px;gap:8px;line-height:1.5;margin-top:12px;padding:12px 16px}.funil-departments-grid+.funil-empty-state,.funil-form-group>.funil-empty-state{background:#0f1115;background:var(--color-background-secondary,#0f1115);border:1px dashed #2d3139;border:1px dashed var(--color-border,#2d3139);border-radius:10px;padding:40px 20px;text-align:center}.funil-empty-state svg{stroke:#6b7280;stroke:var(--color-text-tertiary,#6b7280);margin-bottom:12px;opacity:.5}.funil-empty-state p{color:#6b7280;color:var(--color-text-tertiary,#6b7280);font-size:14px;margin:0}@media (max-width:768px){.funil-modal-departments{max-width:100%}.funil-info-card{flex-direction:column;gap:12px}.funil-info-color{height:6px;width:100%}.funil-departments-grid{grid-template-columns:1fr}.funil-department-checkbox{padding:14px}.funil-selected-count{display:block;margin-left:0;margin-top:4px}}.funis-loading{align-items:center;color:#9ca3af;color:var(--color-text-secondary,#9ca3af);display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.funis-container{margin:0 auto;max-width:1400px}.funis-header{align-items:center;border-bottom:1px solid #2d3139;border-bottom:1px solid var(--color-border,#2d3139);display:flex;justify-content:space-between;margin-bottom:28px;padding-bottom:20px}.funis-title{color:#f3f4f6;color:var(--color-text-primary,#f3f4f6);font-size:28px;font-weight:700;margin:0 0 8px}.funis-subtitle{color:#9ca3af;color:var(--color-text-secondary,#9ca3af);font-size:15px;line-height:1.5;margin:0}.funis-alert{animation:slideDown .3s ease;border-radius:12px;margin-bottom:24px;padding:16px}.funis-alert span{flex:1 1;font-size:14px;font-weight:500}.funis-alert-error{background:#ef44441a;color:#f87171}.funis-alert-success{background:#10b9811a;color:#34d399}.funis-info{margin-bottom:20px}.funis-count{color:#9ca3af;color:var(--color-text-secondary,#9ca3af);font-size:14px;font-weight:500}.funis-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.empty-icon{stroke:#6b7280;stroke:var(--color-text-tertiary,#6b7280);margin-bottom:24px}.funis-empty h3{color:#f3f4f6;color:var(--color-text-primary,#f3f4f6);font-size:20px;font-weight:700;margin:0 0 8px}.funis-empty p{color:#9ca3af;color:var(--color-text-secondary,#9ca3af);font-size:15px;margin:0 0 28px}.funis-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s}.funis-btn:disabled{cursor:not-allowed;opacity:.5}.funis-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.funis-btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.funis-btn-secondary{background:#0f1115;background:var(--color-background-secondary,#0f1115);border:1px solid #2d3139;border:1px solid var(--color-border,#2d3139);color:#f3f4f6;color:var(--color-text-primary,#f3f4f6)}.funis-btn-secondary:hover:not(:disabled){background:#8b5cf61a;border-color:#8b5cf6}.funis-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.funnel-card{animation:fadeInUp .3s ease-out;border:1px solid #2d3139;border:1px solid var(--color-border,#2d3139);border-radius:16px;padding:24px;transition:all .2s}.funnel-card:hover{border-color:#8b5cf64d;box-shadow:0 4px 12px #0000001a}.funnel-card-header{align-items:center;border-bottom:1px solid #2d3139;border-bottom:1px solid var(--color-border,#2d3139);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.funnel-info{flex:1 1;gap:12px;min-width:0}.funnel-color{border-radius:2px;flex-shrink:0;height:44px;width:4px}.funnel-name{color:#f3f4f6;color:var(--color-text-primary,#f3f4f6);font-size:18px;font-weight:700;margin:0 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.funnel-status{align-items:center;border-radius:12px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.funnel-status.active{background:#10b98126;border:1px solid #10b9814d;color:#10b981}.funnel-status.inactive{background:#9ca3af26;border:1px solid #9ca3af4d;color:#9ca3af}.status-dot{background:currentColor;height:6px;width:6px}.funnel-actions{display:flex;gap:8px}.action-btn{align-items:center;background:#0f1115;background:var(--color-background-secondary,#0f1115);border:1px solid #2d3139;border:1px solid var(--color-border,#2d3139);border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s;width:36px}.action-btn:hover{background:#8b5cf61a;border-color:#8b5cf6}.action-btn svg{stroke:#9ca3af;stroke:var(--color-text-secondary,#9ca3af);transition:stroke .2s}.action-btn:hover svg{stroke:#a78bfa}.action-btn.active{border-color:#10b9814d}.action-btn.active svg{stroke:#10b981}.action-btn.inactive svg{stroke:#9ca3af}.action-btn.delete{border-color:#ef44444d}.action-btn.delete svg{stroke:#ef4444}.action-btn.delete:hover{background:#ef44441a;border-color:#ef4444}.funnel-description{color:#9ca3af;color:var(--color-text-secondary,#9ca3af);font-size:14px;line-height:1.6;margin:0 0 20px}.funnel-section{margin-bottom:20px}.funnel-section:last-child{margin-bottom:0}.section-header{margin-bottom:12px}.section-header h4{font-size:14px;letter-spacing:.5px;text-transform:uppercase}.section-btn,.section-header h4{color:#f3f4f6;color:var(--color-text-primary,#f3f4f6)}.section-btn{align-items:center;background:#0f1115;background:var(--color-background-secondary,#0f1115);border:1px solid #2d3139;border:1px solid var(--color-border,#2d3139);border-radius:6px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:6px 12px;transition:all .2s}.section-btn:hover{background:#8b5cf61a;border-color:#8b5cf6;color:#a78bfa}.section-btn svg{stroke:currentColor}.stages-list{display:flex;flex-direction:column;gap:8px}.stage-item{align-items:center;display:flex;gap:12px;justify-content:space-between}.stage-badge{align-items:center;border:1px solid;border-radius:8px;display:inline-flex;flex:1 1;font-size:13px;font-weight:600;gap:8px;min-width:0;padding:8px 14px}.stage-badge span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stage-icon{flex-shrink:0;font-size:16px}.stage-actions{display:flex;gap:6px}.stage-btn{align-items:center;background:#0c0c0c;border:1px solid #2d2d2d;border-radius:8px;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s;width:28px}.stage-btn:hover{background:#8b5cf61a;border-color:#8b5cf6}.stage-btn svg{stroke:#9ca3af;stroke:var(--color-text-secondary,#9ca3af)}.stage-btn:hover svg{stroke:#a78bfa}.stage-btn.delete{border-color:#ef44444d}.stage-btn.delete svg{stroke:#ef4444}.stage-btn.delete:hover{background:#ef44441a;border-color:#ef4444}.departments-list{gap:8px}.department-badge{align-items:center;border-radius:6px;color:#fff;display:inline-flex;font-size:13px;font-weight:600;padding:6px 12px}.empty-message{background:#0f1115;background:var(--color-background-secondary,#0f1115);border:1px dashed #2d3139;border:1px dashed var(--color-border,#2d3139);border-radius:8px;color:#6b7280;color:var(--color-text-tertiary,#6b7280);padding:16px;text-align:center}.modal-overlay{background:#000000bf;padding:20px}.modal{animation:slideUp .3s ease;background:#1a1d23;background:var(--color-background,#1a1d23);border:1px solid #2d3139;border:1px solid var(--color-border,#2d3139);border-radius:16px;box-shadow:0 20px 60px #00000080;max-width:600px;width:100%}.modal-header{border-bottom:1px solid #2d3139;border-bottom:1px solid var(--color-border,#2d3139)}.modal-header h3{color:#f3f4f6;color:var(--color-text-primary,#f3f4f6);font-weight:700}.modal-close{height:36px;width:36px}.modal-close:hover{background:#ef44441a}.modal-close svg{stroke:#9ca3af;stroke:var(--color-text-secondary,#9ca3af)}.modal-close:hover svg{stroke:#ef4444}.modal-content{flex:1 1;padding:24px}.modal-footer{border-top:1px solid #2d3139;border-top:1px solid var(--color-border,#2d3139);padding:20px 24px}.form-label{color:#f3f4f6;color:var(--color-text-primary,#f3f4f6);font-weight:600}.form-input,.form-select,.form-textarea{color:#f3f4f6;color:var(--color-text-primary,#f3f4f6);font-family:inherit;padding:12px 16px}.form-color,.form-input,.form-select,.form-textarea{background:#0f1115;background:var(--color-background-secondary,#0f1115);border:1px solid #2d3139;border:1px solid var(--color-border,#2d3139)}.form-color{border-radius:8px;cursor:pointer;height:48px;padding:4px;width:100px}.form-color::-webkit-color-swatch-wrapper{padding:0}.form-color::-webkit-color-swatch{border:none;border-radius:4px}.form-helper{color:#6b7280;color:var(--color-text-tertiary,#6b7280);display:block;font-size:13px;line-height:1.5;margin-top:8px}.form-row{grid-template-columns:1fr 100px 100px}.form-checkboxes{display:flex;flex-direction:column;gap:12px}.form-checkbox{background:#0f1115;background:var(--color-background-secondary,#0f1115);border:1px solid #2d3139;border:1px solid var(--color-border,#2d3139);border-radius:8px;padding:12px;transition:all .2s}.form-checkbox:hover{background:#8b5cf60d;border-color:#8b5cf64d}.form-checkbox span{color:#f3f4f6;color:var(--color-text-primary,#f3f4f6)}.departments-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.department-checkbox{background:#0f1115;background:var(--color-background-secondary,#0f1115);border:1px solid #2d3139;border:1px solid var(--color-border,#2d3139);gap:10px;transition:all .2s}.department-checkbox:hover{border-color:#8b5cf64d}.department-checkbox input[type=checkbox]{accent-color:#8b5cf6;cursor:pointer;height:18px;width:18px}.department-color{border-radius:4px;flex-shrink:0;height:20px;width:20px}.department-checkbox span{color:#f3f4f6;color:var(--color-text-primary,#f3f4f6);font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:1200px){.funis-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width:768px){.funis-header{align-items:flex-start;flex-direction:column;gap:16px}.funis-btn{width:100%}.funis-grid{grid-template-columns:1fr}.funnel-card-header{align-items:flex-start;flex-direction:column;gap:12px}.funnel-actions{justify-content:flex-end;width:100%}.departments-grid,.form-row{grid-template-columns:1fr}.modal{border-radius:0;max-height:100vh;max-width:100%}}@media (max-width:480px){.funnel-card{padding:16px}.departments-list,.stages-list{flex-direction:column}.stage-badge{width:100%}}.automation-badge{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:18px;font-weight:600;height:42px;justify-content:center;width:42px}.automation-status-badge{border-radius:12px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.automation-status-badge.active{background-color:#d1fae5;color:#065f46}.automation-status-badge.inactive{background-color:#fee2e2;color:#991b1b}.automation-rules{align-items:center;background:var(--card);background:var(--card-2,var(--card));border:1px solid #6366f1;border-radius:12px;display:flex;gap:16px;margin:16px 0;padding:16px}.automation-rule-item{display:flex;flex:1 1;flex-direction:column;gap:8px}.rule-label{align-items:center;color:#64748b;color:var(--muted-foreground,#64748b);display:flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.5px;text-transform:uppercase}.rule-icon{font-size:16px}.rule-text{color:#64748b;color:var(--muted-foreground,#64748b)}.rule-value{background:var(--card);border-radius:6px;color:var(--foreground);font-size:14px;font-weight:500;line-height:1.5;padding:8px 12px}.automation-arrow{align-items:center;color:#8b5cf6;display:flex;flex-shrink:0;justify-content:center}.automacoes-error-text{color:#ef4444}.automacoes-success-alert{margin-bottom:20px}.automacoes-settings .channel-card{background:var(--card);border-color:var(--border)}.automacoes-settings .channel-actions,.automacoes-settings .channel-content{background:#0000}.automacoes-settings .channel-description p,.automacoes-settings .channel-name,.automacoes-settings .rule-value{color:var(--foreground)}.automacoes-settings .channel-type,.automacoes-settings .meta-item,.automacoes-settings .rule-label,.automacoes-settings .rule-text{color:var(--muted-foreground)}[data-theme=light] .automacoes-settings .automation-rules,[data-theme=light] .automacoes-settings .channel-card,[data-theme=light] .automacoes-settings .rule-value{background:#fff!important;border-color:var(--border)!important}[data-theme=light] .automacoes-settings .channel-description p,[data-theme=light] .automacoes-settings .channel-name,[data-theme=light] .automacoes-settings .channel-type,[data-theme=light] .automacoes-settings .meta-item,[data-theme=light] .automacoes-settings .rule-label,[data-theme=light] .automacoes-settings .rule-text,[data-theme=light] .automacoes-settings .rule-value{color:#000!important}.automation-arrow svg{stroke-width:2.5;height:24px;width:24px}.form-section{border-bottom:1px solid #e5e7eb;margin-bottom:32px;padding-bottom:32px}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section-title{align-items:center;color:#1f2937;display:flex;gap:8px;margin-bottom:20px}.form-group{margin-bottom:20px}.form-label{color:#374151;display:block;font-size:14px;margin-bottom:8px}.form-input,.form-select,.form-textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#1f2937;font-size:14px;padding:10px 14px;transition:all .2s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;outline:none}.form-textarea{font-family:inherit;min-height:80px;resize:vertical}.form-checkbox{align-items:center;cursor:pointer;gap:10px;-webkit-user-select:none;user-select:none}.form-checkbox input[type=checkbox]{accent-color:#8b5cf6;cursor:pointer;height:18px;width:18px}.form-checkbox span{color:#374151;font-size:14px;font-weight:500}.form-help{color:#6b7280;display:block;font-size:12px;font-style:italic;margin-top:6px}.modal-large{max-height:90vh;max-width:800px;overflow-y:auto}.error-message{background:#fee2e2;border:1px solid #fecaca;color:#991b1b;margin-bottom:20px}@media (max-width:768px){.automation-rules{flex-direction:column;gap:12px}.automation-arrow{transform:rotate(90deg)}.form-row{grid-template-columns:1fr}.modal-large{margin:20px;max-width:95%}}.user-modal-overlay{align-items:center;animation:userOverlayFadeIn .2s ease-out;background-color:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:50}.user-modal-overlay.closing{animation:userOverlayFadeOut .2s ease-out}@keyframes userOverlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes userOverlayFadeOut{0%{opacity:1}to{opacity:0}}.user-modal{animation:userModalSlideIn .2s ease-out;background-color:#0c0c0c;border:1px solid #1f2937;border-radius:.5rem;display:flex;flex-direction:column;max-height:90vh;max-width:56rem;width:100%}.user-modal.closing{animation:userModalSlideOut .2s ease-out}@keyframes userModalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes userModalSlideOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(-10px)}}.user-modal-content{flex:1 1;max-height:calc(90vh - 200px);overflow-y:auto}.user-modal-content::-webkit-scrollbar{width:8px}.user-modal-content::-webkit-scrollbar-track{background:#1f2937;border-radius:4px}.user-modal-content::-webkit-scrollbar-thumb{background:#4b5563;border-radius:4px}.user-modal-content::-webkit-scrollbar-thumb:hover{background:#6b7280}.user-form-section{border-bottom:1px solid #1f2937;padding:1.5rem}.user-form-section:last-child{border-bottom:none}.user-form-section-title{color:#fff;font-size:1rem;font-weight:600;margin-bottom:1rem}.user-assignment-type-options{display:flex;gap:1rem;margin-top:.5rem}.user-assignment-option{align-items:center;display:flex;gap:.5rem}.user-radio-custom{flex-shrink:0;height:20px;position:relative;width:20px}.user-radio-custom input[type=radio]{cursor:pointer;height:100%;margin:0;opacity:0;position:absolute;width:100%;z-index:2}.user-radio-circle{border:2px solid #4b5563;border-radius:50%;height:20px;left:0;pointer-events:none;position:absolute;top:0;transition:all .2s;width:20px}.user-radio-custom input[type=radio]:checked~.user-radio-circle{border-color:#9333ea}.user-radio-custom input[type=radio]:checked~.user-radio-circle:after{background-color:#9333ea;border-radius:50%;content:"";height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px}.user-checkbox-custom{flex-shrink:0;height:20px;position:relative;width:20px}.user-checkbox-custom input[type=checkbox]{cursor:pointer;height:100%;margin:0;opacity:0;position:absolute;width:100%;z-index:2}.user-checkbox-square{border:2px solid #4b5563;border-radius:.25rem;height:20px;left:0;pointer-events:none;position:absolute;top:0;transition:all .2s;width:20px}.user-checkbox-custom input[type=checkbox]:checked~.user-checkbox-square{background-color:#9333ea;border-color:#9333ea}.user-checkbox-custom input[type=checkbox]:checked~.user-checkbox-square:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;left:6px;position:absolute;top:2px;transform:rotate(45deg);width:5px}.user-departments-list{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.user-department-checkbox{align-items:center;background-color:#1f2937;border:1px solid #374151;border-radius:.5rem;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;transition:all .2s}.user-department-checkbox:hover{background-color:#374151}.user-department-checkbox.selected{background-color:#1e1b4b;border-color:#9333ea}.user-department-info{align-items:center;display:flex;flex:1 1;gap:.75rem;pointer-events:none}.user-department-color-indicator{border-radius:50%;flex-shrink:0;height:12px;width:12px}.user-department-details{flex:1 1}.user-department-name{color:#fff;font-size:.875rem;font-weight:500}.user-department-description{color:#9ca3af;font-size:.75rem;margin-top:.125rem}@media (max-width:768px){.user-modal{max-height:95vh;max-width:95vw}.user-modal-content{max-height:calc(95vh - 180px)}.user-departments-list{grid-template-columns:1fr}.user-assignment-type-options{flex-direction:column}}.role-modal-overlay{align-items:center;animation:roleOverlayFadeIn .2s ease-out;background-color:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:50}.role-modal-overlay.closing{animation:roleOverlayFadeOut .2s ease-out}@keyframes roleOverlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes roleOverlayFadeOut{0%{opacity:1}to{opacity:0}}.role-modal{animation:roleModalSlideIn .2s ease-out;background-color:#0c0c0c;border:1px solid #1f2937;border-radius:.5rem;display:flex;flex-direction:column;max-height:90vh;max-width:42rem;width:100%}.role-modal.closing{animation:roleModalSlideOut .2s ease-out}@keyframes roleModalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes roleModalSlideOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(-10px)}}.role-modal-content{flex:1 1;max-height:calc(90vh - 200px);overflow-y:auto}.role-modal-content::-webkit-scrollbar{width:8px}.role-modal-content::-webkit-scrollbar-track{background:#1f2937;border-radius:4px}.role-modal-content::-webkit-scrollbar-thumb{background:#4b5563;border-radius:4px}.role-modal-content::-webkit-scrollbar-thumb:hover{background:#6b7280}@media (max-width:768px){.role-modal{max-height:95vh;max-width:95vw}.role-modal-content{max-height:calc(95vh - 180px)}}.function-modal-overlay{align-items:center;animation:functionOverlayFadeIn .2s ease-out;background-color:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:50}.function-modal-overlay.closing{animation:functionOverlayFadeOut .2s ease-out}@keyframes functionOverlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes functionOverlayFadeOut{0%{opacity:1}to{opacity:0}}.function-modal{animation:functionModalSlideIn .2s ease-out;background-color:#0c0c0c;border:1px solid #1f2937;border-radius:.5rem;display:flex;flex-direction:column;max-height:90vh;max-width:56rem;width:100%}.function-modal.closing{animation:functionModalSlideOut .2s ease-out}@keyframes functionModalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes functionModalSlideOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(-10px)}}.function-modal-content{flex:1 1;max-height:calc(90vh - 200px);overflow-y:auto}.function-modal-content::-webkit-scrollbar{width:8px}.function-modal-content::-webkit-scrollbar-track{background:#1f2937;border-radius:4px}.function-modal-content::-webkit-scrollbar-thumb{background:#4b5563;border-radius:4px}.function-modal-content::-webkit-scrollbar-thumb:hover{background:#6b7280}.function-templates-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.function-template-card{background-color:#1f2937;border:2px solid #374151;border-radius:.5rem;cursor:pointer;padding:1rem;transition:all .2s}.function-template-card:hover{border-color:#6b7280}.function-template-card.selected{background-color:#1e1b4b;border-color:#9333ea}.function-color-options{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(8,1fr)}.function-color-option{border:2px solid #0000;border-radius:.5rem;cursor:pointer;height:40px;position:relative;transition:all .2s;width:40px}.function-color-option:hover{transform:scale(1.1)}.function-color-option.selected{border-color:#fff;box-shadow:0 0 0 3px #fff3}.function-color-option.selected:after{color:#fff;content:"✓";font-size:1.2rem;font-weight:700;left:50%;position:absolute;text-shadow:0 0 3px #00000080;top:50%;transform:translate(-50%,-50%)}.function-icon-options{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(7,1fr)}.function-icon-option{align-items:center;background-color:#1f2937;border:2px solid #374151;border-radius:.5rem;cursor:pointer;display:flex;font-size:1.5rem;height:50px;justify-content:center;transition:all .2s;width:50px}.function-icon-option:hover{background-color:#374151;transform:scale(1.1)}.function-icon-option.selected{background-color:#1e1b4b;border-color:#9333ea}.function-permissions-group{margin-bottom:1.5rem}.bg-edit{background:#1a1d25}.function-permissions-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr)}.function-permission-item{align-items:start;background-color:#161616;border:1px solid #374151;border-radius:.5rem;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;transition:all .2s}.function-permission-item:hover{background-color:#374151}.function-permission-item.selected{background-color:#1e1b4b;border-color:#9333ea}.function-permission-item.disabled{cursor:not-allowed;opacity:.5}.function-preview-card{background:#1a1d25;border:1px solid #374151;border-radius:.5rem;padding:1.5rem}@media (max-width:768px){.function-modal{max-height:95vh;max-width:95vw}.function-modal-content{max-height:calc(95vh - 180px)}.function-templates-grid{grid-template-columns:1fr}.function-color-options{grid-template-columns:repeat(4,1fr)}.function-icon-options{grid-template-columns:repeat(5,1fr)}.function-permissions-grid{grid-template-columns:1fr}}:root{--bg-primary:#0a0a0a;--bg-secondary:#1a1a1a;--bg-card:#2a2a2a;--border-primary:#333;--border-secondary:#2a2f3a;--text-primary:#fff;--text-secondary:#ccc;--text-muted:#888;--text-disabled:#666;--accent-primary:#8b5cf6;--accent-hover:#7c3aed;--warning:#f97316;--error:#ef4444;--info:#3b82f6}.gestao-usuarios-container{border:1px solid #2a2f3a;border-radius:12px;color:#fff;overflow:hidden}.gestao-usuarios-header{padding:24px}.gestao-usuarios-title{color:#fff;font-size:24px;font-weight:600;margin:0 0 8px}.gestao-usuarios-subtitle{color:#888;font-size:14px;margin:0}.user-item{background-color:#0a0a0a;background-color:var(--bg-primary)}.role-view-item,.user-item{animation:fadeInUp .3s ease-out}.role-view-item{background-color:#111}.gestao-usuarios-tabs{padding:0 24px}.tab-list{display:flex}.tab-button{border-bottom:2px solid #0000;color:#888;font-size:14px;padding:16px 24px}.tab-button:hover{color:#fff}.tab-button.active{border-bottom-color:#fff}.tab-content{padding:24px}.usuarios-tab{display:flex;flex-direction:column;gap:24px}.stats-cards-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.stats-card{border:1px solid #333;border-radius:8px;padding:20px}.stats-card-content{align-items:center;display:flex;justify-content:space-between}.stats-info{display:flex;flex-direction:column;gap:8px}.stats-label{color:#888;font-size:14px;font-weight:400}.stats-value{color:#fff;font-size:32px;font-weight:700}.stats-value.green{color:#10b981}.stats-value.orange{color:#f59e0b}.stats-value.red{color:#ef4444}.stats-icon{height:32px;opacity:.8;width:32px}.stats-icon.blue{color:#3b82f6}.stats-icon.green{color:#10b981}.stats-icon.orange{color:#f59e0b}.stats-icon.red{color:#ef4444}.stats-icon svg{height:100%;width:100%}.users-list{grid-gap:16px;background:none;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.user-card{background:#0a0a0a;border:1px solid #333;border-radius:12px;overflow:hidden;position:relative;transition:all .2s ease}.user-card:hover{border-color:#444;box-shadow:0 8px 25px #0000004d;transform:translateY(-2px)}.user-card-content{padding:20px}.user-info-section{align-items:flex-start;display:flex;gap:16px;margin-bottom:16px}.user-avatar{background:none;border-radius:8px;height:48px;overflow:hidden;width:48px}.user-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{background:#8b5cf6;color:#fff;font-size:16px}.user-details{flex:1 1}.user-name{color:#fff;font-size:16px;margin-bottom:4px}.user-email{color:#888;font-size:14px;margin-bottom:8px;word-break:break-word}.user-meta{flex-wrap:wrap;gap:6px}.user-departments{border-bottom:1px solid #333;border-top:1px solid #333;margin:16px 0;padding:12px 0}.departments-label{color:#666;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.departments-list{flex-wrap:wrap;gap:6px}.no-departments{color:#666;font-size:13px;font-style:italic}.user-extra-info{display:flex;flex-wrap:wrap;gap:16px;padding:12px 0}.info-item{gap:2px}.info-label{color:#666;font-size:11px;font-weight:600;text-transform:uppercase}.info-value{color:#ccc;font-size:13px}.user-actions{display:flex;justify-content:flex-end;padding-top:12px}.distribution-cards-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.distribution-card{border:1px solid #333;border-radius:8px;overflow:hidden}.distribution-card-header{border-bottom:1px solid #333;padding:20px}.distribution-card-header h3{color:#fff;font-size:16px;font-weight:600;margin:0}.distribution-card-content{display:flex;flex-direction:column;gap:16px;padding:20px}.role-item{justify-content:space-between}.role-info,.role-item{align-items:center;display:flex}.role-info{gap:12px}.role-icon{align-items:center;display:flex;height:20px;justify-content:center;width:20px}.role-icon.red{color:#ef4444}.role-icon.blue{color:#3b82f6}.role-icon.green{color:#10b981}.role-icon svg{height:16px;width:16px}.role-count,.role-info span{color:#fff;font-size:14px}.role-count{background:#333;border-radius:16px;font-weight:500;padding:4px 12px}.empty-message{color:#888;font-size:14px;margin:0}.users-section{display:flex;flex-direction:column;gap:20px}.users-section-header{align-items:flex-start;display:flex;justify-content:space-between}.users-section-info h3{color:#fff;font-size:20px;font-weight:600;margin:0 0 4px}.users-section-info p{color:#888;font-size:14px;margin:0}.new-user-button{align-items:center;background:#8b5cf6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:background-color .2s ease}.new-user-button:hover{background:#7c3aed}.new-user-button svg{height:16px;width:16px}.search-container{max-width:400px}.search-input-wrapper{position:relative}.search-icon{color:#666;height:18px;left:12px;position:absolute;top:50%;transform:translateY(-50%);width:18px}.search-input{background:#2a2a2a;border:1px solid #333;border-radius:8px;color:#fff;padding:12px 12px 12px 42px}.search-input::placeholder{color:#666}.search-input:focus{border-color:#8b5cf6}.status-badge.green{background:#22c55e33;color:#22c55e}.status-badge.green,.status-badge.red{border-radius:12px;font-size:12px;font-weight:500;padding:4px 8px}.status-badge.red{background:#ef444433;color:#ef4444}.role-badge.purple{background:#8b5cf633;color:#8b5cf6}.role-badge.purple,.role-badge.red{border-radius:12px;font-size:12px;font-weight:500;padding:4px 8px}.role-badge.red{background:#ef444433;color:#ef4444}.role-badge.blue{background:#3b82f633;color:#3b82f6}.role-badge.blue,.role-badge.green{border-radius:12px;font-size:12px;font-weight:500;padding:4px 8px}.role-badge.green{background:#22c55e33;color:#22c55e}.department-tag{background:#3b82f633;color:#3b82f6}.department-tag,.extension-badge{border-radius:12px;font-size:12px;font-weight:500;padding:4px 12px}.extension-badge{background:#8b5cf633;color:#8b5cf6}.edit-button{align-items:center;background:#3b82f61a;border:1px solid #3b82f64d;border-radius:8px;color:#3b82f6;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.edit-button:hover{background:#3b82f633;transform:translateY(-1px)}.edit-button svg{height:14px;width:14px}.loading-state{align-items:center;color:#888;display:flex;gap:12px;justify-content:center;padding:60px 20px}.loading-spinner{border:2px solid #333;height:24px;width:24px}.empty-state{color:#888;gap:16px;padding:60px 20px}.empty-state svg{height:48px;opacity:.5;width:48px}.other-tab{padding:40px;text-align:center}.placeholder-content h3{color:#fff;font-size:18px;font-weight:600;margin:0 0 8px}.placeholder-content p{color:#888;margin:0}@media (max-width:1200px){.stats-cards-grid{grid-template-columns:repeat(2,1fr)}.users-list{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width:768px){.distribution-cards-grid,.stats-cards-grid{grid-template-columns:1fr}.users-section-header{align-items:stretch;flex-direction:column;gap:16px}.users-list{grid-template-columns:1fr}.tab-list{flex-wrap:wrap}.tab-button{flex:1 1;min-width:120px}}@media (max-width:640px){.gestao-usuarios-header,.gestao-usuarios-tabs,.tab-content{padding-left:16px;padding-right:16px}}.modal-overlay{background:#000c}.modal-content{background:#0a0a0a;border:1px solid #333;box-shadow:0 20px 25px -5px #00000080;max-height:90vh;max-width:600px;overflow-y:auto;position:relative}.modal-header{background:none!important;border-bottom:none!important;padding:24px 24px 16px}.modal-header h3{color:#fff;font-size:20px;margin:0 0 8px}.modal-subtitle{color:#888;margin:0}.close-button{color:#888;position:absolute;right:20px;transition:all .2s ease}.close-button:hover{background:#333;color:#fff}.close-button svg{height:16px;width:16px}.form-row{margin-bottom:20px}.form-field{gap:6px}.form-field .required{color:#ef4444}.form-field input,.form-field select{background:#1a1a1a;border:1px solid #333;border-radius:6px;box-sizing:border-box;color:#fff;font-size:14px;padding:10px 12px;transition:all .2s ease;width:100%}.form-field input:focus,.form-field select:focus{border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf61a;outline:none}.form-field input::placeholder{color:#666}.form-field select option{background:#1a1a1a;color:#fff}.modal-actions{border-top:1px solid #333;display:flex;gap:12px;justify-content:flex-end;margin-top:8px;padding:20px 24px}.cancel-button,.save-button{gap:8px;justify-content:center;min-width:100px}.cancel-button{align-items:center;display:flex}.cancel-button:disabled{opacity:.5}.button-spinner{height:14px;width:14px}.error-message{padding:12px}@media (max-width:600px){.modal-content{margin:20px 0;width:95%}.form-row{gap:16px;grid-template-columns:1fr}.modal-form,.modal-header{padding:20px}.modal-actions{flex-direction:column-reverse;gap:8px;padding:20px}.cancel-button,.save-button{width:100%}}.modal-content *{box-sizing:border-box}.form-field input[type=email],.form-field input[type=password],.form-field input[type=text],.form-field select{max-width:100%;min-width:0}.form-grid-2{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-grid-1{display:grid;grid-template-columns:1fr}.form-field select{-webkit-appearance:none;appearance:none;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMSAxIDUgNSA1LTUiIHN0cm9rZT0iIzY2NiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=);background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:36px}.assignment-section{margin:24px 0}.assignment-section-title{color:#fff;font-size:16px;font-weight:600;margin:0 0 16px}.assignment-type-options{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.assignment-option{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;gap:12px;padding:0;text-align:left}.assignment-option input[type=radio]{accent-color:#8b5cf6;cursor:pointer;height:18px;margin:0;position:relative;width:18px}.assignment-option label{color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:500}.radio-custom{cursor:pointer;height:18px;margin:0;position:relative;width:18px}.radio-custom input[type=radio]{cursor:pointer;height:100%;margin:0;opacity:0;position:absolute;width:100%}.radio-custom .radio-circle{background:#0000;border:2px solid #666;border-radius:50%;height:18px;left:0;position:absolute;top:0;transition:all .2s ease;width:18px}.radio-custom input[type=radio]:checked+.radio-circle{background:#8b5cf6;border-color:#8b5cf6}.radio-custom input[type=radio]:checked+.radio-circle:after{background:#fff;border-radius:50%;content:"";height:6px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:6px}.departments-section{margin:24px 0}.departments-section-title{color:#fff;font-size:16px;font-weight:600;margin:0 0 16px}.departments-list{display:flex;flex-direction:column;gap:12px}.department-checkbox{align-items:center;background:#0000;border:1px solid #333;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s ease}.department-checkbox:hover{background:#8b5cf60d;border-color:#8b5cf6}.department-checkbox.selected{background:#8b5cf61a;border-color:#8b5cf6}.checkbox-custom{cursor:pointer;height:18px;margin:0;width:18px}.checkbox-custom input[type=checkbox]{cursor:pointer;height:100%;margin:0;opacity:0;position:absolute;width:100%}.checkbox-custom .checkbox-square{background:#0000;border:2px solid #666;border-radius:3px;height:18px;left:0;position:absolute;top:0;transition:all .2s ease;width:18px}.checkbox-custom input[type=checkbox]:checked+.checkbox-square{background:#8b5cf6;border-color:#8b5cf6}.checkbox-custom input[type=checkbox]:checked+.checkbox-square:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.department-info{align-items:center;display:flex;flex:1 1;gap:12px}.department-color-indicator{border-radius:2px;flex-shrink:0;height:32px;width:4px}.department-details{flex:1 1;min-width:0}.department-name{color:#fff;font-size:14px;margin:0 0 2px}.department-description{color:#888;font-size:12px;margin:0}.modal-form{display:flex;flex-direction:column;gap:20px;padding:24px}.form-section{gap:16px}.form-section-title{color:#fff;font-size:16px;font-weight:600;margin:0;padding-bottom:8px}@media (max-width:600px){.department-checkbox{padding:10px}.department-info{gap:8px}.department-color-indicator{height:24px;width:3px}.assignment-option{padding:8px 0}}.form-field.assignment-type,.form-field.departments{display:flex;flex-direction:column;gap:12px}.checkbox-custom:hover .checkbox-square,.radio-custom:hover .radio-circle{border-color:#8b5cf6}.checkbox-custom input[type=checkbox]:focus+.checkbox-square,.radio-custom input[type=radio]:focus+.radio-circle{box-shadow:0 0 0 2px #8b5cf633}.assignment-option label,.department-checkbox label{font-weight:500;margin:0;padding:0}.assignment-section+.departments-section{border-top:1px solid #333;margin-top:20px;padding-top:20px}.roles-tab{display:flex;flex-direction:column;gap:32px}.roles-header{align-items:flex-start;background:#020202;border:1px solid #333;border-radius:12px;display:flex;gap:16px;padding:24px}.roles-header-icon{align-items:center;border-radius:12px;color:#8b5cf6;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.roles-header-content{flex:1 1}.roles-title{color:#fff;font-size:20px;font-weight:600;margin:0 0 8px}.roles-subtitle{color:#888;font-size:14px;line-height:1.5;margin:0}.roles-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.role-card{background:#020202;border:1px solid #333;border-radius:12px;display:flex;flex-direction:column;gap:16px;padding:24px;transition:all .2s ease}.role-card:hover{border-color:#444;box-shadow:0 8px 25px #0000004d;transform:translateY(-2px)}.role-card-header,.role-info-main{align-items:flex-start;display:flex;gap:12px}.role-info-main{flex:1 1}.role-card-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.role-card-icon.administrator{background:#dc262633;color:#dc2626}.role-card-icon.analyst{background:#2563eb33;color:#2563eb}.role-card-icon.viewer{background:#05966933;color:#059669}.role-details{flex:1 1;min-width:0}.role-name{color:#fff;font-size:18px;font-weight:600;margin:0 0 6px}.role-description{color:#888;font-size:14px;line-height:1.4;margin:0}.role-hierarchy{flex-shrink:0}.hierarchy-label{background:#333;border-radius:6px;color:#888;font-size:12px;font-weight:500;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.role-card-content{display:flex;flex-direction:column;gap:20px}.role-stats{align-items:center;background:#0a0a0a;border-radius:8px;display:flex;gap:16px;justify-content:space-between;padding:16px}.role-stat{display:flex;flex:1 1;flex-direction:column;gap:4px;text-align:center}.stat-label{color:#666;font-weight:600;letter-spacing:.5px}.stat-value{font-size:20px}.stat-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.stat-badge.yes{background:#22c55e33;color:#22c55e}.stat-badge.no{background:#6b728033;color:#6b7280}.role-permissions{display:flex;flex-direction:column;gap:12px}.permissions-title{color:#fff;font-size:14px;font-weight:600;margin:0}.permissions-list{display:flex;flex-wrap:wrap;gap:6px}.permission-tag{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:12px;color:#3b82f6}.permission-more,.permission-tag{font-size:11px;font-weight:500;padding:4px 8px}.permission-more{background:#6b72801a;border:1px solid #6b72804d;border-radius:12px;color:#6b7280}.roles-empty{align-items:center;background:#1a1a1a;border:1px solid #333;border-radius:12px;color:#888;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.roles-empty svg{height:48px;margin-bottom:16px;opacity:.5;width:48px}@media (max-width:1200px){.roles-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:768px){.roles-grid{grid-template-columns:1fr}.roles-header{flex-direction:column;gap:12px;text-align:center}.roles-header-icon{align-self:center}.role-card{padding:20px}.role-stats{flex-direction:column;gap:12px}.role-stat{text-align:left}}@media (max-width:480px){.roles-header{padding:20px 16px}.role-card{padding:16px}.permissions-list{justify-content:center}}.funcoes-tab{display:flex;flex-direction:column;gap:24px}.funcoes-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.funcoes-header-content{flex:1 1}.funcoes-title{color:#fff;font-size:18px;font-weight:600;margin:0 0 4px}.funcoes-subtitle{color:#888;font-size:14px;margin:0}.nova-funcao-button{align-items:center;background:#8b5cf6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.nova-funcao-button:hover{background:#7c3aed;transform:translateY(-1px)}.nova-funcao-button svg{height:16px;width:16px}.funcoes-grid{display:flex;flex-direction:column;gap:12px}.function-card{background:#020202;border:1px solid #333;border-radius:12px;padding:20px;transition:all .2s ease}.function-card:hover{border-color:#444;transform:translateY(-1px)}.function-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.function-info{flex:1 1;gap:12px}.function-icon,.function-info{align-items:center;display:flex}.function-icon{background:#8b5cf61a;border-radius:8px;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.function-details{flex:1 1;min-width:0}.function-name{color:#fff;font-size:16px;font-weight:600;margin:0 0 4px}.function-description{color:#888;font-size:14px;margin:0}.function-actions{align-items:center;display:flex;gap:12px}.function-switch{display:inline-block;height:24px;position:relative;width:44px}.switch-input{height:0;opacity:0;width:0}.switch-slider{background-color:#333;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.switch-slider:before{background-color:#fff;border-radius:50%;bottom:2px;content:"";height:20px;left:2px;position:absolute;transition:.3s;width:20px}.switch-input:checked+.switch-slider{background-color:#8b5cf6}.switch-input:checked+.switch-slider:before{transform:translateX(20px)}.action-button{align-items:center;background:#0000;border:none;border-radius:6px;color:#888;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.action-button:hover{background:#333;color:#fff}.action-button.edit:hover{background:#3b82f61a;color:#3b82f6}.action-button.delete:hover{background:#ef44441a;color:#ef4444}.action-button svg{height:16px;width:16px}.permissions-section{border-top:1px solid #333;margin-top:16px;padding-top:16px}.permissions-label{color:#666;display:block;font-size:12px;font-weight:500;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.permissions-badges{display:flex;flex-wrap:wrap;gap:6px}.permission-badge{background:#333;border-radius:12px;color:#ccc;font-size:12px;font-weight:500;padding:4px 8px}.create-function-form{background:#1a1a1a;border:1px solid #333;border-radius:12px;margin-top:32px;padding:24px}.form-header{margin-bottom:24px}.form-header h3{color:#fff;font-size:20px;font-weight:600;margin:0}.form-content{display:flex;flex-direction:column;gap:20px}.form-row{grid-gap:16px;gap:16px;grid-template-columns:1fr 1fr}.form-row.single{grid-template-columns:1fr}.form-field{gap:8px}.form-field label{color:#fff;font-size:14px;font-weight:500}.form-field input,.form-field textarea{background:#0a0a0a;border:1px solid #333;border-radius:6px;color:#fff;font-size:14px;padding:10px 12px;transition:border-color .2s ease}.form-field input:focus,.form-field textarea:focus{border-color:#8b5cf6;outline:none}.form-field input:disabled,.form-field textarea:disabled{cursor:not-allowed;opacity:.6}.permissions-groups{background:#0a0a0a;border:1px solid #333;border-radius:8px;display:flex;flex-direction:column;gap:16px;max-height:300px;overflow-y:auto;padding:16px}.permission-group{display:flex;flex-direction:column;gap:12px}.group-header{border-bottom:1px solid #333;color:#fff;font-weight:600;gap:8px;padding-bottom:8px}.group-header,.group-name{font-size:14px}.group-permissions{display:flex;flex-direction:column;gap:8px;padding-left:16px}.permission-checkbox{align-items:flex-start;display:flex;gap:12px}.permission-checkbox input[type=checkbox]{accent-color:#8b5cf6;height:18px;margin-top:2px;width:18px}.permission-checkbox label{cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:2px}.permission-info{display:flex;flex-direction:column;gap:2px}.permission-name{color:#fff;font-size:14px;font-weight:500}.permission-desc{color:#888;font-size:12px}.form-actions{gap:12px;margin-top:16px}.save-button{background:#8b5cf6;border-radius:6px;font-size:14px;padding:10px 20px;transition:background-color .2s ease}.save-button:hover:not(:disabled){background:#7c3aed}.cancel-button{background:#0000;border:1px solid #333;border-radius:6px;color:#888;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.cancel-button:hover:not(:disabled){background:#333;color:#fff}.cancel-button:disabled{cursor:not-allowed;opacity:.6}.error-message{align-items:center;border-radius:6px;display:flex;gap:8px;padding:12px 16px}.error-message svg{flex-shrink:0;height:16px;width:16px}.status-toggle{align-items:center;border-radius:12px;display:flex;font-size:12px;font-weight:500;gap:8px;padding:4px 8px}.status-toggle.active{background:#22c55e33;color:#22c55e}.status-toggle.inactive{background:#6b728033;color:#6b7280}@media (max-width:768px){.funcoes-header{align-items:stretch;flex-direction:column;gap:16px}.function-card-header{align-items:flex-start;flex-direction:column;gap:12px}.function-actions{align-self:flex-end}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.cancel-button,.save-button{justify-content:center;width:100%}}.two-factor-setup{background:#1a1d23;background:var(--color-background-secondary,#1a1d23);border:1px solid #2d3139;border:1px solid var(--color-border,#2d3139);border-radius:8px;margin-top:16px;padding:24px}.qr-code-container{background:var(--card);border:1px solid var(--border);border-radius:12px;display:flex;justify-content:center;margin:16px 0;padding:24px}.qr-code-image{height:auto;max-width:256px}.backup-codes-container{background:#fbbf241a;border:1px solid #fbbf244d;border-radius:8px;margin:16px 0;padding:16px}.backup-codes-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:12px}.backup-code{background:#0f1115;background:var(--color-background-tertiary,#0f1115);border:1px solid #fbbf2433;border-radius:6px;color:#f59e0b;color:var(--color-warning,#f59e0b);display:block;font-family:Monaco,Courier New,monospace;font-size:13px;font-weight:600;padding:8px 12px;text-align:center}.settings-container{--color-background:var(--card);--color-background-secondary:var(--card-2,var(--card));--color-background-tertiary:color-mix(in srgb,var(--card) 82%,var(--background));--color-border:var(--border);--color-border-hover:color-mix(in srgb,var(--border) 65%,var(--foreground) 35%);--color-text-primary:var(--foreground);--color-text-secondary:var(--muted-foreground);--color-text-tertiary:color-mix(in srgb,var(--muted-foreground) 85%,var(--foreground) 15%)}.settings-theme{color:var(--foreground)}.settings-theme svg{color:inherit}.settings-card-description,.settings-card-title,.settings-menu-item,.settings-section-title,.settings-subtitle,.settings-title{color:var(--foreground)}.settings-menu-item{color:var(--muted-foreground)}.settings-icon{color:inherit}.settings-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:color-mix(in srgb,var(--background) 92%,#0000);border-bottom:1px solid var(--border)}.settings-header-content{align-items:center;display:flex;justify-content:space-between;padding:var(--space-5);position:relative}.settings-title-section h1{color:var(--foreground);font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.settings-title-section p{color:var(--muted-foreground);font-size:.875rem;margin:0}.settings-mobile-menu-button{align-items:center;background:var(--card);border:none;border-radius:.6rem;box-shadow:var(--shadow-sm);color:var(--foreground);cursor:pointer;height:2.25rem;justify-content:center;transition:all .2s ease;width:2.25rem}.settings-mobile-menu-button:hover{background:color-mix(in srgb,var(--card) 85%,var(--primary));color:var(--foreground)}.settings-sidebar-content{gap:1.5rem;padding:var(--space-4)}.settings-menu-section,.settings-sidebar-content{display:flex;flex-direction:column}.settings-section-title{color:var(--muted-foreground);font-size:.875rem;font-weight:500;margin:0 0 .5rem .5rem}.settings-menu-items{display:flex;flex-direction:column;gap:.25rem}.settings-menu-item{align-items:center;background:#0000;border:none;border-radius:.375rem;color:var(--foreground);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1rem;text-align:left;transition:all .2s ease;width:100%}.settings-menu-item:hover{background-color:var(--primary-10);color:var(--primary)}.settings-menu-item.active{background-color:color-mix(in srgb,var(--card) 90%,#0000);color:var(--foreground)}.settings-icon{margin-right:.5rem}.settings-content-inner{display:flex;flex-direction:column;gap:var(--space-4);margin:0 auto;max-width:1200px;width:100%}.settings-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.settings-content .settings-card,.settings-content-inner .settings-card{background:var(--card)!important;border-color:var(--border)!important;color:var(--foreground)}.settings-content .settings-card-content,.settings-content .settings-card-description,.settings-content .settings-card-header,.settings-content .settings-card-title{color:var(--foreground)}.settings-content .settings-card-header,.settings-content-inner .settings-card-header{background:var(--card)!important;background:var(--card-2,var(--card))!important;border-bottom-color:var(--border)!important}.settings-content .form-description,.settings-content .logo-upload-hint,.settings-content .settings-card-description,.settings-content .upload-note{color:var(--muted-foreground)}[data-theme=light] .settings-content .settings-card,[data-theme=light] .settings-content-inner .settings-card{background:#fff!important;border-color:var(--border)!important;color:var(--foreground)}[data-theme=light] .settings-content .settings-card-header,[data-theme=light] .settings-content-inner .settings-card-header{background:#f8fafc!important;border-bottom-color:var(--border)!important}.settings-card-header{border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:.375rem;padding:var(--space-5)}.settings-card-title{color:var(--foreground);font-size:1.25rem;font-weight:600;gap:.5rem}.settings-card-description{color:var(--muted-foreground)}.settings-card-content{padding:var(--space-5)}.flows-header{align-items:flex-start;background:var(--card-2);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-4);padding:var(--space-4)}.flows-info h4{color:var(--foreground);font-size:1.125rem;font-weight:600;margin:0 0 4px}.flows-info p{color:var(--muted-foreground);font-size:.875rem;margin:0}.channels-list{gap:16px}.channels-list,.settings-form{display:flex;flex-direction:column}.settings-form{animation:fadeIn .2s ease-in-out;gap:1.5rem}.form-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:1fr 1fr}.form-section{gap:1rem}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-label{font-weight:500}.form-input,.form-label{color:var(--foreground);font-size:.875rem}.form-input{background-color:var(--card);background-color:var(--color-background-secondary,var(--card));border:1px solid var(--border);border-radius:.375rem;display:flex;height:2.5rem;padding:.5rem .75rem;transition:all .2s ease;width:100%}.settings-content .form-input,.settings-content .form-input[type=email],.settings-content input.form-input,.settings-content select.form-input{background-color:var(--card)!important;background-color:var(--color-background-secondary,var(--card))!important;border-color:var(--border)!important;color:var(--foreground)!important}.settings-content .form-input:disabled,.settings-content .form-input[type=email]:disabled,.settings-content input.form-input:disabled,.settings-content select.form-input:disabled{background-color:color-mix(in srgb,var(--card) 92%,var(--border) 8%)!important;background-color:color-mix(in srgb,var(--color-background-secondary,var(--card)) 92%,var(--border) 8%)!important;color:var(--muted-foreground)!important;opacity:1}[data-theme=light] .settings-content .form-input,[data-theme=light] .settings-content .form-input[type=email],[data-theme=light] .settings-content input.form-input,[data-theme=light] .settings-content select.form-input{background-color:#fff!important;border-color:#e2e8f0!important;color:#0f172a!important}[data-theme=light] .settings-content .form-input:disabled,[data-theme=light] .settings-content .form-input[type=email]:disabled,[data-theme=light] .settings-content input.form-input:disabled,[data-theme=light] .settings-content select.form-input:disabled{background-color:#f8fafc!important;color:#64748b!important}[data-theme=light] .settings-container{--foreground:#000;--muted-foreground:#000;--color-text-primary:#000;--color-text-secondary:#000;--color-text-tertiary:#000}[data-theme=light] .settings-content,[data-theme=light] .settings-content-inner{color:#000!important}[data-theme=light] .settings-content :where(h1,h2,h3,h4,h5,h6,p,span,label,strong,small,li,td,th,a),[data-theme=light] .settings-content-inner :where(h1,h2,h3,h4,h5,h6,p,span,label,strong,small,li,td,th,a){color:#000!important}[data-theme=light] .settings-content :not(svg):not(path):not(circle):not(rect):not(line):not(polyline):not(.status-badge):not([class*=status]):not([class*=error]):not([class*=warning]):not([class*=success]),[data-theme=light] .settings-content-inner :not(svg):not(path):not(circle):not(rect):not(line):not(polyline):not(.status-badge):not([class*=status]):not([class*=error]):not([class*=warning]):not([class*=success]){color:#000!important}[data-theme=light] .settings-content .text-white,[data-theme=light] .settings-content-inner .text-white{color:var(--foreground)!important}[data-theme=light] .settings-content .text-gray-300,[data-theme=light] .settings-content .text-gray-400,[data-theme=light] .settings-content .text-gray-500,[data-theme=light] .settings-content .text-gray-600,[data-theme=light] .settings-content .text-slate-300,[data-theme=light] .settings-content .text-slate-400,[data-theme=light] .settings-content .text-zinc-400,[data-theme=light] .settings-content-inner .text-gray-300,[data-theme=light] .settings-content-inner .text-gray-400,[data-theme=light] .settings-content-inner .text-gray-500,[data-theme=light] .settings-content-inner .text-gray-600,[data-theme=light] .settings-content-inner .text-slate-300,[data-theme=light] .settings-content-inner .text-slate-400,[data-theme=light] .settings-content-inner .text-zinc-400{color:#000!important}[data-theme=light] .settings-content .placeholder-gray-400::placeholder,[data-theme=light] .settings-content .placeholder-gray-500::placeholder,[data-theme=light] .settings-content-inner .placeholder-gray-400::placeholder,[data-theme=light] .settings-content-inner .placeholder-gray-500::placeholder{color:var(--muted-foreground)!important}[data-theme=light] .settings-content .bg-gray-700,[data-theme=light] .settings-content .bg-gray-750,[data-theme=light] .settings-content .bg-gray-800,[data-theme=light] .settings-content .bg-gray-800\/50,[data-theme=light] .settings-content .bg-gray-900,[data-theme=light] .settings-content .bg-gray-900\/30,[data-theme=light] .settings-content .bg-gray-900\/50,[data-theme=light] .settings-content .bg-gray-900\/80,[data-theme=light] .settings-content-inner .bg-gray-700,[data-theme=light] .settings-content-inner .bg-gray-750,[data-theme=light] .settings-content-inner .bg-gray-800,[data-theme=light] .settings-content-inner .bg-gray-800\/50,[data-theme=light] .settings-content-inner .bg-gray-900,[data-theme=light] .settings-content-inner .bg-gray-900\/30,[data-theme=light] .settings-content-inner .bg-gray-900\/50,[data-theme=light] .settings-content-inner .bg-gray-900\/80{background-color:var(--card)!important}[data-theme=light] .settings-content .border-gray-600,[data-theme=light] .settings-content .border-gray-700,[data-theme=light] .settings-content .border-gray-750,[data-theme=light] .settings-content .border-gray-800,[data-theme=light] .settings-content .border-gray-900,[data-theme=light] .settings-content-inner .border-gray-600,[data-theme=light] .settings-content-inner .border-gray-700,[data-theme=light] .settings-content-inner .border-gray-750,[data-theme=light] .settings-content-inner .border-gray-800,[data-theme=light] .settings-content-inner .border-gray-900{border-color:var(--border)!important}[data-theme=light] .settings-content .hover\:bg-gray-600:hover,[data-theme=light] .settings-content .hover\:bg-gray-700:hover,[data-theme=light] .settings-content .hover\:bg-gray-800:hover,[data-theme=light] .settings-content-inner .hover\:bg-gray-600:hover,[data-theme=light] .settings-content-inner .hover\:bg-gray-700:hover,[data-theme=light] .settings-content-inner .hover\:bg-gray-800:hover{background-color:#f1f5f9!important}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-20);outline:none}.form-description,.form-input::placeholder{color:var(--muted-foreground)}.form-description{font-size:.875rem;margin:0}.upload-area{align-items:center;border:2px dashed var(--border);border-radius:.5rem;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:1.5rem;transition:border-color .2s ease}.upload-area:hover{border-color:var(--primary-30)}.upload-content{align-items:center;display:flex;flex-direction:column;gap:.5rem;text-align:center}.upload-icon{color:#a1a1aa;height:3rem;margin-bottom:.5rem;width:3rem}.upload-content p{color:#a1a1aa;font-size:.875rem;margin:0}.upload-button{background-color:var(--card-bg);border:1px solid var(--border);border-radius:.375rem;color:var(--foreground);cursor:pointer;font-size:.875rem;padding:.5rem .75rem;transition:all .2s ease}.upload-button:hover{background-color:#39ff141a;color:#39ff14}.protocol-section{display:flex;flex-direction:column;gap:1rem}.protocol-title{color:var(--foreground);font-size:1.125rem;font-weight:600;margin:0}.protocol-alert{background-color:var(--card-bg);border:1px solid var(--border);border-radius:.5rem;gap:.75rem;padding:1rem}.alert-icon{background:none!important;color:var(--muted-foreground)!important;flex-shrink:0;height:1rem;margin-top:.125rem;width:1rem}.protocol-alert strong{color:var(--foreground)}.protocol-fields{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-actions{display:flex;justify-content:flex-end;padding-top:1rem}.save-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:.375rem;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;transition:all .2s ease}.save-button,.save-button.create-flow-btn{padding:.625rem 1rem}.save-button:hover{background-color:#2e3342!important;box-shadow:0 1.9849e-7px 5.9547e-7px 0 #8b5cf600}.button-icon{height:1rem;width:1rem}@media (max-width:1280px){.settings-content{padding:var(--space-4)}.settings-content-inner{max-width:1040px}}@media (max-width:1024px){.form-grid,.protocol-fields{grid-template-columns:1fr}.settings-sidebar{max-width:17rem;min-width:17rem;width:17rem}.settings-content{padding:var(--space-4)}.settings-content-inner{max-width:920px}}@media (max-width:980px){.settings-main{flex-direction:column}.settings-header-content{padding:var(--space-4)}.settings-sidebar{border-bottom:1px solid var(--border);border-right:none;max-width:100%;min-width:100%;width:100%}.settings-content,.settings-sidebar-content{padding:var(--space-4)}.settings-content-inner{max-width:100%}}.settings-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.loading-spinner{border:3px solid #8b5cf64d;height:32px;width:32px}.error-message,.success-message{align-items:center;border-radius:6px;display:flex;font-size:14px;gap:12px;margin-bottom:20px;padding:12px 16px}.error-message{border:1px solid #ef44444d}.success-message{background:#22c55e1a;border:1px solid #22c55e4d;color:#22c55e}.error-message svg,.success-message svg{flex-shrink:0;height:20px;width:20px}.upload-note{color:var(--muted-foreground);font-size:12px;font-style:italic;margin-top:8px}.form-checkbox{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.checkbox-label{align-items:flex-start;color:var(--foreground);cursor:pointer;display:flex;font-size:14px;gap:12px}.checkbox-label input[type=checkbox]{display:none}.checkbox-custom{background:#0000;border:2px solid var(--border);border-radius:4px;flex-shrink:0;height:20px;margin-top:1px;position:relative;transition:all .2s ease;width:20px}.checkbox-label input[type=checkbox]:checked+.checkbox-custom{background:#8b5cf6;border-color:#8b5cf6}.checkbox-label input[type=checkbox]:checked+.checkbox-custom:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;left:6px;position:absolute;top:2px;transform:rotate(45deg);width:6px}.checkbox-label:hover .checkbox-custom{border-color:#8b5cf6}.protocol-options{display:flex;flex-direction:column;gap:16px;margin-top:20px}.button-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.readonly-notice{align-items:center;background:#9ca3af1a;border:1px solid #9ca3af4d;border-radius:8px;display:flex;gap:12px;margin-top:20px;padding:16px}.readonly-notice svg{color:var(--muted-foreground);flex-shrink:0;height:24px;width:24px}.readonly-notice p{color:var(--muted-foreground);font-size:14px;margin:0}.form-input:disabled,.save-button:disabled,.upload-button:disabled{cursor:not-allowed;opacity:.6}.protocol-alert{align-items:flex-start;border-radius:8px;display:flex;gap:12px;margin-bottom:20px;padding:16px}.protocol-alert .alert-icon{flex-shrink:0;height:20px;margin-top:2px;width:20px}.protocol-alert div{font-size:14px;line-height:1.5}.protocol-alert small{display:block;margin-top:4px}.avatar-preview{background:#1a1d23;background:var(--color-background-secondary,#1a1d23);border:3px solid #2d3139;border:3px solid var(--color-border,#2d3139);border-radius:50%;height:120px;overflow:hidden;width:120px}.avatar-image{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#f3f4f6;color:var(--color-text-primary,#f3f4f6);display:flex;font-size:32px;font-weight:600;height:100%;justify-content:center;width:100%}.form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-item{background:#1a1d23;background:var(--color-background-secondary,#1a1d23);border:1px solid #2d3139;border:1px solid var(--color-border,#2d3139);border-radius:8px;gap:8px;padding:16px}.info-value{font-size:15px}.status-badge{font-size:13px;padding:4px 12px}.status-active{background:#10b9811a;border:1px solid #10b98133}.status-inactive{background:#9ca3af1a;border:1px solid #9ca3af33}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-item{background:#1a1d23;background:var(--color-background-secondary,#1a1d23);border:1px solid #2d3139;border:1px solid var(--color-border,#2d3139);border-radius:8px;gap:8px;padding:20px;text-align:center}.stat-value{color:#3b82f6;color:var(--color-primary,#3b82f6)}.password-change-form{background:#1a1d23;background:var(--color-background-secondary,#1a1d23);border:1px solid #2d3139;border:1px solid var(--color-border,#2d3139);border-radius:8px;margin-top:16px;max-width:500px;padding:20px}.alert{border-radius:8px;font-size:14px;padding:12px 16px}.alert-danger{background:#ef44441a;border:1px solid #ef444433;color:#ef4444}.alert-success{background:#10b9811a;border:1px solid #10b98133;color:#10b981}.logo-section-large{display:flex;flex-direction:column;gap:1rem}.logo-upload-area-large{background:#1a1d29;background:var(--background-secondary,#1a1d29);border:2px dashed #2d3142;border:2px dashed var(--border-color,#2d3142);flex-direction:column;gap:1.5rem;min-height:400px;padding:2rem}.logo-preview-large,.logo-upload-area-large{align-items:center;border-radius:12px;display:flex;justify-content:center}.logo-preview-large{background:#0f1117;background:var(--background-tertiary,#0f1117);border:2px solid #2d3142;border:2px solid var(--border-color,#2d3142);height:280px;overflow:hidden;position:relative;width:280px}.logo-preview-large img{height:100%;object-fit:contain;padding:1rem;width:100%}.logo-placeholder{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;flex-direction:column;gap:1rem;justify-content:center}.logo-placeholder svg{height:80px;opacity:.5;width:80px}.logo-placeholder p{font-size:.875rem;font-weight:500;margin:0}.logo-upload-overlay{align-items:center;background:#000000bf;color:#fff;display:flex;flex-direction:column;gap:1rem;inset:0;justify-content:center;position:absolute}.logo-upload-overlay p{font-size:.875rem;font-weight:500;margin:0}.logo-upload-button-large{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .2s}.logo-upload-button-large.create-flow-btn{padding:.75rem 1.5rem}.logo-upload-button-large svg{height:18px;width:18px}.logo-upload-button-large:hover:not(:disabled){background:#2e3342!important;background:var(--primary-color-dark,#2e3342)!important;box-shadow:0 1.9849e-7px 5.9547e-7px 0 #8b5cf600;transform:translateY(-1px)}.logo-upload-button-large:disabled{cursor:not-allowed;opacity:.6}.logo-upload-hint{color:var(--muted-foreground);font-size:.75rem;margin:0;text-align:center}[data-theme=light] .settings-mobile-sidebar-toggle,[data-theme=light] .settings-mobile-sidebar-toggle-text{color:var(--foreground)}[data-theme=light] .settings-sidebar-overlay{background:#0f172a59}.hidden-input{display:none}.settings-container{background-color:var(--background);display:flex;flex-direction:column;height:100%;min-height:0}.settings-main{display:flex;flex:1 1;min-height:0;overflow:hidden;position:relative}.settings-sidebar{max-width:20rem;min-width:20rem;transition:transform .2s cubic-bezier(.4,0,.2,1);width:20rem}.settings-content{flex:1 1;min-height:0;min-width:0;overflow-y:auto;padding:var(--space-5);position:relative}.settings-content-header{align-items:center;display:none;justify-content:flex-start;margin-bottom:var(--space-4)}.settings-mobile-sidebar-toggle{align-items:center;background:none;border:none;color:#e4e4e7;cursor:pointer;display:none;font-size:1em;gap:8px;padding:0}.settings-mobile-sidebar-toggle svg{vertical-align:middle}.settings-mobile-sidebar-toggle-text{color:#e4e4e7;font-size:1rem}.settings-sidebar-overlay{background:#00000073;inset:0;position:fixed;z-index:19}@media (max-width:980px){.settings-sidebar{min-width:0;width:17rem}}.settings-mobile-menu-button{display:none;position:absolute;right:var(--space-4);top:var(--space-4);z-index:2}@media (max-width:980px){.settings-sidebar.mobile-open .settings-mobile-menu-button{display:flex}}.settings-drawer{background:var(--bg-card);height:100vh;left:-100vw;max-width:320px;position:fixed;top:0;transition:left .3s ease;width:100vw;z-index:9999}.settings-drawer.open{left:0}.settings-overlay{background:#00000080;inset:0;position:fixed;z-index:9998}.settings-sidebar{background:var(--background);border-right:1px solid var(--border);height:100%;min-height:0;overflow-y:auto;position:relative;transition:transform .3s ease;width:280px;z-index:20}.settings-sidebar.mobile-open{bottom:0;box-shadow:2px 0 5px #0000001a;left:0;position:fixed;top:0;transform:translateX(0);z-index:1000}@media (max-width:980px){.settings-sidebar{bottom:0;box-shadow:2px 0 14px #00000026;left:0;max-width:320px;position:fixed;top:0;transform:translateX(-100%);width:82vw;z-index:1000}.settings-sidebar.mobile-open{transform:translateX(0)}.settings-sidebar-overlay{background:#00000073;display:block;inset:0;position:fixed;z-index:900}}.settings-sidebar-overlay{display:none}.perfil-loading{align-items:center;color:#9ca3af;color:var(--color-text-secondary,#9ca3af);display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.spinner-large{animation:spin .8s linear infinite;border:4px solid #8b5cf61a;border-radius:50%;border-top-color:#8b5cf6;height:48px;width:48px}.spinner-small{border:2px solid #ffffff59;display:inline-block;margin-right:8px}.perfil-container{--color-background:var(--card);--color-background-secondary:var(--card-2,var(--card));--color-background-tertiary:color-mix(in srgb,var(--card) 82%,var(--background));--color-border:var(--border);--color-border-hover:color-mix(in srgb,var(--border) 65%,var(--foreground) 35%);--color-text-primary:var(--foreground);--color-text-secondary:var(--muted-foreground);--color-text-tertiary:color-mix(in srgb,var(--muted-foreground) 85%,var(--foreground) 15%);margin:0;max-width:100%;padding:0}.settings-card{background:var(--card)!important;border-color:var(--border)!important}.settings-card-header{background:var(--card)!important;background:var(--card-2,var(--card))!important;border-bottom-color:var(--border)!important}.settings-card-content{color:var(--foreground)}.perfil-header{background:var(--card-2);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:var(--space-4);overflow:hidden;padding:var(--space-5);position:relative}.perfil-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='a' width='20' height='20' patternUnits='userSpaceOnUse'%3E%3Cpath d='M20 0H0v20' fill='none' stroke='rgba(255,255,255,0.05)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.perfil-header-content{align-items:center;display:flex;gap:32px;position:relative;z-index:1}.perfil-avatar-large{border:4px solid #94a3b847;border-radius:50%;box-shadow:0 8px 32px #0000004d;flex-shrink:0;height:128px;overflow:hidden;position:relative;width:128px}.perfil-avatar-large img{height:100%;object-fit:cover;width:100%}.perfil-avatar-placeholder{background:linear-gradient(135deg,#39ff14,#5ca14f);color:#fff;font-size:48px;font-weight:700;height:100%;width:100%}.perfil-avatar-edit,.perfil-avatar-placeholder{align-items:center;display:flex;justify-content:center}.perfil-avatar-edit{background:#fff;border-radius:50%;bottom:4px;box-shadow:0 2px 8px #0003;cursor:pointer;height:36px;position:absolute;right:4px;transition:all .2s;width:36px}.perfil-avatar-edit:hover{background:#f3f4f6;transform:scale(1.1)}.perfil-avatar-edit svg{stroke:#667eea;height:18px;width:18px}.perfil-avatar-input{display:none}.perfil-header-info{flex:1 1}.perfil-name{color:var(--foreground);font-size:32px;font-weight:700;margin:0 0 8px;text-shadow:none}.perfil-email{color:var(--muted-foreground);font-size:16px;margin:0 0 16px}.perfil-badges{display:flex;flex-wrap:wrap;gap:8px}.perfil-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:13px;font-weight:600;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase}.badge-success{background:#10b98133;border:1px solid #10b98166;color:#10b981}.badge-inactive{background:#9ca3af33;border:1px solid #9ca3af66;color:#d1d5db}.badge-admin{background:#fbbf2433;border:1px solid #fbbf2466;color:#fbbf24}.badge-2fa{background:#8b5cf633;border:1px solid #8b5cf666;color:#a78bfa}.perfil-alert{align-items:center;animation:slideDown .3s ease;border-radius:12px;display:flex;gap:12px;margin-top:24px;padding:16px;position:relative;z-index:1}.perfil-alert svg{flex-shrink:0}.perfil-alert span{flex:1 1;font-size:14px;font-weight:500}.perfil-alert button{background:none;border:none;color:inherit;cursor:pointer;font-size:18px;opacity:.7;padding:4px;transition:opacity .2s}.perfil-alert button:hover{opacity:1}.perfil-alert-error{background:#ef444426;border:1px solid #ef44444d;color:#f87171}.perfil-alert-success{background:#10b98126;border:1px solid #10b9814d;color:#34d399}.perfil-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr;padding:0}@media (max-width:1024px){.perfil-grid{grid-template-columns:1fr}}.perfil-column{display:flex;flex-direction:column;gap:24px}.perfil-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:16px;padding:28px;transition:all .2s}.perfil-card:hover{border-color:#3d4149;border-color:var(--color-border-hover,#3d4149);box-shadow:0 4px 12px #0000001a}.perfil-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.perfil-card-title{color:var(--color-text-primary);font-size:20px;font-weight:700;margin:0 0 4px}.perfil-card-subtitle{color:var(--color-text-secondary);font-size:14px;margin:0}.perfil-form{display:flex;flex-direction:column;gap:20px}.perfil-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.perfil-form-group{display:flex;flex-direction:column;gap:8px}.perfil-label{font-weight:600}.perfil-input,.perfil-label{color:var(--color-text-primary);font-size:14px}.perfil-input{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:8px;padding:12px 16px;transition:all .2s}.perfil-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;outline:none}.perfil-input:disabled{cursor:not-allowed;opacity:.5}.perfil-input-code{font-family:monospace;font-size:24px;font-weight:600;letter-spacing:8px;text-align:center}.perfil-helper{color:var(--color-text-tertiary);font-size:13px}.perfil-form-actions{display:flex;gap:12px;margin-top:8px}.perfil-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s;white-space:nowrap}.perfil-btn:disabled{cursor:not-allowed;opacity:.5}.perfil-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.perfil-btn.create-flow-btn{min-height:42px}.perfil-btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.perfil-btn-secondary{background:var(--color-background-secondary);border:1px solid var(--color-border);color:var(--color-text-primary)}.perfil-btn-secondary:hover:not(:disabled){background:var(--color-background-tertiary);border-color:var(--color-border-hover)}.perfil-btn-danger{background:#ef444426;border:1px solid #ef44444d;color:#f87171}.perfil-btn-danger:hover:not(:disabled){background:#ef444440}.perfil-info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.perfil-info-item{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:10px;display:flex;flex-direction:column;gap:6px;padding:16px}.perfil-info-label{color:var(--color-text-secondary);font-size:13px;font-weight:500}.perfil-info-value{color:var(--color-text-primary);font-size:16px;font-weight:600}.perfil-workspaces{border-top:1px solid var(--color-border);margin-top:24px;padding-top:24px}.perfil-workspaces-title{color:var(--color-text-primary);font-size:15px;font-weight:600;margin:0 0 16px}.perfil-workspaces-list{display:flex;flex-direction:column;gap:10px}.perfil-workspace-item{align-items:center;background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:8px;display:flex;justify-content:space-between;padding:14px;transition:all .2s}.perfil-workspace-item.active{background:#8b5cf60d;border-color:#8b5cf6}.perfil-workspace-info{display:flex;flex-direction:column;gap:4px}.perfil-workspace-name{color:var(--color-text-primary);font-size:14px;font-weight:600}.perfil-workspace-role{color:var(--color-text-secondary);font-size:12px}.perfil-workspace-badge{background:#8b5cf633;border-radius:12px;color:#a78bfa;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.perfil-2fa-inactive{padding:24px 0;text-align:center}.perfil-2fa-description{color:var(--color-text-secondary);font-size:14px;line-height:1.6;margin:0 0 24px}.perfil-2fa-active{display:flex;flex-direction:column;gap:24px}.perfil-2fa-info{background:var(--color-background-secondary);border:1px solid #10b98133;border-radius:12px;display:flex;gap:20px;padding:20px}.perfil-2fa-icon{stroke:#10b981;flex-shrink:0}.perfil-2fa-status{color:#10b981;font-size:15px;font-weight:600;margin:0 0 8px}.perfil-2fa-detail{color:var(--color-text-secondary);font-size:13px;margin:4px 0}.perfil-2fa-setup{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:12px;padding:24px}.perfil-setup-title{color:var(--color-text-primary);font-size:18px;font-weight:700;margin:0 0 8px}.perfil-setup-description{color:var(--color-text-secondary);font-size:14px;line-height:1.6;margin:0 0 20px}.perfil-qr-container{background:#fff;border-radius:16px;display:flex;justify-content:center;margin:20px 0;padding:24px}.perfil-qr-image{display:block;height:auto;max-width:256px}.perfil-backup-codes{background:#fbbf240d;border:1px solid #fbbf2433;border-radius:12px;margin:20px 0;padding:20px}.perfil-backup-codes-header{align-items:center;display:flex;gap:10px;margin-bottom:16px}.perfil-backup-codes-header svg{stroke:#fbbf24;flex-shrink:0}.perfil-backup-codes-header span{color:#fbbf24;font-size:14px;font-weight:600}.perfil-backup-codes-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.perfil-backup-code{background:var(--color-background-tertiary);border:1px solid #fbbf2433;border-radius:8px;color:#fbbf24;display:block;font-family:Monaco,Courier New,monospace;font-size:13px;font-weight:700;letter-spacing:1px;padding:12px;text-align:center}[data-theme=light] .perfil-header{background:var(--card);border:1px solid var(--border)}[data-theme=light] .settings-card{background:#fff!important;border-color:var(--border)!important}[data-theme=light] .settings-card-header{background:#f8fafc!important;border-bottom-color:var(--border)!important}[data-theme=light] .perfil-header:before{opacity:.16}[data-theme=light] .perfil-avatar-edit{background:var(--card)}[data-theme=light] .perfil-avatar-edit:hover{background:var(--card-2)}[data-theme=light] .perfil-avatar-edit svg{stroke:var(--foreground)}[data-theme=light] .badge-inactive{border-color:#6b728059;color:#6b7280}@media (max-width:768px){.perfil-header{padding:32px 20px}.perfil-header-content{flex-direction:column;text-align:center}.perfil-avatar-large{margin:0 auto}.perfil-name{font-size:24px}.perfil-grid{gap:20px;padding:0}.perfil-card{padding:20px}.perfil-form-row,.perfil-info-grid{grid-template-columns:1fr}.perfil-form-actions{flex-direction:column}.perfil-btn{width:100%}.perfil-backup-codes-grid{grid-template-columns:1fr}}@media (max-width:640px){.settings-card-content{padding:14px}.perfil-header{margin-bottom:14px;padding:18px 14px}.perfil-header-content{gap:14px}.perfil-avatar-large{height:96px;width:96px}.perfil-avatar-placeholder{font-size:34px}.perfil-name{font-size:20px;line-height:1.2}.perfil-email{font-size:13px;word-break:break-word}.perfil-badges{justify-content:center}.perfil-grid{gap:14px;padding:0}.perfil-column{gap:14px}.perfil-card{border-radius:12px;padding:14px}.perfil-card-header{gap:8px;margin-bottom:14px}.perfil-card-title{font-size:17px}.perfil-card-subtitle{font-size:12px}.perfil-btn{font-size:13px;min-height:40px;padding:10px 12px;width:100%}.perfil-input-code{font-size:20px;letter-spacing:4px}.perfil-2fa-info{align-items:flex-start;flex-direction:column;gap:12px;padding:14px}.perfil-2fa-setup{padding:14px}.perfil-setup-title{font-size:16px}.perfil-qr-container{margin:14px 0;padding:12px}.perfil-qr-image{max-width:220px;width:100%}.perfil-backup-codes{margin:14px 0;padding:12px}.perfil-backup-code{font-size:12px;padding:10px 8px}}.seguranca-loading{flex-direction:column;gap:16px;justify-content:center;min-height:400px}.seguranca-loading,.seguranca-loading-small{align-items:center;color:#9ca3af;color:var(--color-text-secondary,#9ca3af);display:flex}.seguranca-loading-small{gap:10px;padding:12px 0}.seguranca-container{margin:0 auto;max-width:1200px;padding:0 16px 24px}.seguranca-header{align-items:center;border-bottom:1px solid #2d3139;border-bottom:1px solid var(--color-border,#2d3139);display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:24px}.seguranca-title{color:#f3f4f6;color:var(--color-text-primary,#f3f4f6);font-size:28px;font-weight:700;margin:0 0 8px}.seguranca-subtitle{color:#9ca3af;color:var(--color-text-secondary,#9ca3af);font-size:15px;margin:0}.status-badge-large{align-items:center;border-radius:20px;display:inline-flex;font-size:14px;font-weight:600;gap:8px;letter-spacing:.5px;padding:10px 18px;text-transform:uppercase}.status-success-large{background:#10b98126;border:1px solid #10b9814d;color:#10b981}.seguranca-alert{align-items:center;animation:slideDown .3s ease;border-radius:12px;display:flex;gap:12px;margin-bottom:24px;padding:16px}.seguranca-alert svg{flex-shrink:0}.seguranca-alert span{flex:1 1;font-size:14px}.alert-close{padding:4px}.seguranca-alert-error{background:#ef44441a;border:1px solid #ef44444d;color:#f87171}.seguranca-alert-success{background:#10b9811a;border:1px solid #10b9814d;color:#34d399}.seguranca-card{background:#0c0c0c;background:var(--color-background,#0c0c0c);border:1px solid #2d3139;border:1px solid var(--color-border,#2d3139);border-radius:16px;margin-bottom:24px;padding:28px}.seguranca-card-title{color:#f3f4f6;color:var(--color-text-primary,#f3f4f6);font-size:20px;font-weight:700;margin:0 0 20px}.seguranca-card-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.seguranca-info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.seguranca-info-item{background:#0f1115;background:var(--color-background-secondary,#0f1115);border:1px solid #2d3139;border:1px solid var(--color-border,#2d3139);border-radius:10px;display:flex;flex-direction:column;gap:6px;padding:16px}.info-label{color:#9ca3af;color:var(--color-text-secondary,#9ca3af);font-size:13px}.info-value{color:#f3f4f6;color:var(--color-text-primary,#f3f4f6);font-size:16px}.text-success{color:#10b981}.text-muted{color:#9ca3af;color:var(--color-text-secondary,#9ca3af)}.seguranca-form{display:flex;flex-direction:column;gap:24px}.seguranca-section{display:flex;flex-direction:column;gap:12px}.seguranca-label{font-weight:600}.seguranca-input,.seguranca-label{color:#f3f4f6;color:var(--color-text-primary,#f3f4f6);font-size:14px}.seguranca-input{background:#0f1115;background:var(--color-background-secondary,#0f1115);border:1px solid #2d3139;border:1px solid var(--color-border,#2d3139);border-radius:8px;max-width:200px;padding:12px 16px}.seguranca-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;outline:none}.seguranca-helper{color:#9ca3af;color:var(--color-text-secondary,#9ca3af);font-size:13px;line-height:1.5}.seguranca-checkbox{align-items:center;background:#0f1115;background:var(--color-background-secondary,#0f1115);border:1px solid #2d3139;border:1px solid var(--color-border,#2d3139);border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:12px;transition:all .2s;-webkit-user-select:none;user-select:none}.seguranca-checkbox:hover{background:#8b5cf60d;border-color:#8b5cf64d}.seguranca-checkbox input[type=checkbox]{accent-color:#8b5cf6;cursor:pointer;height:18px;width:18px}.seguranca-checkbox span{color:#f3f4f6;color:var(--color-text-primary,#f3f4f6);font-size:14px}.seguranca-roles-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.seguranca-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.seguranca-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s}.seguranca-btn:disabled{cursor:not-allowed;opacity:.5}.seguranca-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.seguranca-btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.seguranca-btn-secondary{background:#0f1115;background:var(--color-background-secondary,#0f1115);border:1px solid #2d3139;border:1px solid var(--color-border,#2d3139);color:#f3f4f6;color:var(--color-text-primary,#f3f4f6)}.seguranca-btn-secondary:hover:not(:disabled){background:#8b5cf61a;border-color:#8b5cf6}.seguranca-btn-danger{background:#ef444426;border:1px solid #ef44444d;color:#f87171}.seguranca-btn-danger:hover:not(:disabled){background:#ef444440}.seguranca-btn-small{align-items:center;background:#0f1115;background:var(--color-background-secondary,#0f1115);border:1px solid #2d3139;border:1px solid var(--color-border,#2d3139);border-radius:6px;color:#f3f4f6;color:var(--color-text-primary,#f3f4f6);cursor:pointer;display:inline-flex;font-size:13px;gap:6px;padding:8px 14px;transition:all .2s}.seguranca-btn-small:hover:not(:disabled){border-color:#8b5cf6;color:#a78bfa}.seguranca-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.seguranca-stat-card{background:#0f1115;background:var(--color-background-secondary,#0f1115);border:1px solid #2d3139;border:1px solid var(--color-border,#2d3139);border-radius:12px;padding:20px;text-align:center;transition:all .2s}.seguranca-stat-card:hover{box-shadow:0 4px 12px #0003;transform:translateY(-4px)}.stat-value{font-size:36px;margin-bottom:8px}.stat-label{color:var(--color-text-secondary,#9ca3af);font-size:13px}.stat-success .stat-value{color:#10b981}.stat-warning .stat-value{color:#f59e0b}.stat-danger .stat-value{color:#ef4444}.stat-primary .stat-value{color:#8b5cf6}.seguranca-users-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.seguranca-user-item{align-items:center;background:#0f1115;background:var(--color-background-secondary,#0f1115);border:1px solid #2d3139;border:1px solid var(--color-border,#2d3139);border-radius:10px;display:flex;justify-content:space-between;padding:16px;transition:all .2s}.seguranca-user-item:hover{background:#8b5cf60d;border-color:#8b5cf64d}.user-info{flex:1 1;gap:14px}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;flex-shrink:0;font-size:14px;font-weight:700;height:44px;justify-content:center;width:44px}.user-details{display:flex;flex-direction:column;gap:4px;min-width:0}.user-name{color:#f3f4f6;color:var(--color-text-primary,#f3f4f6);font-size:14px;font-weight:600}.user-email,.user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{color:#9ca3af;color:var(--color-text-secondary,#9ca3af);font-size:13px}.user-meta{align-items:center;display:flex;gap:12px}.user-role{background:#0a0b0f;background:var(--color-background-tertiary,#0a0b0f);border-radius:6px;color:#9ca3af;color:var(--color-text-secondary,#9ca3af);font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.status-badge{padding:5px 12px}.status-success{background:#10b98126;border:1px solid #10b9814d;color:#10b981}.status-warning{background:#fbbf2426;border:1px solid #fbbf244d;color:#fbbf24}.status-danger{background:#ef444426;border:1px solid #ef44444d;color:#f87171}.status-inactive{background:#9ca3af26;border:1px solid #9ca3af4d;color:#9ca3af}.seguranca-backup-card .seguranca-card-header-row{flex-wrap:wrap;gap:16px}.seguranca-backup-card .seguranca-subtitle{margin-top:6px}.seguranca-backup-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.seguranca-backup-item{align-items:center;background:#0f1115;background:var(--color-background-secondary,#0f1115);border:1px solid #2d3139;border:1px solid var(--color-border,#2d3139);border-radius:12px;display:flex;gap:16px;justify-content:space-between;padding:16px}.backup-info{display:flex;flex-direction:column;gap:8px;min-width:0}.backup-title{color:#f3f4f6;color:var(--color-text-primary,#f3f4f6);font-size:14px;font-weight:600}.backup-meta{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.backup-size{color:#9ca3af;color:var(--color-text-secondary,#9ca3af);font-size:12px}.backup-error{color:#f87171;font-size:12px}.backup-actions{display:flex;flex-wrap:wrap;gap:8px}.seguranca-empty{border:1px dashed #2d3139;border:1px dashed var(--color-border,#2d3139);border-radius:10px;color:#9ca3af;color:var(--color-text-secondary,#9ca3af);text-align:center}.seguranca-backup-preview,.seguranca-empty{background:#0f1115;background:var(--color-background-secondary,#0f1115);padding:16px}.seguranca-backup-preview{border:1px solid #2d3139;border:1px solid var(--color-border,#2d3139);border-radius:12px;margin-top:20px}.backup-preview-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.backup-preview-title{font-size:14px;font-weight:600}.backup-preview-title,.backup-upload{color:#f3f4f6;color:var(--color-text-primary,#f3f4f6)}.backup-upload{align-items:center;background:#0a0b0f;background:var(--color-background-tertiary,#0a0b0f);border:1px solid #2d3139;border:1px solid var(--color-border,#2d3139);border-radius:8px;cursor:pointer;display:inline-flex;font-size:13px;gap:8px;padding:8px 14px;position:relative;transition:all .2s}.backup-upload input{cursor:pointer;inset:0;opacity:0;position:absolute}.backup-upload:hover{border-color:#8b5cf6;color:#a78bfa}.backup-preview-content{display:flex;flex-direction:column;gap:12px}.backup-preview-summary{color:#9ca3af;color:var(--color-text-secondary,#9ca3af);font-size:13px}.backup-preview-tables{display:flex;flex-direction:column;gap:12px}.backup-preview-table{background:#0c0c0c;background:var(--color-background,#0c0c0c);border:1px solid #2d3139;border:1px solid var(--color-border,#2d3139);border-radius:10px;padding:12px}.backup-preview-table-header{align-items:center;color:#9ca3af;color:var(--color-text-secondary,#9ca3af);display:flex;font-size:13px;font-weight:600;justify-content:space-between;margin-bottom:10px}.backup-preview-rows{grid-gap:10px;display:grid;gap:10px}.backup-preview-rows pre{background:#0a0b0f;background:var(--color-background-tertiary,#0a0b0f);border:1px solid #2d3139;border:1px solid var(--color-border,#2d3139);border-radius:8px;margin:0;overflow:auto;padding:10px}.backup-preview-empty,.backup-preview-rows pre{color:#9ca3af;color:var(--color-text-secondary,#9ca3af);font-size:12px}@media (max-width:768px){.seguranca-header{align-items:flex-start;flex-direction:column;gap:16px}.seguranca-title{font-size:22px}.seguranca-card{padding:20px}.seguranca-card-header-row{align-items:flex-start;flex-direction:column;gap:12px}.seguranca-info-grid{grid-template-columns:1fr}.seguranca-stats-grid{grid-template-columns:repeat(2,1fr)}.seguranca-actions{flex-direction:column}.seguranca-btn{width:100%}.seguranca-user-item{align-items:flex-start;flex-direction:column;gap:12px}.user-meta{justify-content:space-between;width:100%}.seguranca-backup-item{align-items:flex-start;flex-direction:column}.backup-actions{width:100%}.backup-actions .seguranca-btn-small{flex:1 1}.backup-preview-header{align-items:flex-start;flex-direction:column}}@media (max-width:520px){.seguranca-stats-grid{grid-template-columns:1fr}.seguranca-input{max-width:100%}.user-meta{align-items:flex-start;flex-direction:column;gap:8px}}.schedule-modal{display:flex!important;flex-direction:column!important;max-height:90vh!important;max-width:700px!important;overflow:hidden!important}.schedule-modal-body{max-height:calc(90vh - 180px);overflow-y:auto;padding:24px}.schedule-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr auto;margin-bottom:20px}.schedule-form-group{margin-bottom:20px}.btn-primary-schedule{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.schedule-form-group-flex{flex:1 1}.schedule-form-label{color:#fff;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.error-text{color:#ef4444;font-size:12px;margin-left:4px}.schedule-form-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;font-size:14px;padding:10px 12px;transition:all .2s;width:100%}.schedule-form-input::placeholder{color:#6b7280}.schedule-form-input:focus{background:#ffffff14;border-color:#7c3aed;outline:none}.schedule-form-input.error{border-color:#ef4444}.schedule-form-input option{background-color:#fff;color:#111827}.schedule-form-textarea{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;font-family:inherit;font-size:14px;padding:10px 12px;resize:vertical;transition:all .2s;width:100%}.schedule-form-textarea::placeholder{color:#6b7280}.schedule-form-textarea:focus{background:#ffffff14;border-color:#7c3aed;outline:none}.schedule-toggle-wrapper{align-items:center;display:flex;gap:12px}.schedule-toggle{display:inline-block;height:24px;position:relative;width:48px}.schedule-toggle input{height:0;opacity:0;width:0}.schedule-toggle-slider{background-color:#6b72804d;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.schedule-toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}.schedule-toggle input:checked+.schedule-toggle-slider{background-color:#7c3aed}.schedule-toggle input:checked+.schedule-toggle-slider:before{transform:translateX(24px)}.schedule-toggle-label{color:#9ca3af;font-size:14px;font-weight:500}.schedule-days-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.schedule-day-checkbox{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;color:#9ca3af;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:10px 12px;transition:all .2s}.schedule-day-checkbox:hover{background:#ffffff0d;border-color:#7c3aed4d}.schedule-day-checkbox input[type=checkbox]{accent-color:#7c3aed;cursor:pointer;height:16px;width:16px}.schedule-day-checkbox input[type=checkbox]:checked+span{color:#fff;font-weight:500}.schedule-shifts-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.schedule-add-shift-btn{align-items:center;background:#7c3aed33;border:1px solid #7c3aed66;border-radius:6px;color:#a78bfa;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.schedule-add-shift-btn:hover:not(:disabled){background:#7c3aed4d;border-color:#7c3aed}.schedule-add-shift-btn:disabled{cursor:not-allowed;opacity:.5}.schedule-shifts-list{display:flex;flex-direction:column;gap:16px}.schedule-shift-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:10px;padding:16px}.schedule-shift-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.schedule-shift-name{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#fff;flex:1 1;font-size:14px;font-weight:500;padding:8px 12px}.schedule-shift-name:focus{border-color:#7c3aed;outline:none}.schedule-remove-shift-btn{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;justify-content:center;margin-left:10px;padding:6px;transition:all .2s}.schedule-remove-shift-btn:hover{background:#ef444433;border-color:#ef4444}.shift-error{color:#ef4444;font-size:12px;margin-bottom:8px}.schedule-shift-times{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.schedule-time-group{display:flex;flex-direction:column;gap:6px}.schedule-time-label{color:#9ca3af;font-size:12px;font-weight:500}.schedule-time-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#fff;font-size:14px;padding:8px 10px;transition:all .2s}.schedule-time-input:focus{background:#ffffff14;border-color:#7c3aed;outline:none}.schedule-time-input.error{border-color:#ef4444}.schedule-time-input::placeholder{color:#6b7280}.modal-alert{align-items:center;border-radius:8px;display:flex;font-size:14px;gap:12px;margin-bottom:20px;padding:12px 16px}.modal-alert-error{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444}.modal-alert svg{flex-shrink:0}@media (max-width:768px){.schedule-modal{max-width:100%;width:calc(100% - 32px)}.schedule-form-row{grid-template-columns:1fr}.schedule-days-grid,.schedule-shift-times{grid-template-columns:repeat(2,1fr)}}.modal-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.modal-loading p{color:#9ca3af;font-size:14px}.schedule-day-checkbox-holidays{background:#7c3aed0d;border-color:#7c3aed33;grid-column:span 2}.schedule-day-checkbox-holidays:hover{background:#7c3aed1a;border-color:#7c3aed66}.holiday-modal{max-width:600px}.holiday-options{display:flex;flex-direction:column;gap:12px}.holiday-option-checkbox{align-items:flex-start;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .2s}.holiday-option-checkbox:hover{background:#ffffff0d;border-color:#7c3aed4d}.holiday-option-checkbox input[type=checkbox]{accent-color:#7c3aed;cursor:pointer;flex-shrink:0;height:18px;margin-top:2px;width:18px}.holiday-option-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.holiday-option-title{color:#fff;font-size:14px;font-weight:500}.holiday-option-description{color:#9ca3af;font-size:12px;line-height:1.4}.holiday-info-box{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:8px;color:#60a5fa;display:flex;font-size:13px;gap:12px;line-height:1.5;padding:12px 16px}.holiday-info-box svg{flex-shrink:0;margin-top:2px}.holiday-info-box strong{color:#93c5fd}.horarios-search-wrapper{margin:16px 0}.horarios-search-bar{max-width:100%;position:relative}.loading-inline{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.loading-inline p{color:#9ca3af;font-size:14px}.horarios-search-icon{color:#6b7280;height:20px;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:20px}.horarios-search-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;font-size:14px;padding:10px 10px 10px 40px;transition:all .2s;width:100%}.horarios-search-input::placeholder{color:#6b7280}.horarios-search-input:focus{background:#ffffff14;border-color:#7c3aed80;outline:none}.schedule-badge{border-radius:12px;font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase}.schedule-badge-active,.schedule-badge-default{background:#10b98133;color:#10b981}.schedule-badge-inactive{background:#6b728033;color:#6b7280}.schedule-badge-recurring{background:#3b82f633;color:#3b82f6}.schedule-periods{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.schedule-period-compact{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;display:flex;font-size:12px;gap:6px;padding:6px 12px}.period-day{color:#fff;font-weight:500}.period-time{color:#a78bfa;font-weight:500}.period-more{color:#9ca3af;font-size:12px;padding:6px 12px}.horarios-spinner{animation:spin .8s linear infinite;border:4px solid #7c3aed33;border-radius:50%;border-top-color:#7c3aed;height:48px;margin:0 auto;width:48px}.error-container,.loading-container{align-items:center;color:#9ca3af;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px;text-align:center}.retry-btn{background:#7c3aed33;border:1px solid #7c3aed66;color:#a78bfa}.retry-btn:hover{background:#7c3aed4d;border-color:#7c3aed}.schedule-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:24px}.schedule-stat-card{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;display:flex;gap:16px;padding:16px}.stat-icon{border-radius:8px}.stat-icon-schedules{background:#7c3aed33;color:#a78bfa}.stat-icon-holidays{background:#3b82f633;color:#60a5fa}.stat-content{flex:1 1}.stat-label{color:#9ca3af;font-size:12px;margin-bottom:4px}.stat-value{font-size:24px;line-height:1}.stat-detail{color:#6b7280;font-size:11px}.schedule-badge-national{background:#eab30833;color:#fbbf24}.upcoming-badge{color:#10b981;font-size:12px;font-weight:500}.template-card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:16px;transition:all .2s}.template-card:hover{border-color:#00e658;box-shadow:0 4px 12px #00e6581a}.template-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.template-name{color:var(--foreground);font-size:16px;font-weight:600;margin:0}.template-badges{display:flex;flex-wrap:wrap;gap:8px}.channel-badge,.status-badge{font-size:12px;padding:4px 10px}.channel-badge{align-items:center;background-color:#00e65826;border:1px solid #00e6584d;border-radius:12px;color:#00e658;display:inline-flex;font-weight:600;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge.approved{background-color:#10b9811a;color:#10b981}.status-badge.pending{background-color:#f59e0b1a;color:#f59e0b}.status-badge.rejected{background-color:#ef44441a;color:#ef4444}.status-badge.paused{background-color:#6b72801a;color:#6b7280}.template-body-preview{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--muted-foreground);display:-webkit-box;font-size:14px;line-height:1.5;margin:12px 0;overflow:hidden}.template-meta{color:var(--muted-foreground);display:flex;flex-wrap:wrap;font-size:13px;gap:12px;margin-top:12px}.template-meta span{align-items:center;display:flex;gap:4px}.variables-badge{background-color:#8b5cf61a;border-radius:12px;color:#8b5cf6;font-size:12px;font-weight:500;padding:2px 8px}.template-actions{border-top:1px solid var(--border);display:flex;gap:8px;margin-top:16px;padding-top:16px}.template-action-btn{align-items:center;background-color:var(--card);border:1px solid var(--border);border-radius:6px;color:var(--foreground);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s}.template-action-btn:hover{background-color:var(--secondary);border-color:var(--accent)}.template-action-btn.primary{background-color:#00e658;border-color:#00e658;color:#000}.template-action-btn.primary:hover{background-color:#00c94d}.template-action-btn.danger{background-color:#ef44441a;border-color:#ef44444d;color:#ef4444}.template-action-btn.danger:hover{background-color:#ef444433}.filter-section{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.filter-select{background-color:var(--card);border:1px solid var(--border);color:var(--foreground);font-size:14px;min-width:150px;padding:8px 12px;transition:all .2s}.filter-select:hover{border-color:var(--accent)}.filter-select:focus{border-color:#00e658;box-shadow:0 0 0 3px #00e6581a}.search-input{background-color:var(--card);border:1px solid var(--border);border-radius:6px;flex:1 1;font-size:14px;min-width:200px;padding:8px 12px;transition:all .2s}.search-input::placeholder{color:var(--muted-foreground)}.search-input:focus{border-color:#00e658;box-shadow:0 0 0 3px #00e6581a}.category-color-preview{border:2px solid var(--border);border-radius:6px;cursor:pointer;height:32px;transition:all .2s;width:32px}.category-color-preview:hover{border-color:var(--accent);transform:scale(1.1)}.category-stats{background-color:var(--secondary);border-radius:8px;display:flex;gap:20px;margin-bottom:16px;padding:16px}.category-stat-item{display:flex;flex-direction:column;gap:4px}.category-stat-label{color:var(--muted-foreground);font-size:13px}.category-stat-value{color:var(--foreground);font-size:20px;font-weight:600}.template-modal-body{max-height:70vh;overflow-y:auto;padding:20px}.template-form-section{margin-bottom:24px}.template-form-section-title{align-items:center;color:var(--foreground);display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:12px}.template-form-group{margin-bottom:16px}.template-form-label{color:var(--foreground);display:block;font-size:13px;font-weight:500;margin-bottom:6px}.template-form-label.required:after{color:#ef4444;content:"*";margin-left:4px}.template-form-input,.template-form-select,.template-form-textarea{background-color:var(--card);border:1px solid var(--border);border-radius:6px;color:var(--foreground);font-size:14px;padding:10px 12px;transition:all .2s;width:100%}.template-form-input:focus,.template-form-select:focus,.template-form-textarea:focus{border-color:#00e658;box-shadow:0 0 0 3px #00e6581a;outline:none}.template-form-textarea{font-family:inherit!important;min-height:100px;resize:vertical}.template-form-help{color:var(--muted-foreground);font-size:12px;line-height:1.4;margin-top:4px}.template-form-error{color:#ef4444;font-size:12px;margin-top:4px}.variable-input-group{display:flex;gap:8px;margin-bottom:8px}.variable-input-group input{flex:1 1}.variable-add-btn,.variable-remove-btn{background-color:var(--card);border:1px solid var(--border);border-radius:6px;color:var(--foreground);cursor:pointer;padding:8px 12px;transition:all .2s}.variable-add-btn{background-color:#00e6581a;border-color:#00e658;color:#00e658}.variable-add-btn:hover{background-color:#00e65833}.variable-remove-btn{background-color:#ef44441a;border-color:#ef44444d;color:#ef4444}.variable-remove-btn:hover{background-color:#ef444433}.color-picker-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));margin-top:8px}.color-option{border-radius:6px}.color-option.selected{border-color:#00e658;box-shadow:0 0 0 3px #00e65833}.template-preview-section{background-color:var(--secondary);border-radius:8px;padding:16px}.template-preview-title{color:var(--foreground);font-size:14px;font-weight:600;margin-bottom:12px}.template-preview-content{background-color:var(--card);border-radius:6px;color:var(--foreground);font-size:14px;line-height:1.6;padding:12px;white-space:pre-wrap;word-break:break-word}.template-preview-variable{background-color:#00e6581a;border-radius:3px;color:#00e658;font-weight:500;padding:2px 6px}.import-template-list{margin-top:16px;max-height:400px;overflow-y:auto}.import-template-item{background-color:var(--card);border-radius:6px;margin-bottom:8px}.import-template-item:hover{border-color:var(--accent)}.import-template-item.selected{background-color:#00e6581a;border-color:#00e658}.import-template-checkbox{cursor:pointer;height:20px;width:20px}.import-template-details{color:var(--muted-foreground);font-size:12px}@media (max-width:768px){.template-actions{flex-wrap:wrap}.filter-section{flex-direction:column}.filter-select,.search-input{width:100%}.category-stats{flex-direction:column;gap:12px}.color-picker-grid{grid-template-columns:repeat(auto-fill,minmax(35px,1fr))}}.template-submit-loading{align-items:center;display:flex;height:36px;justify-content:center;padding:0;width:36px}.funis-alert{align-items:center;border-radius:6px;display:flex;font-size:14px;gap:12px;margin-bottom:16px;padding:12px 16px}.funis-alert svg{flex-shrink:0}.funis-alert-success{background-color:#10b9811a;border:1px solid #10b9814d;color:#10b981}.funis-alert-error{background-color:#ef44441a;border:1px solid #ef44444d;color:#ef4444}.funis-alert-warning{background-color:#f59e0b1a;border:1px solid #f59e0b4d;color:#f59e0b}.funis-alert-info{background-color:#3b82f61a;border:1px solid #3b82f64d;color:#3b82f6}.alert-close{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font-size:18px;height:20px;justify-content:center;margin-left:auto;opacity:.7;padding:0;transition:opacity .2s;width:20px}.alert-close:hover{opacity:1}.template-loading{align-items:center;color:var(--muted-foreground);display:flex;justify-content:center;padding:40px}.template-loading-spinner{animation:spin .8s linear infinite;border:3px solid var(--border);border-radius:50%;border-top:3px solid #00e658;height:32px;width:32px}.drawer-overlay{animation:fadeIn .2s;background:#00000080;inset:0;position:fixed;z-index:999}.drawer{animation:slideIn .3s;background:var(--card);bottom:0;box-shadow:-4px 0 24px #0003;display:flex;flex-direction:column;max-width:90vw;position:fixed;top:0;width:500px;z-index:1000}.drawer-right{right:0}.drawer-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 24px}.drawer-header h3{color:var(--foreground);font-size:18px;font-weight:600;margin:0}.drawer-close{align-items:center;background:none;border:none;border-radius:6px;color:var(--muted-foreground);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.drawer-close:hover{background:var(--secondary);color:var(--foreground)}.drawer-body{flex:1 1;overflow-y:auto;padding:24px}.drawer-form-group{margin-bottom:20px}.drawer-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.drawer-label{color:var(--foreground);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.drawer-input,.drawer-select,.drawer-textarea{background:var(--background);border:1px solid var(--border);border-radius:8px;color:var(--foreground);font-size:14px;padding:10px 12px;transition:all .2s;width:100%}.drawer-input:focus,.drawer-select:focus,.drawer-textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;outline:none}.drawer-textarea{font-family:Courier New,monospace;min-height:100px;resize:vertical}.drawer-help{color:var(--muted-foreground);display:block;font-size:12px;margin-top:4px}.drawer-alert{border-radius:8px;font-size:14px;margin-bottom:16px;padding:12px 16px}.drawer-alert-error{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444}.color-picker{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(8,1fr);margin-top:8px}.color-option{border:2px solid #0000;border-radius:8px;cursor:pointer;height:40px;transition:all .2s;width:40px}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf633}.drawer-footer{background:var(--card);border-top:1px solid var(--border);display:flex;gap:12px;padding:20px 24px}.drawer-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.drawer-btn-secondary{background:var(--secondary);color:var(--foreground)}.drawer-btn-secondary:hover{background:var(--muted)}.drawer-btn-primary{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff}.drawer-btn-primary:hover{box-shadow:0 4px 12px #8b5cf64d;transform:translateY(-1px)}.drawer-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.drawer{width:100vw}.drawer-form-row{grid-template-columns:1fr}}.btn-importar-template{align-items:center;background:linear-gradient(135deg,#0ea5e9,#0284c7);border:none;border-radius:8px;box-shadow:0 2px 4px #0ea5e933;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s}.btn-importar-template:hover{box-shadow:0 4px 12px #0ea5e94d;transform:translateY(-1px)}.btn-sync{color:#8b5cf6}.btn-sync:hover{background:#8b5cf61a;border-color:#8b5cf6;transform:translateY(-1px)}.btn-submit{color:#10b981}.btn-submit:hover{background:#10b9811a;border-color:#10b981;transform:translateY(-1px)}.import-modal{max-width:700px}.template-btn-link{background:none;border:none;color:#8b5cf6;cursor:pointer;font-size:14px;font-weight:500;text-decoration:underline}.template-btn-link:hover{color:#7c3aed}.import-templates-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto}.import-template-item{align-items:center;border:1px solid var(--border);border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s}.import-template-item.selected{background:#8b5cf61a;border-color:#8b5cf6}.import-checkbox{accent-color:#8b5cf6;cursor:pointer;height:18px;width:18px}.import-template-info{flex:1 1}.import-template-name{color:var(--foreground);font-size:14px;font-weight:500;margin-bottom:4px}.import-template-meta{color:var(--muted-foreground);display:flex;font-size:12px;gap:8px}.import-badge{border-radius:12px;font-size:11px;font-weight:500;padding:2px 8px}.variable-picker-trigger{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:6px;box-shadow:0 2px 4px #8b5cf64d;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:10px;top:10px;transition:all .2s;width:32px;z-index:10}.variable-picker-trigger:hover{box-shadow:0 4px 8px #8b5cf666;transform:scale(1.05)}.variable-picker-trigger svg{height:18px;width:18px}.variable-picker{background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 24px #0000001f;margin-top:12px;overflow:hidden}.variable-picker-header{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;display:flex;justify-content:space-between;padding:16px}.variable-picker-header span{font-size:14px;font-weight:600}.variable-picker-header button{align-items:center;background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:18px;height:28px;justify-content:center;padding:4px;transition:all .2s;width:28px}.variable-picker-header button:hover{background:#ffffff4d}.variable-picker-body{background:var(--background);max-height:360px;overflow-y:auto;padding:16px}.variable-picker-body::-webkit-scrollbar{width:8px}.variable-picker-body::-webkit-scrollbar-track{background:var(--card);border-radius:4px}.variable-picker-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.variable-picker-body::-webkit-scrollbar-thumb:hover{background:var(--muted)}.variable-category{margin-bottom:20px}.variable-category:last-child{margin-bottom:0}.variable-category-title{border-bottom:2px solid #8b5cf633;color:#8b5cf6;font-size:11px;font-weight:700;letter-spacing:1px;margin-bottom:12px;padding-bottom:8px;text-transform:uppercase}.variable-list{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.variable-item{background:var(--card);border:1px solid var(--border);border-radius:8px;cursor:pointer;display:block;text-align:left;transition:all .2s}.variable-item:hover{background:#8b5cf614;border-color:#8b5cf6;box-shadow:0 2px 8px #8b5cf626;transform:translateX(2px)}.variable-item-label{color:var(--foreground);display:block;font-size:13px;font-weight:600;margin-bottom:4px}.variable-item-example{color:var(--muted-foreground);display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.variables-detected{background:linear-gradient(135deg,#8b5cf60d,#7c3aed14);border:1px solid #8b5cf626;border-radius:8px;margin-top:12px;padding:16px}.variables-detected-title{align-items:center;color:#8b5cf6;display:flex;font-size:12px;font-weight:600;gap:6px;margin-bottom:10px}.variables-detected-title:before{content:"•";font-size:16px}.variable-chip{align-items:center;border:1px solid #8b5cf633;border-radius:8px;box-shadow:0 1px 3px #0000000d;display:inline-flex;font-size:12px;gap:8px;margin:0 6px 6px 0;padding:8px 12px;transition:all .2s}.variable-chip:hover{border-color:#8b5cf6;box-shadow:0 2px 8px #8b5cf633;transform:translateY(-1px)}.variable-chip-placeholder{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:4px;color:#fff;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:11px;font-weight:700;letter-spacing:.5px;padding:3px 8px}.variable-chip-arrow{color:#8b5cf6;font-size:12px;font-weight:600}.variable-chip-label{color:var(--foreground);font-weight:600;white-space:nowrap}.variable-chip-example{border-left:1px solid var(--border);color:var(--muted-foreground);font-size:11px;max-width:150px;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.variable-list{grid-template-columns:1fr}.variable-chip{display:flex;flex-wrap:wrap}.variable-chip-example{border-left:none;border-top:1px solid var(--border);margin-left:0;margin-top:6px;max-width:none;padding-left:0;padding-top:6px;width:100%}}.channel-selector{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:12px;margin-bottom:16px;padding:16px 0}.channel-label{font-weight:600;white-space:nowrap}.channel-label,.channel-select{color:var(--foreground);font-size:14px}.channel-select{background-color:#fff;background-color:var(--input-background,#fff);border:1px solid var(--border);border-radius:6px;cursor:pointer;flex:1 1;max-width:600px;padding:8px 12px;transition:border-color .2s,box-shadow .2s}.channel-select:hover{border-color:#00e658}.channel-select:focus{border-color:#00e658;box-shadow:0 0 0 3px #00e6581a;outline:none}.channel-info{background-color:#00e6580d;border-left:4px solid #00e658;border-radius:6px;flex-wrap:wrap;gap:16px;margin-bottom:16px;padding:12px}.info-item{align-items:center;color:var(--foreground);font-size:13px;gap:6px}.info-item strong{color:#00e658;font-weight:600}@media (max-width:768px){.channel-selector{align-items:flex-start;flex-direction:column}.channel-select{max-width:none;width:100%}.channel-info{flex-direction:column;gap:8px}.info-item{display:block}}.pause-rules-container{grid-gap:1.5rem;display:grid;gap:1.5rem;margin:0 auto;max-width:1200px;padding:1rem}.pause-rules-card{background:#1e1e2e;background:var(--card-bg,#1e1e2e);border:1px solid #2d2d3d;border:1px solid var(--border-color,#2d2d3d);border-radius:8px;overflow:hidden}.pause-rules-header{border-bottom:1px solid #2d2d3d;border-bottom:1px solid var(--border-color,#2d2d3d);padding:1.5rem}.pause-rules-title-group{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.pause-rules-icon{color:#8b5cf6;color:var(--primary-color,#8b5cf6);height:20px;width:20px}.pause-rules-icon.blue{color:#3b82f6}.pause-rules-icon.amber{color:#f59e0b}.pause-rules-icon.green{color:#10b981}.pause-rules-icon.purple{color:#a855f7}.pause-rules-title{color:#fff;color:var(--text-primary,#fff);font-size:1rem;font-weight:600;margin:0}.pause-rules-description{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:.875rem;margin:0}.pause-rules-content{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem}.pause-rules-slider-group{display:flex;flex-direction:column;gap:.75rem}.pause-rules-slider-label{color:#fff;color:var(--text-primary,#fff);font-size:.875rem;font-weight:500}.pause-rules-slider{-webkit-appearance:none;appearance:none;background:#2d2d3d;background:var(--input-bg,#2d2d3d);border-radius:4px;height:8px;outline:none;width:100%}.pause-rules-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#8b5cf6;background:var(--primary-color,#8b5cf6);border:2px solid #fff;border-radius:50%;cursor:pointer;height:20px;width:20px}.pause-rules-slider::-moz-range-thumb{background:#8b5cf6;background:var(--primary-color,#8b5cf6);border:2px solid #fff;border-radius:50%;cursor:pointer;height:20px;width:20px}.pause-rules-hint{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:.75rem;margin:0}.pause-rules-divider{background:#2d2d3d;background:var(--border-color,#2d2d3d);height:1px;margin:.5rem 0}.pause-rules-time-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.pause-rules-actions{display:flex;justify-content:flex-end;padding:0 1rem 1rem}@media (max-width:768px){.pause-rules-time-grid{grid-template-columns:1fr}}.pause-supervision-panel{display:flex;flex-direction:column;gap:1.5rem}.pause-supervision-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:3rem}.supervision-header{align-items:center;display:flex;justify-content:space-between}.supervision-title{color:#fff;font-size:1.125rem;font-weight:500;margin:0 0 .25rem}.supervision-subtitle{color:#6b7280;font-size:.875rem;margin:0}.supervision-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.stat-card{border:1px solid #1e1e1e;border-radius:8px;padding:1rem}.stat-content{align-items:center;display:flex;gap:.75rem}.stat-content svg{color:#8b5cf6;flex-shrink:0;height:1.25rem;width:1.25rem}.stat-content svg.text-green{color:#10b981}.stat-content svg.text-orange{color:#f59e0b}.stat-content svg.text-blue{color:#3b82f6}.stat-content svg.text-red{color:#ef4444}.stat-value.text-green{color:#10b981}.stat-value.text-blue{color:#3b82f6}.supervision-filters{background:#0c0c0c;border:1px solid #1e1e1e;border-radius:8px;padding:1rem}.filter-group{align-items:flex-end;gap:1rem}.search-box{flex:1 1;position:relative}.search-box svg{color:#6b7280;height:1rem;left:.75rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:1rem}.search-box input{background:#0a0a0a;border:1px solid #2d2d3d;border-radius:6px;color:#fff;font-size:.875rem;height:2.5rem;padding:0 .75rem 0 2.5rem;width:100%}.filter-select:focus,.search-box input:focus{border-color:#8b5cf6;outline:none}.supervision-card{background:#0c0c0c;border:1px solid #1e1e1e;border-radius:8px;overflow:hidden}.card-header{border-bottom:1px solid #1e1e1e;padding:1.5rem}.card-title{color:#fff;font-size:1rem;font-weight:600;margin:0}.operators-list{display:flex;flex-direction:column}.operator-row{transition:background-color .2s}.operator-row:hover{background:#8b5cf60d}.operator-main{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:280px 1fr auto;padding:1rem 1.5rem}.operator-info{align-items:center;display:flex;gap:1rem}.operator-avatar{height:2.5rem;width:2.5rem}.operator-avatar span{color:#fff;font-size:.875rem;font-weight:600}.operator-details{flex:1 1;min-width:0}.operator-name-row{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.25rem}.operator-name-row h4{color:#fff;font-size:.938rem;font-weight:500;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{white-space:nowrap}.status-badge.badge-green{background:#10b9811a;color:#10b981}.status-badge.badge-orange{background:#f59e0b1a;color:#f59e0b}.status-badge.badge-blue{background:#3b82f61a;color:#3b82f6}.status-badge.badge-gray{background:#6b72801a;color:#6b7280}.status-badge.badge-red{background:#ef44441a;color:#ef4444}.operator-department{color:#6b7280;font-size:.813rem;margin:0}.operator-stats-center{align-items:center;display:flex;gap:3rem}.stat-block{display:flex;flex-direction:column;gap:.375rem}.stat-block-label{color:#6b7280;font-size:.688rem;margin:0;white-space:nowrap}.pause-current{gap:.5rem}.pause-badge,.pause-current{align-items:center;display:flex}.pause-badge{background:#6b72801a;border-radius:4px;color:#6b7280;font-size:.688rem;font-weight:600;gap:.25rem;padding:.25rem .5rem;white-space:nowrap}.pause-badge.overtime{animation:pulse 2s ease-in-out infinite;background:#ef44441a;color:#ef4444}.pause-badge svg{height:.75rem;width:.75rem}.pause-type{color:#fff;font-size:.688rem}.pause-overtime-warning{color:#ef4444;font-size:.688rem;font-weight:600;margin:.25rem 0 0}.today-stats{align-items:center;display:flex;gap:.5rem}.stat-number{color:#fff;font-size:.875rem;font-weight:500}.stat-separator{color:#6b7280;font-size:.688rem}.progress-bar{background:#2d2d3d;border-radius:9999px;height:.25rem;overflow:hidden;width:8rem}.progress-fill{background:#8b5cf6;height:100%;transition:width .3s}.progress-overtime{background:#ef4444!important}.operator-actions{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.btn-action{align-items:center;border:1px solid #2d2d3d;color:#fff;display:flex;font-size:.813rem;gap:.375rem;justify-content:center;min-width:120px;padding:.5rem .75rem}.btn-action svg{height:1rem;width:1rem}.btn-action.btn-danger{border-color:#ef4444;color:#ef4444}.btn-action.btn-danger:hover{background:#ef44441a}.btn-action.btn-secondary:hover{background:#2d2d3d}.operator-divider{background:#1e1e1e;height:1px}.operators-empty{color:#6b7280;padding:3rem;text-align:center}.spinner{border:3px solid #2d2d3d;border-top-color:#8b5cf6;height:2rem;width:2rem}@media (max-width:1400px){.operator-main{gap:1.5rem;grid-template-columns:250px 1fr auto}.operator-stats-center{gap:2rem}}@media (max-width:1200px){.operator-main{gap:1rem;grid-template-columns:1fr}.operator-stats-center{justify-content:space-between;width:100%}.operator-actions{flex-direction:row;justify-content:flex-end;width:100%}}@media (max-width:768px){.filter-group{align-items:stretch;flex-direction:column}.filter-select{width:100%}.supervision-stats{grid-template-columns:repeat(2,1fr)}.operator-stats-center{align-items:flex-start;flex-direction:column;gap:1rem}.operator-actions{align-items:stretch;flex-direction:column}.btn-action{width:100%}}.pending-actions{display:flex;gap:8px}.pending-actions .btn-action{font-size:12px;padding:6px 12px}.btn-primary{background:#3b82f6}.btn-secondary{background:#6b7280}.pause-reports-panel{display:flex;flex-direction:column;gap:1.5rem}.pause-reports-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:3rem}.reports-header{align-items:flex-start;display:flex;gap:2rem;justify-content:space-between}.reports-title{color:#fff;font-size:1.125rem;font-weight:500;margin:0 0 .25rem}.reports-subtitle{color:#6b7280;font-size:.875rem;margin:0}.reports-actions,.reports-btn{display:flex;gap:.5rem}.reports-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;padding:.625rem 1rem;transition:all .2s;white-space:nowrap}.reports-btn svg{height:1rem;width:1rem}.reports-btn.primary{background:#8b5cf6;color:#fff}.reports-btn.primary:hover{background:#7c3aed}.reports-btn.secondary{background:#0000;border:1px solid #2d2d3d;color:#fff}.reports-btn.secondary:hover{background:#2d2d3d}.reports-filters-card{background:#0c0c0c;border:1px solid #1e1e1e;border-radius:8px;padding:1rem}.reports-filters{align-items:flex-end;display:flex;gap:1rem}.filter-item{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.filter-item label{color:#fff;font-size:.875rem;font-weight:500}.filter-date-input,.filter-select{background:#0a0a0a;border:1px solid #2d2d3d;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;height:2.5rem;padding:0 .75rem}.filter-select{min-width:160px}.filter-date-input:focus,.filter-select:focus{border-color:#8b5cf6;outline:none}.reports-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.report-stat-card{background:#0c0c0c;border:1px solid #1e1e1e;gap:.75rem;padding:1rem}.report-stat-card,.stat-icon-wrapper{align-items:center;border-radius:8px;display:flex}.stat-icon-wrapper{flex-shrink:0;height:2.5rem;justify-content:center;width:2.5rem}.stat-icon-wrapper svg{height:1.25rem;width:1.25rem}.stat-icon-wrapper.primary{background:#8b5cf61a;color:#8b5cf6}.stat-icon-wrapper.blue{background:#3b82f61a;color:#3b82f6}.stat-icon-wrapper.green{background:#10b9811a;color:#10b981}.stat-icon-wrapper.purple{background:#a855f71a;color:#a855f7}.stat-icon-wrapper.orange{background:#f59e0b1a;color:#f59e0b}.stat-icon-wrapper.red{background:#ef44441a;color:#ef4444}.stat-label{font-size:.688rem;margin:0 0 .25rem}.stat-value{font-size:1.5rem;margin:0}.stat-value-small{color:#fff;font-size:.875rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-value.text-orange{color:#f59e0b}.stat-value.text-red{color:#ef4444}.reports-card{background:#0c0c0c;border:1px solid #1e1e1e;border-radius:8px;overflow:hidden}.reports-card-header{align-items:center;border-bottom:1px solid #1e1e1e;display:flex;justify-content:space-between;padding:1.5rem}.reports-card-header h3{color:#fff;font-size:1rem;font-weight:600;margin:0}.card-subtitle{color:#6b7280;font-size:.875rem;margin:0}.reports-table-wrapper{overflow-x:auto}.reports-table{border-collapse:collapse;width:100%}.reports-table thead{background:#0a0a0a}.reports-table th{border-bottom:1px solid #1e1e1e;color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.75rem 1rem;text-align:left;text-transform:uppercase}.reports-table td{border-bottom:1px solid #1e1e1e;color:#fff;font-size:.875rem;padding:1rem}.reports-table tbody tr:hover{background:#8b5cf60d}.type-name-cell{align-items:center;display:flex;gap:.5rem}.type-icon{font-size:1.125rem}.impact-badge{border-radius:9999px;display:inline-block;font-size:.688rem;font-weight:600;padding:.25rem .5rem;text-transform:capitalize}.excess-badge{align-items:center;background:#ef44441a;border-radius:9999px;color:#ef4444;display:inline-flex;font-size:.75rem;font-weight:700;height:1.5rem;justify-content:center;min-width:1.5rem;padding:0 .375rem}.operator-cell{align-items:center;display:flex;gap:.75rem}.operator-avatar{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.688rem;font-weight:600;height:2rem;justify-content:center;width:2rem}.operator-name{color:#fff;font-size:.875rem;font-weight:500;margin:0}.operator-email{color:#6b7280;font-size:.75rem;margin:0}.type-badge{background:#8b5cf61a;border-radius:4px;color:#8b5cf6;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.date-cell{color:#9ca3af;font-size:.813rem}.duration-exceeded{color:#f59e0b;font-weight:600}.status-badge{display:inline-block;font-size:.688rem;padding:.25rem .5rem}.status-badge.status-ended{background:#6b72801a;color:#6b7280}.status-badge.status-active{background:#10b9811a;color:#10b981}.reports-empty{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem 2rem}.reports-empty svg{color:#4b5563;height:3rem;width:3rem}.reports-empty h3{color:#fff;font-size:1.125rem;font-weight:600;margin:0}.reports-empty p{color:#6b7280;font-size:.875rem;margin:0}@media (max-width:1024px){.reports-header{align-items:flex-start;flex-direction:column}.reports-actions{width:100%}.reports-btn{flex:1 1}.reports-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.reports-filters{align-items:stretch;flex-direction:column}.filter-select{width:100%}.reports-stats-grid{grid-template-columns:1fr}}.filter-item.small{max-width:220px}.date-presets{display:flex;flex-wrap:wrap;gap:.5rem}.preset-btn{background:#0000;border:1px solid #2d2d3d;border-radius:9999px;color:#9ca3af;cursor:pointer;font-size:.75rem;padding:.35rem .75rem;transition:all .15s}.preset-btn.active{background:#111827;border-color:#8b5cf6;color:#e5e7eb}.preset-btn:hover:not(.active){background:#111827}.history-page-size{align-items:center;color:#9ca3af;display:flex;font-size:.75rem;gap:.5rem}.history-page-size select{background:#0a0a0a;border:1px solid #2d2d3d;border-radius:6px;color:#fff;font-size:.75rem;height:2rem;padding:0 .5rem}.reports-pagination{align-items:center;display:flex;gap:.75rem;justify-content:flex-end;padding:.75rem 1.5rem 1rem}.page-btn{background:#0000;border:1px solid #2d2d3d;border-radius:6px;color:#e5e7eb;cursor:pointer;font-size:.75rem;padding:.35rem .75rem;transition:all .15s}.page-btn:disabled{cursor:default;opacity:.4}.page-btn:not(:disabled):hover{background:#111827}.page-info{color:#9ca3af;font-size:.75rem}@media (max-width:900px){.reports-filters{flex-wrap:wrap}.filter-item.small{flex:1 1 45%}}#hidden,.hidden{display:none}.overflow-y-auto{scrollbar-color:#2f2f2f var(--card-bg)}.bg-creategroup{background:#0c0c0c}.settings-card{border:1px solid #374151;border-radius:16px;box-shadow:0 25px 50px -12px #000000b3;overflow:hidden}.settings-card-header{background:#0c0c0c;border-bottom:1px solid #dbeafe1a;padding:24px}.settings-card-title{align-items:center;color:#fff;display:flex;font-size:24px;font-weight:700;gap:12px;margin:0}.settings-icon{flex-shrink:0;height:28px;width:28px}.settings-card-description{color:#fffc;font-size:14px;line-height:1.5;margin:8px 0 0}.settings-card-content{padding:24px}.space-y-6>*+*{margin-top:24px}.space-y-4>*+*{margin-top:16px}.space-y-3>*+*{margin-top:12px}.flex.rounded-lg.p-1.border.border-gray-800.mb-6{background:linear-gradient(145deg,#374151,#4b5563);border:1px solid #4b5563;border-radius:12px;margin-bottom:24px;padding:2px}button.flex-1.flex.items-center.justify-center.gap-2.px-4.py-2.text-sm.font-medium.rounded-md.transition-colors{border:none;border-radius:10px;font-weight:600;height:44px;letter-spacing:.025em}.bg-purple-600.text-white{background:linear-gradient(135deg,#8b5cf6,#a78bfa)!important;box-shadow:0 4px 14px 0 #8b5cf666}.text-gray-400:hover.text-white{background:#ffffff14}.flex.items-center.justify-between>div>h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:800}.text-sm.text-gray-400{color:#9ca3afcc;font-size:14px}button.flex.items-center.gap-2.px-4.py-2.text-sm.font-medium.text-white.bg-purple-600.rounded-lg.hover.bg-purple-700.transition-colors{background:linear-gradient(135deg,#8b5cf6,#a78bfa);border:1px solid #8b5cf64d;border-radius:12px;box-shadow:0 4px 14px 0 #8b5cf666;font-weight:600;height:44px}button.flex.items-center.gap-2.px-4.py-2.text-sm.font-medium.text-white.bg-purple-600.rounded-lg:hover.bg-purple-700{box-shadow:0 8px 25px 0 #8b5cf680;transform:translateY(-1px)}.relative input{background:#1f2937;border:1px solid #4b5563;border-radius:12px;font-size:14px;height:48px;padding-left:44px;padding-right:16px;transition:all .2s ease}.relative input:focus{border-color:#a78bfa;transform:translateY(-1px)}.absolute.left-3.top-1.slash2.transform.-translate-y-1.slash2.h-5.w-5.text-gray-400{color:#6b7280}.border.border-gray-800.rounded-lg{background:#0c0c0c;border:1px solid #4b5563;border-radius:16px;overflow:hidden}.p-6{padding:24px}.group-item{border:1px solid #374151;border-radius:12px;cursor:pointer;transition:all .2s ease}.group-item:hover{border-color:#6b7280;transform:translateY(-2px)}.bg-gray-800.border.border-gray-700{background:#0c0c0c;border-color:#374151}.hover.bg-gray-750{background:#334155}.w-12.h-12.rounded-lg.bg-gradient-to-br.from-purple-500.to-indigo-600{background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:12px;box-shadow:0 4px 12px #8b5cf666;height:48px;min-width:48px}.px-2.py-0.5.text-xs.font-medium.rounded-full{border-radius:9999px;border-width:1px;font-size:11px;font-weight:600;height:22px;padding-left:8px;padding-right:8px}.bg-green-900.text-green-300.border.border-green-800{background:#22c55e33;border-color:#22c55e66;color:#10b981}.bg-blue-900.text-blue-300.border.border-blue-800{background:#3b82f633;border-color:#3b82f666;color:#3b82f6}.bg-red-500.text-white{background:#ef4444;box-shadow:0 2px 8px #ef444466;color:#fff}.p-2.text-gray-400:hover.text-white{border-radius:8px;transition:all .15s ease}.p-2.text-gray-400:hover.text-red-400{background:#ef44441a;border-radius:8px}.p-4.border-t.border-gray-800{background:linear-gradient(145deg,#111827,#1e293b);border-top-color:#374151}.flex.items-center.justify-between{align-items:center}.text-sm.text-gray-400{color:#9ca3af}.px-3.py-1.5.text-sm.font-medium.rounded-lg{align-items:center;border-radius:8px;display:inline-flex;height:36px;justify-content:center;min-width:44px}.bg-gray-800.text-white:hover.bg-gray-700{background:#374151;border:1px solid #4b5563}.bg-purple-600{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.bg-gray-900.text-gray-600.cursor-not-allowed{background:#111827;color:#6b7280;cursor:not-allowed}.animate-spin.rounded-full.h-8.w-8.border-b-2.border-purple-500{border-color:#0000 #a78bfa #a78bfa}.ml-3.text-gray-400{color:#9ca3af}.text-center.py-12.text-gray-400 p{font-size:16px;margin-bottom:8px}.text-sm.mt-2{color:#6b7280}@media (max-width:768px){.settings-card-content{padding:16px}.flex.items-center.gap-4.flex-1{gap:12px}.w-12.h-12{height:40px!important;width:40px!important}.font-semibold.text-white{font-size:14px}}.settings-card{background:#0c0c0c;border:1px solid #333;border-radius:12px;margin-bottom:24px;padding:24px;transition:all .2s}.integrations-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:32px;padding:15px}.stat-card{align-items:center;background:#0c0c0c;border:1px solid #333;border-radius:12px;cursor:default;display:flex;gap:16px;padding:24px;transition:all .2s}.stat-card:hover{border-color:#4a90e2;box-shadow:0 8px 16px #4a90e21a;transform:translate()}.stat-icon{align-items:center;background:#4a90e21a;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.error-icon{background:#ef44441a}.stat-icon svg{color:#4a90e2;height:24px;width:24px}.error-icon svg{color:#ef4444}.stat-content .stat-label{color:#888;font-size:14px;margin-bottom:4px}.stat-value{color:#fff;font-size:28px;font-weight:700;margin-bottom:4px}.stat-total{color:#666;font-size:14px}.integrations-type-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:32px}.integration-type-card{align-items:center;background:#101011;border-radius:16px;cursor:pointer;display:flex;gap:20px;overflow:hidden;padding:32px 24px;position:relative;transition:all .3s}.integration-type-card:hover{border-color:#00e658;box-shadow:0 4px 12px #00e6581a}.integration-type-card:before{content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.integration-type-card:hover:before{opacity:1}.integration-icon-wrapper{align-items:center;background:#0c0c0c;border:2px solid #333;border-radius:16px;display:flex;flex-shrink:0;height:75px;justify-content:center;width:75px}.openai-wrapper{background:linear-gradient(135deg,#000,#000)}.integration-icon{height:36px;max-height:36px;max-width:52px;width:52px}.integration-type-content{flex:1 1}.type-title{color:#fff;font-size:20px;font-weight:600;margin-bottom:8px}.type-count{color:#4a90e2;font-size:36px;font-weight:700;margin-bottom:4px}.type-label{color:#888;font-size:14px}.integrations-spinner{animation:spin 1s linear infinite;border:4px solid #333;border-radius:50%;border-top-color:#4a90e2;height:40px;margin-bottom:16px;width:40px}@media (max-width:768px){.integrations-stats-grid,.integrations-type-grid{grid-template-columns:1fr}.integration-type-card{padding:24px 20px}}.section-header{margin-bottom:20px}.section-header h5{color:#fff;font-size:16px;font-weight:600;margin:0 0 8px}.section-description{color:#888;font-size:13px;line-height:1.4;margin:0}.preferences-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-top:16px}.preference-item{display:flex;flex-direction:column;gap:8px}.preference-item label{color:#ccc;font-size:13px;font-weight:500;line-height:1.3}.toggle-switch{align-items:center;display:flex;gap:12px;position:relative}.toggle-switch input[type=checkbox]{display:none}.toggle-slider{align-items:center;background:#333;border-radius:12px;box-sizing:border-box;cursor:pointer;display:flex;height:24px;padding:4px;position:relative;transition:all .2s;width:48px}.toggle-slider:before{background:#666;border-radius:50%;content:"";flex-shrink:0;height:16px;transition:all .2s;width:16px}.toggle-switch input:checked+.toggle-slider{background:#4a90e2}.toggle-switch input:checked+.toggle-slider:before{background:#fff;transform:translateX(24px)}.toggle-value{color:#fff;flex:1 1;font-size:11px;font-weight:500;margin-left:4px}.input-with-unit{align-items:center;display:flex;gap:8px}.input-with-unit .form-input{flex:1 1}.unit{color:#888;font-size:12px;font-weight:500;white-space:nowrap}.form-input.small{font-size:13px;padding:8px 12px}.toggle-item.full-width{background:#222;border:1px solid #333;border-radius:8px;grid-column:1/-1;margin-bottom:16px;padding:16px}.toggle-item.full-width .toggle-label{color:#ccc;font-size:14px;font-weight:500}@media (max-width:768px){.preferences-grid{grid-template-columns:1fr}}.integration-card{background:#1f2937;border:1px solid #374151;border-radius:12px;padding:1.5rem;transition:all .2s}.status-badge.active{background:#10b981}.status-badge.inactive{background:#6b7280}.btn-active{background:#10b981}.btn-inactive{background:#ef4444}.btn-edit{background:#3b82f6}.btn-delete{background:#ef4444}.integrations-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.telephony-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.telephony-modal-overlay.closing{animation:fadeOut .2s ease-out}.telephony-modal{animation:slideUp .3s ease-out;background-color:#0c0c0c;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 40px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:90vw}.telephony-modal.closing{animation:slideDown .2s ease-out}.telephony-modal.small{width:400px}.telephony-modal.medium{width:600px}.telephony-modal.large{width:700px}.telephony-modal-header{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:24px}.telephony-modal-title{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin:0 0 8px}.telephony-modal-description{color:var(--text-secondary);font-size:.875rem;margin:0}.telephony-modal-close{background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;padding:4px;transition:all .2s}.telephony-modal-close:hover{background-color:#ffffff1a;color:var(--text-primary)}.telephony-modal-content{display:flex;flex:1 1;flex-direction:column;gap:24px;overflow-y:auto;padding:24px}.telephony-modal-content::-webkit-scrollbar{width:8px}.telephony-modal-content::-webkit-scrollbar-track{background:#0000}.telephony-modal-content::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:4px}.telephony-modal-content::-webkit-scrollbar-thumb:hover{background-color:#fff3}.telephony-error-box{background-color:#ef44441a;border:1px solid #ef44444d;border-radius:8px;margin-bottom:8px;padding:12px}.telephony-error-box p{color:#fca5a5;font-size:.875rem;margin:0;white-space:pre-wrap}.telephony-form-section{display:flex;flex-direction:column;gap:16px}.telephony-section-title{border-bottom:2px solid var(--border-color);color:var(--text-primary);font-size:.95rem;font-weight:600;letter-spacing:.5px;margin:0;padding-bottom:8px;text-transform:uppercase}.telephony-form-group{display:flex;flex-direction:column;gap:8px}.telephony-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.telephony-form-row.full{grid-template-columns:1fr}.telephony-label{color:var(--text-primary);font-size:.875rem;font-weight:500;-webkit-user-select:none;user-select:none}.telephony-help-text{color:var(--text-secondary);font-size:.75rem;margin:4px 0 0}.telephony-input,.telephony-select,.telephony-textarea{background-color:#2a2a2a;background-color:var(--bg-input,#2a2a2a);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-family:inherit;font-size:.875rem;padding:10px 12px;transition:all .2s}.telephony-input::placeholder,.telephony-select::placeholder{color:var(--text-secondary)}.telephony-input:focus,.telephony-select:focus,.telephony-textarea:focus{background-color:#333;background-color:var(--bg-input-focus,#333);border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.telephony-input:disabled,.telephony-select:disabled{background-color:#1a1a1a;background-color:var(--bg-disabled,#1a1a1a);color:#666;color:var(--text-disabled,#666);cursor:not-allowed}.telephony-input[type=email],.telephony-input[type=number],.telephony-input[type=url]{font-family:Monaco,Courier New,monospace}.telephony-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23999' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;cursor:pointer;padding-right:32px}.telephony-textarea{font-family:inherit;min-height:80px;resize:vertical}.telephony-password-container{align-items:center;display:flex;position:relative}.telephony-password-container .telephony-input{padding-right:40px}.telephony-password-toggle{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1rem;padding:4px;position:absolute;right:10px;transition:all .2s}.telephony-password-toggle:hover{color:var(--text-primary);transform:scale(1.1)}.telephony-checkbox-group{display:flex;flex-direction:column;gap:8px}.telephony-checkbox-label{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;gap:8px;-webkit-user-select:none;user-select:none}.telephony-checkbox-label input[type=checkbox]{accent-color:#6366f1;cursor:pointer;height:18px;width:18px}.telephony-checkbox-label input[type=checkbox]:focus{outline:2px solid #6366f180;outline-offset:2px}.telephony-radio-group{display:flex;flex-direction:column;gap:12px}.telephony-radio-label{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;gap:8px;-webkit-user-select:none;user-select:none}.telephony-radio-label input[type=radio]{accent-color:#6366f1;cursor:pointer;height:18px;width:18px}.telephony-modal-footer{background-color:#1a1a1a;background-color:var(--bg-darker,#1a1a1a);border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.telephony-btn-primary,.telephony-btn-secondary{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;justify-content:center;padding:10px 20px;transition:all .2s}.telephony-btn-primary{background-color:#6366f1;color:#fff}.telephony-btn-primary:hover:not(:disabled){background-color:#4f46e5;box-shadow:0 4px 12px #6366f14d}.telephony-btn-primary:active:not(:disabled){transform:scale(.98)}.telephony-btn-primary:disabled{cursor:not-allowed;opacity:.5}.telephony-btn-secondary{background-color:initial;border:1px solid var(--border-color);color:var(--text-primary)}.telephony-btn-secondary:hover:not(:disabled){background-color:#ffffff0d;border-color:var(--text-secondary)}.telephony-btn-secondary:disabled{cursor:not-allowed;opacity:.5}.telephony-loading{align-items:center;display:flex;gap:8px;justify-content:center}.telephony-spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:14px;width:14px}@media (max-width:768px){.telephony-modal.large,.telephony-modal.medium,.telephony-modal.small{width:calc(100vw - 32px)}.telephony-form-row{grid-template-columns:1fr}.telephony-modal-footer{flex-direction:column-reverse}.telephony-btn-primary,.telephony-btn-secondary{width:100%}}.modal-overlay{background-color:#000000bf;inset:0}.modal-overlay.closing{animation:fadeOut .2s ease-out}.modal-container{animation:slideUp .3s ease-out;background-color:#1e1e1e;border:1px solid #3e3e42;border-radius:8px;box-shadow:0 20px 60px #000c;display:flex;flex-direction:column;height:80vh;max-height:90vh;overflow:hidden}.modal-container.closing{animation:slideDown .2s ease-out}.modal-header{background-color:#252526;border-bottom:1px solid #3e3e42;flex-shrink:0;padding:20px 24px}.modal-close{background:none;border-radius:4px;color:#ccc;height:28px;padding:4px;width:28px}.modal-close:hover{background-color:#ffffff1a}.modal-close svg{height:20px;width:20px}.modal-body{min-height:0}.modal-footer{background-color:#252526;border-top:1px solid #3e3e42;flex-shrink:0}.btn-secondary{background-color:#3e3e42;border:none;border-radius:4px;color:#ccc;font-size:14px;padding:8px 16px;transition:all .2s}.btn-secondary:hover{background-color:#4e4e52;color:#fff}.asterisk-logs-modal-overlay{align-items:center;animation:asteriskModalFadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0c0c0c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}@keyframes asteriskModalFadeIn{0%{opacity:0}to{opacity:1}}.asterisk-logs-modal{animation:asteriskModalSlideUp .3s ease-out;background:#0c0c0c;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-height:85vh;max-width:1200px;width:90%}@keyframes asteriskModalSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.asterisk-logs-header{align-items:center;background:#ffffff08;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px 24px}.asterisk-logs-title{align-items:center;display:flex;gap:12px}.asterisk-logs-icon{color:#f59e0b;filter:drop-shadow(0 0 8px rgba(245,158,11,.4));height:28px;width:28px}.asterisk-logs-title h3{color:#fff;font-size:20px;font-weight:600;margin:0;text-shadow:0 2px 8px #0000004d}.asterisk-logs-close{align-items:center;background:#ef44441a;border:none;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.asterisk-logs-close:hover{background:#ef444433;transform:scale(1.05)}.asterisk-logs-close svg{height:20px;width:20px}.asterisk-logs-controls{align-items:center;background:#ffffff05;border-bottom:1px solid #ffffff0d;display:flex;flex-wrap:wrap;gap:16px;padding:16px 24px}.asterisk-logs-control-group{align-items:center;display:flex;gap:8px}.asterisk-logs-control-group label{background-color:#0c0c0c;color:#94a3b8;font-size:13px;font-weight:500;white-space:nowrap}.asterisk-logs-select{background:#0f172acc;border:1px solid #ffffff1a;border-radius:6px;color:#e2e8f0;cursor:pointer;font-size:13px;padding:6px 12px;transition:all .2s}.asterisk-logs-select:hover{background:#0f172af2;border-color:#f59e0b}.asterisk-logs-select:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a;outline:none}.asterisk-logs-checkbox-label{align-items:center;background:#0f172a99;border:1px solid #ffffff0d;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:6px 12px;position:relative;transition:all .2s}.asterisk-logs-checkbox-label:hover{background:#0f172acc;border-color:#ffffff1a}.asterisk-logs-checkbox{accent-color:#10b981;cursor:pointer;height:16px;width:16px}.asterisk-logs-checkbox-label span{color:#e2e8f0;font-size:13px;white-space:nowrap}.asterisk-logs-pulse{animation:asteriskLogsPulse 2s ease-in-out infinite;background:#10b981;border-radius:50%;height:8px;margin-left:4px;width:8px}@keyframes asteriskLogsPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.asterisk-logs-download-btn,.asterisk-logs-refresh-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s;white-space:nowrap}.asterisk-logs-download-btn{background:#3b82f626;color:#3b82f6}.asterisk-logs-download-btn:hover{background:#3b82f640;transform:translateY(-1px)}.asterisk-logs-refresh-btn{background:#10b98126;color:#10b981;padding:6px 10px}.asterisk-logs-refresh-btn:hover:not(:disabled){background:#10b98140;transform:translateY(-1px)}.asterisk-logs-refresh-btn:disabled{cursor:not-allowed;opacity:.5}.asterisk-logs-download-btn svg,.asterisk-logs-refresh-btn svg{height:16px;width:16px}.asterisk-logs-spinning{animation:asteriskLogsSpin 1s linear infinite}@keyframes asteriskLogsSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.asterisk-logs-error{align-items:center;background:#ef44441a;border-left:3px solid #ef4444;border-radius:6px;color:#fca5a5;display:flex;font-size:14px;gap:12px;margin:16px 24px 0;padding:12px 24px}.asterisk-logs-error svg{flex-shrink:0;height:20px;width:20px}.asterisk-logs-content{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:16px 24px;position:relative}.asterisk-logs-loading{align-items:center;color:#94a3b8;display:flex;flex-direction:column;gap:16px;height:100%;justify-content:center}.asterisk-logs-spinner{animation:asteriskLogsSpin .8s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#f59e0b;height:40px;width:40px}.asterisk-logs-empty{align-items:center;color:#64748b;display:flex;flex-direction:column;gap:16px;height:100%;justify-content:center}.asterisk-logs-empty svg{height:64px;opacity:.5;width:64px}.asterisk-logs-empty p{font-size:16px;margin:0}.asterisk-logs-lines{background:#0000004d;border:1px solid #ffffff0d;border-radius:8px;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:13px;height:100%;line-height:1.6;overflow-x:auto;overflow-y:auto;padding:12px}.asterisk-logs-lines::-webkit-scrollbar{height:8px;width:8px}.asterisk-logs-lines::-webkit-scrollbar-track{background:#ffffff08;border-radius:4px}.asterisk-logs-lines::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.asterisk-logs-lines::-webkit-scrollbar-thumb:hover{background:#ffffff40}.asterisk-log-line{border-radius:3px;display:flex;gap:12px;padding:2px 8px;transition:background .15s;white-space:pre-wrap;word-break:break-all}.asterisk-log-line:hover{background:#ffffff0d}.asterisk-log-line-number{color:#64748b;font-weight:500;min-width:40px;text-align:right;-webkit-user-select:none;user-select:none}.asterisk-log-line-content{color:#e2e8f0;flex:1 1}.asterisk-log-line.log-error{background:#ef444414;border-left:2px solid #ef4444}.asterisk-log-line.log-error .asterisk-log-line-content{color:#fca5a5}.asterisk-log-line.log-warning{background:#f59e0b14;border-left:2px solid #f59e0b}.asterisk-log-line.log-warning .asterisk-log-line-content{color:#fcd34d}.asterisk-log-line.log-debug{background:#8b5cf614;border-left:2px solid #8b5cf6}.asterisk-log-line.log-debug .asterisk-log-line-content{color:#c4b5fd}.asterisk-log-line.log-verbose{background:#6b728014;border-left:2px solid #6b7280}.asterisk-log-line.log-verbose .asterisk-log-line-content{color:#d1d5db}.asterisk-log-line.log-info{background:#3b82f614;border-left:2px solid #3b82f6}.asterisk-log-line.log-info .asterisk-log-line-content{color:#93c5fd}.asterisk-logs-footer{align-items:center;background:#ffffff05;border-top:1px solid #ffffff1a;color:#94a3b8;display:flex;font-size:13px;justify-content:space-between;padding:12px 24px}.asterisk-logs-count{font-weight:500}.asterisk-logs-live-indicator{align-items:center;color:#10b981;display:flex;font-size:11px;font-weight:600;gap:8px;letter-spacing:.5px;text-transform:uppercase}.asterisk-logs-live-dot{animation:asteriskLogsLivePulse 1.5s ease-in-out infinite;background:#10b981;border-radius:50%;box-shadow:0 0 8px #10b98199;height:8px;width:8px}@keyframes asteriskLogsLivePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.4)}}@media (max-width:768px){.asterisk-logs-modal{max-height:90vh;width:95%}.asterisk-logs-controls{gap:8px}.asterisk-logs-control-group{flex:1 1 auto;min-width:120px}.asterisk-logs-download-btn,.asterisk-logs-refresh-btn{padding:8px}.asterisk-logs-download-btn span{display:none}}.telephony-tabs{border-bottom:1px solid #374151;border-bottom:1px solid var(--border-color,#374151);display:flex;gap:1rem;margin-bottom:2rem;overflow-x:auto;padding-bottom:1rem}.telephony-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#9ca3af;color:var(--text-secondary,#9ca3af);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;margin-bottom:-1rem;padding:.75rem 1.5rem 1.75rem;position:relative;transition:all .3s ease;white-space:nowrap}.telephony-tab:hover{color:#f3f4f6;color:var(--text-primary,#f3f4f6)}.telephony-tab.active{border-bottom-color:#3b82f6;border-bottom-color:var(--primary-color,#3b82f6);color:#3b82f6;color:var(--primary-color,#3b82f6)}.telephony-tab .tab-icon{stroke-width:2;height:20px;width:20px}.telephony-section{animation:fadeIn .3s ease}.section-header{align-items:flex-start;flex-wrap:wrap;gap:2rem;margin-bottom:2rem}.section-info{flex:1 1;min-width:200px}.section-info h3{color:#f3f4f6;color:var(--text-primary,#f3f4f6);font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.section-info p{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:.9rem;margin:0}.pbx-info-card{background:#1f2937;background:var(--card-bg,#1f2937);border:1px solid #374151;border:1px solid var(--border-color,#374151);border-radius:.75rem;padding:2rem}.info-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{display:flex;flex-direction:column}.info-item label{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:.85rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.info-item p{background:#0003;border-radius:.5rem;color:#f3f4f6;color:var(--text-primary,#f3f4f6);font-family:Monaco,Courier New,monospace;font-size:1rem;margin:0;padding:.75rem;word-break:break-all}.status-active{color:#10b981;font-weight:600}.status-inactive{color:#ef4444;font-weight:600}.telephony-item{align-items:flex-start;background:#1f2937;background:var(--card-bg,#1f2937);border:1px solid #374151;border:1px solid var(--border-color,#374151);border-radius:.75rem;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1.5rem;transition:all .2s ease}.telephony-item:hover{background:#252f3f;background:var(--card-hover-bg,#252f3f);border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);box-shadow:0 4px 6px #3b82f61a}.telephony-item .flow-info{flex:1 1}.telephony-item .flow-name{color:#f3f4f6;color:var(--text-primary,#f3f4f6);font-size:1rem;font-weight:600;margin:0 0 .5rem}.telephony-item .flow-description{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:.9rem;margin:.5rem 0}.telephony-item .flow-meta{color:#9ca3af;color:var(--text-secondary,#9ca3af);display:flex;flex-wrap:wrap;font-size:.85rem;gap:2rem;margin-top:1rem}.telephony-item .flow-meta span{align-items:center;display:flex}.status-badge{border-radius:9999px;font-size:.8rem;letter-spacing:.05em;padding:.4rem .8rem}.status-badge.active{background:#10b98126;color:#10b981}.status-badge.inactive{background:#ef444426;color:#ef4444}.flows-list{display:flex;flex-direction:column;gap:1rem}.flow-item{align-items:flex-start;background:#1f2937;background:var(--card-bg,#1f2937);border:1px solid #374151;border:1px solid var(--border-color,#374151);border-radius:.75rem;display:flex;justify-content:space-between;padding:1.5rem;transition:all .2s ease}.flow-item:hover{background:#252f3f;background:var(--card-hover-bg,#252f3f);border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);box-shadow:0 4px 6px #3b82f61a}.flow-info{flex:1 1}.flow-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.flow-name{color:#f3f4f6;color:var(--text-primary,#f3f4f6);font-size:1rem;font-weight:600;margin:0}.flow-badges{display:flex;flex-wrap:wrap;gap:.75rem}.flow-description{font-size:.9rem;margin:0 0 1rem}.flow-description,.flow-meta{color:#9ca3af;color:var(--text-secondary,#9ca3af)}.flow-meta{display:flex;flex-wrap:wrap;font-size:.85rem;gap:2rem}.flow-actions{display:flex;gap:.75rem;margin-left:1rem}.loading-container{min-height:300px;padding:4rem 2rem}.spinner{border:3px solid #fff3;border-top:3px solid var(--primary-color,#3b82f6)}.loading-container p{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:.95rem;margin-top:1rem}.error-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:2rem;text-align:center}.error-container p{color:#ef4444;margin-bottom:1rem}.retry-btn{background:#3b82f6;background:var(--primary-color,#3b82f6);border-radius:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.retry-btn:hover{background:#2563eb;background:var(--primary-hover,#2563eb);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:4rem 2rem;text-align:center}.empty-icon{color:#9ca3af;color:var(--text-secondary,#9ca3af)}.empty-state h3{color:#f3f4f6;color:var(--text-primary,#f3f4f6);font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.empty-state p{color:#9ca3af;color:var(--text-secondary,#9ca3af);margin-bottom:2rem}.create-first-flow-btn{background:#3b82f6;background:var(--primary-color,#3b82f6);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 2rem;transition:all .2s ease}.create-first-flow-btn:hover{background:#2563eb;background:var(--primary-hover,#2563eb);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}@media (max-width:768px){.telephony-tabs{-webkit-overflow-scrolling:touch;gap:.5rem;overflow-x:auto}.telephony-tab{padding:.6rem 1rem}.flow-item,.section-header{flex-direction:column}.flow-actions{margin-left:0;margin-top:1rem;width:100%}.info-grid{gap:1rem;grid-template-columns:1fr}.flow-meta{gap:1rem}}.reguas-list{display:flex;flex-direction:column;gap:1rem}.regra-card{background:#0000;border:1px solid #e5e7eb;border-radius:8px;padding:1.25rem;transition:all .2s}.regra-card:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a}.regra-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.75rem}.regra-header h4{color:#111827;font-size:1.125rem;font-weight:600;margin:0}.regra-description{color:#6b7280;font-size:.875rem;margin:.25rem 0 0}.regra-status{display:flex;gap:.5rem}.regra-stats{grid-gap:1rem;border-bottom:1px solid #f3f4f6;border-top:1px solid #f3f4f6;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:.75rem 0;padding:1rem 0}.stat-item{flex-direction:column;gap:.25rem}.stat-label{color:#6b7280;font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.stat-value{color:#111827;font-size:.875rem;font-weight:600}.regra-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.empty-state-small{border:1px dashed #424242;border-radius:8px;color:#6b7280;padding:2rem;text-align:center}.empty-state-small p{font-size:.875rem;margin:0}.form-section{display:flex;flex-direction:column;gap:1.25rem}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.section-header h4{color:#efefef;font-size:1rem;font-weight:600;margin:0}.nested-item{border:1px solid #0c0c0c;border-radius:8px;display:flex;flex-direction:column;gap:1rem;padding:1.25rem}.nested-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.nested-item-header h5{color:#efefef;font-size:.9375rem;font-weight:600;margin:0}.detail-section{display:flex;flex-direction:column;gap:1rem}.detail-row{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:.75rem 0}.detail-row:last-child{border-bottom:none}.detail-row strong{color:#374151;font-size:.875rem;font-weight:600}.detail-row span{color:#6b7280;font-size:.875rem}.config-item{background:#0000;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem;margin-bottom:.5rem;padding:.75rem}.config-item strong{color:#374151;margin-right:.5rem}.regua-info-box{align-items:flex-start;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;display:flex;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.regua-info-box svg{color:#3b82f6;flex-shrink:0;margin-top:.125rem}.regua-info-box strong{color:#1e40af;display:block;font-weight:600;margin-bottom:.25rem}.regua-info-box p{color:#1e40af;font-size:.875rem;line-height:1.5;margin:0}.regua-alert{align-items:center;border-radius:8px;display:flex;font-size:.875rem;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.regua-alert svg{flex-shrink:0}.regua-alert-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.regua-alert-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.regua-alert-warning{background:#fffbeb;border:1px solid #fde68a;color:#92400e}.regua-loading{align-items:center;color:#6b7280;display:flex;justify-content:center;padding:3rem}.regua-spinner{animation:spin .6s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;display:inline-block;height:1rem;width:1rem}@media (max-width:768px){.regra-stats{grid-template-columns:1fr 1fr}.regra-actions{width:100%}.regra-actions button{flex:1 1}}.update-settings-content{display:flex;flex-direction:column;gap:var(--space-4)}.update-inline-error{background:color-mix(in srgb,var(--error) 12%,#0000);border:1px solid var(--error);border-radius:var(--radius-md);color:var(--error);padding:.75rem 1rem}.update-actions-row{grid-gap:var(--space-4);align-items:end;display:grid;gap:var(--space-4);grid-template-columns:minmax(280px,1fr) auto}.update-field{display:flex;flex-direction:column;gap:.5rem}.update-buttons-group{display:flex;flex-wrap:wrap;gap:.75rem}.update-status-row{align-items:center;background:var(--card-2);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;gap:var(--space-4);justify-content:space-between;padding:.875rem 1rem}.update-status-label{color:var(--muted-foreground);font-size:.8rem;margin-bottom:.35rem}.update-status-value{align-items:center;display:flex;gap:.5rem}.update-stream-indicator{align-items:center;color:var(--muted-foreground);display:inline-flex;font-size:.875rem;gap:.5rem}.update-dot{background:var(--muted-foreground);border-radius:999px;height:.625rem;width:.625rem}.update-dot.is-online{background:var(--success)}.update-logs-wrapper{background:var(--card-2);border:1px solid var(--border);border-radius:var(--radius-md)}.update-logs-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:.75rem 1rem}.update-logs-header h4{font-size:.95rem;margin:0}.update-logs-header span{color:var(--muted-foreground);font-size:.8rem}.update-logs-box{display:flex;flex-direction:column;gap:.45rem;max-height:320px;overflow:auto;padding:.75rem 1rem}.update-log-line{grid-gap:.65rem;align-items:start;display:grid;font-size:.8rem;gap:.65rem;grid-template-columns:auto auto 1fr;line-height:1.25rem}.update-log-time{color:var(--muted-foreground);white-space:nowrap}.update-log-stage{color:var(--primary);white-space:nowrap}.update-log-message{color:var(--foreground);overflow-wrap:anywhere}.update-empty-state{color:var(--muted-foreground);font-size:.9rem;margin:0}@media (max-width:900px){.update-actions-row{grid-template-columns:1fr}.update-status-row{align-items:flex-start;flex-direction:column}.update-log-line{gap:.2rem;grid-template-columns:1fr}}.react-flow{--xy-edge-stroke-default:#b1b1b7;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#555;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#ffffff80;--xy-minimap-background-color-default:#fff;--xy-minimap-mask-background-color-default:#f0f0f099;--xy-minimap-mask-stroke-color-default:#0000;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#e2e2e2;--xy-minimap-node-stroke-color-default:#0000;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:#0000;--xy-background-pattern-dots-color-default:#91919a;--xy-background-pattern-lines-color-default:#eee;--xy-background-pattern-cross-color-default:#e2e2e2;--xy-node-color-default:inherit;--xy-node-border-default:1px solid #1a192b;--xy-node-background-color-default:#fff;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #00000014;--xy-node-boxshadow-selected-default:0 0 0 0.5px #1a192b;--xy-node-border-radius-default:3px;--xy-handle-background-color-default:#1a192b;--xy-handle-border-color-default:#fff;--xy-selection-background-color-default:#0059dc14;--xy-selection-border-default:1px dotted #0059dccc;--xy-controls-button-background-color-default:#fefefe;--xy-controls-button-background-color-hover-default:#f4f4f4;--xy-controls-button-color-default:inherit;--xy-controls-button-color-hover-default:inherit;--xy-controls-button-border-color-default:#eee;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#fff;--xy-edge-label-color-default:inherit;--xy-resize-background-color-default:#3367d9;background-color:var(--xy-background-color-default);background-color:var(--xy-background-color,var(--xy-background-color-default));direction:ltr}.react-flow.dark{--xy-edge-stroke-default:#3e3e3e;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#727272;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#96969640;--xy-minimap-background-color-default:#141414;--xy-minimap-mask-background-color-default:#3c3c3c99;--xy-minimap-mask-stroke-color-default:#0000;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#2b2b2b;--xy-minimap-node-stroke-color-default:#0000;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:#141414;--xy-background-pattern-dots-color-default:#777;--xy-background-pattern-lines-color-default:#777;--xy-background-pattern-cross-color-default:#777;--xy-node-color-default:#f8f8f8;--xy-node-border-default:1px solid #3c3c3c;--xy-node-background-color-default:#1e1e1e;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #ffffff14;--xy-node-boxshadow-selected-default:0 0 0 0.5px #999;--xy-handle-background-color-default:#bebebe;--xy-handle-border-color-default:#1e1e1e;--xy-selection-background-color-default:#c8c8dc14;--xy-selection-border-default:1px dotted #c8c8dccc;--xy-controls-button-background-color-default:#2b2b2b;--xy-controls-button-background-color-hover-default:#3e3e3e;--xy-controls-button-color-default:#f8f8f8;--xy-controls-button-color-hover-default:#fff;--xy-controls-button-border-color-default:#5b5b5b;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#141414;--xy-edge-label-color-default:#f8f8f8}.react-flow__background{background-color:var(--xy-background-color-default);background-color:var(--xy-background-color-props,var(--xy-background-color,var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{height:100%;left:0;position:absolute;top:0;width:100%}.react-flow__pane{z-index:1}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.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__edge-path{stroke:var(--xy-edge-stroke-default);stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width-default);stroke-width:var(--xy-edge-stroke-width,var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke-default);stroke:var(--xy-connectionline-stroke,var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width-default);stroke-width:var(--xy-connectionline-stroke-width,var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;pointer-events:none;position:absolute}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.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.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path,.react-flow__edge.selected .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected-default);stroke:var(--xy-edge-stroke-selected,var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke-default);stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke-default);fill:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{overflow:visible;position:absolute;z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{box-sizing:border-box;cursor:default;pointer-events:all;position:absolute;transform-origin:0 0;-webkit-user-select:none;user-select:none}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.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-color:var(--xy-handle-background-color-default);background-color:var(--xy-handle-background-color,var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color,var(--xy-handle-border-color-default));border-radius:100%;height:6px;min-height:5px;min-width:5px;pointer-events:none;position:absolute;width:6px}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{cursor:crosshair;pointer-events:all}.react-flow__handle-bottom{bottom:0;left:50%;top:auto;transform:translate(-50%,50%)}.react-flow__handle-top{left:50%;top:0;transform:translate(-50%,-50%)}.react-flow__handle-left{left:0;top:50%;transform:translate(-50%,-50%)}.react-flow__handle-right{right:0;top:50%;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.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.bottom.center,.react-flow__panel.top.center{left:50%;transform:translateX(-15px) translateX(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{background:var(--xy-attribution-background-color-default);background:var(--xy-attribution-background-color,var(--xy-attribution-background-color-default));font-size:10px;margin:0;padding:2px 3px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{pointer-events:none}.react-flow__edgelabel-renderer,.react-flow__viewport-portal{height:100%;left:0;position:absolute;top:0;-webkit-user-select:none;user-select:none;width:100%}.react-flow__minimap{background:var(--xy-minimap-background-color-default);background:var(
    --xy-minimap-background-color-props,var(--xy-minimap-background-color,var(--xy-minimap-background-color-default))
  )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var(--xy-minimap-mask-background-color-default);fill:var(
      --xy-minimap-mask-background-color-props,var(--xy-minimap-mask-background-color,var(--xy-minimap-mask-background-color-default))
    );stroke:var(--xy-minimap-mask-stroke-color-default);stroke:var(
      --xy-minimap-mask-stroke-color-props,var(--xy-minimap-mask-stroke-color,var(--xy-minimap-mask-stroke-color-default))
    );stroke-width:var(--xy-minimap-mask-stroke-width-default);stroke-width:var(
      --xy-minimap-mask-stroke-width-props,var(--xy-minimap-mask-stroke-width,var(--xy-minimap-mask-stroke-width-default))
    )}.react-flow__minimap-node{fill:var(--xy-minimap-node-background-color-default);fill:var(
      --xy-minimap-node-background-color-props,var(--xy-minimap-node-background-color,var(--xy-minimap-node-background-color-default))
    );stroke:var(--xy-minimap-node-stroke-color-default);stroke:var(
      --xy-minimap-node-stroke-color-props,var(--xy-minimap-node-stroke-color,var(--xy-minimap-node-stroke-color-default))
    );stroke-width:var(--xy-minimap-node-stroke-width-default);stroke-width:var(
      --xy-minimap-node-stroke-width-props,var(--xy-minimap-node-stroke-width,var(--xy-minimap-node-stroke-width-default))
    )}.react-flow__background-pattern.dots{fill:var(--xy-background-pattern-dots-color-default);fill:var(
      --xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-dots-color-default))
    )}.react-flow__background-pattern.lines{stroke:var(--xy-background-pattern-lines-color-default);stroke:var(
      --xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-lines-color-default))
    )}.react-flow__background-pattern.cross{stroke:var(--xy-background-pattern-cross-color-default);stroke:var(
      --xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-cross-color-default))
    )}.react-flow__controls{box-shadow:var(--xy-controls-box-shadow-default);box-shadow:var(--xy-controls-box-shadow,var(--xy-controls-box-shadow-default));display:flex;flex-direction:column}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{align-items:center;background:var(--xy-controls-button-background-color-default);background:var(--xy-controls-button-background-color,var(--xy-controls-button-background-color-default));border:none;border-bottom:1px solid var(
        --xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default))
      );color:var(--xy-controls-button-color-default);color:var(
      --xy-controls-button-color-props,var(--xy-controls-button-color,var(--xy-controls-button-color-default))
    );cursor:pointer;display:flex;height:26px;justify-content:center;padding:4px;-webkit-user-select:none;user-select:none;width:26px}.react-flow__controls-button svg{fill:currentColor;max-height:12px;max-width:12px;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:var(--xy-node-background-color-default);background-color:var(--xy-node-background-color,var(--xy-node-background-color-default));border:var(--xy-node-border,var(--xy-node-border-default));border-radius:var(--xy-node-border-radius-default);border-radius:var(--xy-node-border-radius,var(--xy-node-border-radius-default));color:var(--xy-node-color-default);color:var(--xy-node-color,var(--xy-node-color-default));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:var(--xy-node-boxshadow-hover-default);box-shadow:var(--xy-node-boxshadow-hover,var(--xy-node-boxshadow-hover-default))}.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:var(--xy-node-boxshadow-selected-default);box-shadow:var(--xy-node-boxshadow-selected,var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color-default);background-color:var(--xy-node-group-background-color,var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color-default);background:var(--xy-selection-background-color,var(--xy-selection-background-color-default));border:var(--xy-selection-border,var(--xy-selection-border-default))}.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-button:hover{background:var(--xy-controls-button-background-color-hover-default);background:var(
        --xy-controls-button-background-color-hover-props,var(--xy-controls-button-background-color-hover,var(--xy-controls-button-background-color-hover-default))
      );color:var(--xy-controls-button-color-hover-default);color:var(
        --xy-controls-button-color-hover-props,var(--xy-controls-button-color-hover,var(--xy-controls-button-color-hover-default))
      )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var(
        --xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default))
      )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.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:var(--xy-resize-background-color-default);background-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border:1px solid #fff;border-radius:1px;height:5px;translate:-50% -50%;width:5px}.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-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border-style:solid;border-width:0}.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%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color-default);fill:var(--xy-edge-label-background-color,var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color-default);fill:var(--xy-edge-label-color,var(--xy-edge-label-color-default))}:root{--bg-primary:#09090b;--bg-secondary:#1a1d24;--bg-card:#2a2f3a;--border:#3a3f4a;--text-primary:#e4e4e7;--text-secondary:#a1a1aa;--text-muted:#71717a;--neon-green:#39ff14;--neon-green-dim:#39ff141a;--success:#22c55e}.flow-builder{color:#e4e4e7;color:var(--text-primary);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:90vh;overflow:hidden}.flow-builder,.topbar{background:#09090b;background:var(--bg-primary)}.topbar{border-bottom:1px solid #3a3f4a;gap:1rem;min-height:60px;padding:1rem 1.5rem;z-index:100}.title{color:#e4e4e7;color:var(--text-primary);font-size:1.125rem;font-weight:700}.hint{color:#71717a;font-size:.875rem;font-style:italic}.spacer{flex:1 1}.btn{background:#1a1d24;background:var(--bg-secondary);border:1px solid #3a3f4a;border:1px solid var(--border);border-radius:.5rem;color:#e4e4e7;color:var(--text-primary);justify-content:center;text-decoration:none}.btn:hover{background:#39ff141a;background:var(--neon-green-dim);color:#39ff14;color:var(--neon-green)}.btn.primary,.btn:hover{border-color:#39ff14;border-color:var(--neon-green)}.btn.primary{background:#39ff14;background:var(--neon-green);color:#000}.btn.primary:hover{background:#39ff14e6}.create-flow-btn{border:none;border-radius:.5rem;justify-content:center}.layout{display:flex;flex:1 1;overflow:hidden}.node-palette{background:#09090b;background:var(--bg-primary);border-right:1px solid #3a3f4a;overflow-y:auto}.palette-title{border-bottom:1px solid #3a3f4a;border-bottom:1px solid var(--border);color:#e4e4e7;font-size:1rem;padding:1rem}.palette-content{grid-gap:.5rem;display:grid;gap:.5rem;padding:1rem}.palette-item{background:#131314;border:1px solid #3a3f4a;border-radius:.5rem;color:#e4e4e7;color:var(--text-primary);font-size:.875rem;-webkit-user-select:none;user-select:none}.palette-item:hover{background:#39ff141a;background:var(--neon-green-dim);border-color:#39ff14;border-color:var(--neon-green);color:#39ff14;color:var(--neon-green);transform:translateY(-1px)}.palette-item.ia_node .item-icon{color:#60a5fa}.item-icon{background:#39ff14;background:var(--neon-green);border-radius:50%;color:#000;font-size:.875rem;font-weight:700}.item-title{margin-bottom:2px}.item-io{color:#71717a}.stage-wrap{flex:1 1;overflow:hidden}.react-flow{background:#0c0c0c!important}.react-flow__background{background-color:#0c0c0c!important}.react-flow__background-pattern{stroke:#2a2a2a!important;opacity:.3!important}.react-flow__controls{background:#1a1d24!important;background:var(--bg-secondary)!important;border:1px solid #3a3f4a!important;border:1px solid var(--border)!important}.react-flow__controls-button{background:#2a2f3a!important;background:var(--bg-card)!important;border-bottom:1px solid #3a3f4a!important;border-bottom:1px solid var(--border)!important;color:#e4e4e7!important;color:var(--text-primary)!important}.react-flow__controls-button:hover{background:#39ff141a!important;background:var(--neon-green-dim)!important;color:#39ff14!important;color:var(--neon-green)!important}.custom-node{background:linear-gradient(135deg,#1a1a1a,#262626);border:1px solid #3a3a3a;border-radius:8px;box-shadow:0 4px 12px #0009;color:#e4e4e7;color:var(--text-primary);min-width:180px}.custom-node:hover{border-color:#6366f1;box-shadow:0 4px 20px #6366f166;transform:translateY(-2px)}.custom-node.selected{border-color:#6366f1!important;box-shadow:0 0 24px #6366f199!important}.node-header{background:#0000004d;border-bottom:1px solid #2a2a2a;border-radius:8px 8px 0 0;padding:.5rem .75rem}.badge{border-radius:.25rem;display:inline-block;font-size:.6rem;font-weight:700;margin-bottom:.25rem;padding:.125rem .5rem;text-transform:uppercase}.badge.start{background:#22c55e;background:var(--success);color:#000}.badge.message{background:#3b82f6;color:#fff}.badge.question{background:#a855f7;color:#000}.badge.branch{background:#f59e0b;color:#fff}.badge.action{background:#f97316;color:#fff}.badge.route{background:#06b6d4;color:#fff}.badge.end{background:#ef4444;background:var(--danger);color:#fff}.badge.file_send{background:#10b981;color:#fff}.badge.business_hours{background:#f59e0b;color:#000}.badge.run_flow{background:#63ff6e;color:#000c}.badge.error{background:#ef4444;background:var(--danger);color:#fff}.badge.tag{background:#8b5cf6;color:#fff}.badge.satisfaction_survey{background:#6366f1;color:#fff}.badge.transfer{background:#3b82f6}.node-body{background:#0003;border-radius:0 0 8px 8px;padding:.75rem}.node-title{color:#e4e4e7;color:var(--text-primary);font-size:.9375rem;font-weight:600;margin-bottom:.375rem}.node-hint{align-items:center;color:#71717a;color:var(--text-muted);display:inline-flex;font-size:.75rem;font-style:normal;gap:.25rem}.react-flow__handle{background:#6366f1!important;border:2px solid #0c0c0c!important;height:10px!important;transition:all .2s ease!important;width:10px!important}.react-flow__handle:hover{background:#4f46e5!important;height:12px!important;width:12px!important}.react-flow__handle.connectingfrom{background:#10b981!important;height:12px!important;width:12px!important}.modal-backdrop{background:#000c;padding:1rem}.modal{background:#0c0c0c;border:1px solid #3a3f4a;border:1px solid var(--border);border-radius:.5rem;display:flex;flex-direction:column;max-height:90vh;max-width:800px;min-width:500px;overflow:hidden}.modal-header{background:#0003;border-bottom:1px solid #3a3f4a;padding:1rem 1.5rem}.modal-header h3{color:#fff!important;font-size:1.125rem}.close-btn{background:none;color:#e4e4e7;color:var(--text-primary);font-size:1.5rem;line-height:1;padding:0}.close-btn:hover{color:#39ff14;color:var(--neon-green)}.modal-footer{background:#0000001a;border-top:1px solid #3a3f4a;gap:.75rem;padding:1rem 1.5rem}.form-row{grid-gap:.5rem;display:grid;gap:.5rem;margin-bottom:1rem}.form-row label{color:#fff;font-size:.875rem;font-weight:500}.form-row input,.form-row select,.form-row textarea{background:#2a2f3a;border:1px solid #3a3f4a;border:1px solid var(--border);border-radius:.375rem;color:#fff;font-size:.875rem;padding:.625rem;transition:border-color .2s ease}.form-row input:focus,.form-row select:focus,.form-row textarea:focus{border-color:#39ff14;border-color:var(--neon-green);box-shadow:0 0 0 2px #39ff141a;outline:none}.form-row textarea{min-height:80px;resize:vertical}.checkbox-wrapper{align-items:center;display:flex;gap:.5rem}.checkbox-wrapper input[type=checkbox]{margin:0;width:auto}.field-description{font-size:.75rem;margin-top:.25rem}.field-description,.form-hint{color:#71717a;color:var(--text-muted)}.form-hint{font-size:.875rem;font-style:italic;margin-bottom:1rem}.branch-conditions-editor{background:#09090b;background:var(--bg-primary);border:1px solid #3a3f4a;border:1px solid var(--border);border-radius:.375rem;padding:1rem}.conditions-empty,.options-empty{color:#71717a;color:var(--text-muted);padding:1rem;text-align:center}.conditions-list,.options-list{margin-bottom:1rem}.condition-item,.option-item{align-items:center;background:#2a2f3a;background:var(--bg-card);border-radius:.25rem;display:flex;gap:.5rem;margin-bottom:.5rem;padding:.5rem}.condition-text{flex:1 1;font-size:.875rem}.btn-remove-condition,.btn-remove-option{align-items:center;background:#ef4444;background:var(--danger);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;width:24px}.add-condition,.add-option{border-top:1px solid #3a3f4a;border-top:1px solid var(--border);padding-top:1rem}.condition-inputs{align-items:center;display:flex}.condition-inputs input{flex:1 1}.btn-add-condition,.btn-add-option{background:#39ff14;background:var(--neon-green);border:none;border-radius:.25rem;color:#000;cursor:pointer;font-weight:500;margin-top:10px;padding:.5rem 1rem}.dynamic-options-editor{background:#09090b;background:var(--bg-primary);border:1px solid #3a3f4a;border:1px solid var(--border);border-radius:.375rem;padding:1rem}.option-item input{flex:1 1;margin:0}.options-info{border-top:1px solid #3a3f4a;border-top:1px solid var(--border);margin-top:.5rem;padding-top:.5rem;text-align:center}.node-options-count{font-size:.75rem;font-weight:500;margin-top:.25rem}.branch-outputs{margin-top:.25rem}.branch-outputs small{color:#71717a;color:var(--text-muted);font-size:.7rem}.react-flow__handle.react-flow__handle-right[style*="22c55e"]{border:2px solid #22c55e;border:2px solid var(--success)}.react-flow__handle.react-flow__handle-right[style*=ef4444]{border:2px solid #ef4444;border:2px solid var(--danger)}.condition-builder{border-top:1px solid #3a3f4a;border-top:1px solid var(--border);margin-top:1rem;padding-top:1rem}.condition-builder-header h4{color:#e4e4e7;color:var(--text-primary);font-size:.9rem;margin:0 0 1rem}.condition-inputs{grid-gap:.5rem;align-items:end;display:grid;gap:.5rem;grid-template-columns:auto 1fr 1fr auto}.input-group{display:flex;flex-direction:column;gap:.25rem}.input-group label{color:#a1a1aa;color:var(--text-secondary);font-size:.75rem;font-weight:500}.input-group input,.input-group select{font-size:.875rem;padding:.375rem .5rem}.no-variables-warning{background:#ef44441a;border-radius:.25rem;margin-top:.5rem;padding:.5rem;text-align:center}.no-variables-warning small{color:#ef4444;color:var(--danger)}.condition-item{align-items:center;background:#2a2f3a;background:var(--bg-card);border:1px solid #3a3f4a;border:1px solid var(--border);border-radius:.375rem;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.75rem}.condition-text strong{color:#39ff14;color:var(--neon-green)}.condition-text em{color:#f59e0b;color:var(--warning);font-style:normal;font-weight:600}@media (max-width:768px){.condition-inputs{gap:1rem;grid-template-columns:1fr}}.action-buttons{gap:.75rem}.flow-status{align-items:center;display:flex;font-size:.875rem;gap:.5rem}.status{border-radius:.25rem;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.status.published{background:#22c55e33;color:#22c55e;color:var(--success)}.status.draft{background:#f59e0b33;color:#f59e0b;color:var(--warning)}.version{border-radius:.25rem;color:#71717a;color:var(--text-muted);font-size:.75rem;padding:.125rem .375rem}.btn.secondary,.version{background:#2a2f3a;background:var(--bg-card)}.btn.secondary{border-color:#3a3f4a;border-color:var(--border)}.btn.secondary:hover{background:#39ff141a;background:var(--neon-green-dim);border-color:#39ff14;border-color:var(--neon-green);color:#39ff14;color:var(--neon-green)}.btn.mini{font-size:.75rem;min-height:24px;padding:.25rem .5rem}.btn.mini.active{background:#39ff14;background:var(--neon-green);color:#000}.json-modal{max-width:90vw;min-width:800px}.header-actions{gap:1rem}.mode-toggle{background:#09090b;background:var(--bg-primary);border:1px solid #3a3f4a;border:1px solid var(--border);border-radius:.375rem}.json-editor{border:1px solid #3a3f4a;border-radius:.375rem;height:500px}.json-display{border:none}.json-display,.json-textarea{background:#09090b;background:var(--bg-primary);color:#e4e4e7;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.json-textarea{outline:none}.json-stats{border-top:1px solid #3a3f4a;margin-top:.5rem;padding-top:.5rem;text-align:center}.error-message{background:#ef44441a;border:1px solid #ef4444;border:1px solid var(--danger);border-radius:.375rem;color:var(--danger);font-size:.875rem;margin-bottom:1rem;padding:.75rem}.left-actions,.right-actions{display:flex;gap:.5rem}@media (max-width:768px){.action-buttons{flex-wrap:wrap;gap:.5rem}.flow-status{order:-1;width:100%}.json-modal{max-height:95vh;min-width:95vw}.json-editor{height:400px}.modal-footer{flex-direction:column;gap:1rem}.left-actions,.right-actions{justify-content:center;width:100%}}.flow-builder-loading{align-items:center;background:#09090b;background:var(--bg-primary);color:#e4e4e7;color:var(--text-primary);display:flex;height:100vh;justify-content:center;text-align:center}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#09090b;background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#3a3f4a;background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#71717a;background:var(--text-muted)}@media (max-width:1024px){.node-palette{width:250px}.modal{min-width:400px}}@media (max-width:768px){.layout{flex-direction:column}.node-palette{border-bottom:1px solid #3a3f4a;border-bottom:1px solid var(--border);border-right:none;height:200px;overflow-x:auto;overflow-y:hidden;width:100%}.palette-content{display:flex;gap:.5rem;padding:.5rem}.palette-item{flex-shrink:0;min-width:120px}.modal{margin:.5rem;min-width:300px}.hint{display:none}}.no-tags-available select{background:#1a1d24;background:var(--bg-secondary);color:#71717a;color:var(--text-muted);cursor:not-allowed}.tag-preview{margin-top:.5rem}.tag-preview-item{box-shadow:0 1px 3px #0003}.tag-description{font-style:italic}.tag-node .tag-info{box-shadow:0 1px 2px #0000004d;font-weight:600}.field-description a{color:#39ff14;color:var(--neon-green)}.field-description a:hover{color:var(--neon-green-bright)}.badge.tag,.tag-node .tag-info,.tag-preview-item{font-weight:700;transition:all .2s ease}.custom-node{transition:all .2s ease}.custom-node:hover{box-shadow:0 4px 12px #39ff1433;transform:translateY(-1px)}.stage-wrap{position:relative}.stage-wrap.drag-over:before{background:#39ff14;background:var(--neon-green);border-radius:.5rem;color:#000;content:"Solte aqui para criar novo nó";font-weight:700;left:50%;padding:1rem 2rem;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1000}.department-preview-item,.transfer-node .transfer-info{font-weight:700;transition:all .2s ease}.no-departments-available select{background:#1a1d24;background:var(--bg-secondary);color:#71717a;color:var(--text-muted);cursor:not-allowed}.badge.transfer{background:#06b6d4;color:#fff}.satisfaction_survey-node{background:linear-gradient(135deg,#6366f11a,#4f46e50d);border:2px solid #6366f1;min-width:220px}.satisfaction_survey-node .node-header .badge{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-weight:700;letter-spacing:.025em}.satisfaction_survey-node .survey-info{background:#6366f126;border:1px solid #6366f1;border-radius:.375rem;font-size:.75rem;margin-top:.5rem;padding:.5rem}.satisfaction_survey-node .survey-type-label{align-items:center;color:#6366f1;display:flex;font-size:.8125rem;font-weight:600;gap:.375rem}.satisfaction_survey-node .nps-outputs{grid-gap:.25rem;display:grid;gap:.25rem;grid-template-columns:repeat(4,1fr);margin-top:.5rem}.satisfaction_survey-node .nps-output-label{border-radius:.25rem;color:#fff;font-size:.65rem;font-weight:600;padding:.25rem;text-align:center;text-shadow:0 1px 2px #0000004d}.satisfaction_survey-node .nps-output-label.detractors{background:#ef4444}.satisfaction_survey-node .nps-output-label.passives{background:#f59e0b}.satisfaction_survey-node .nps-output-label.promoters{background:#10b981}.satisfaction_survey-node .nps-output-label.timeout{background:#6b7280}.actions-node .node-header .badge{background:linear-gradient(135deg,#f59e0b,#d97706)}.send_file-node .node-header .badge{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.wait_user_action-node .node-header .badge{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.file-info{font-size:.875rem;margin-bottom:.5rem}.checkbox-group{display:flex;flex-direction:column;gap:.5rem}.checkbox-group .checkbox-wrapper{margin:0}.integrations-tab.disabled{cursor:not-allowed;opacity:.5}.action-node .node-header .badge{background:linear-gradient(135deg,#ec4899,#ec4899)}.file-preview{color:#374151}.upload-progress{align-items:center;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:.375rem;color:#1d4ed8;display:flex;font-size:.875rem;gap:.5rem;margin-top:.5rem;padding:.5rem}.spinner{animation:spin 1s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:16px;width:16px}.file-preview{background-color:#f3f4f6;border:1px dashed #d1d5db;border-radius:.375rem;font-size:.875rem;margin-top:.5rem;padding:.5rem}.file-preview.uploaded{background-color:#f0fdf4;border-color:#bbf7d0;border-style:solid}.file-info{color:#374151;margin-bottom:.25rem}.upload-success{color:#059669;font-weight:500}.upload-success small{font-size:.75rem}input[type=file]:disabled{cursor:not-allowed;opacity:.6}.file-url{background-color:#f8fafc;border-radius:.25rem;font-family:monospace;margin-top:.25rem;padding:.25rem}.file-url code{color:#1e293b;font-size:.75rem;word-break:break-all}.palette-divider{border-top:1px solid #e5e7eb;color:#6b7280;font-size:.75rem;font-weight:600;margin:1rem 0 .5rem;padding:.5rem 0;text-transform:uppercase}.flow-item .badge.published{background:linear-gradient(135deg,#10b981,#059669)}.flow-item .badge.draft{background:linear-gradient(135deg,#f59e0b,#d97706)}.flow-preview{margin-top:.5rem}.flow-warning{font-weight:500}.item-preview{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:.5rem;margin-top:.75rem;padding:.75rem}.item-preview-badge{align-items:center;border-radius:.375rem;box-shadow:0 2px 4px #0000001a;color:#fff;display:inline-flex;font-size:.8125rem;font-weight:600;gap:.375rem;padding:.375rem .75rem;text-shadow:0 1px 2px #0003}.item-description{color:#64748b;font-size:.8125rem;line-height:1.5;margin-top:.5rem}.field-disabled{margin-top:.25rem}.field-disabled select{background-color:#f9fafb;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}.no-items-available{margin-top:.25rem}.no-items-available select{background-color:#fef3c7;border-color:#fcd34d;color:#92400e;cursor:not-allowed}.form-row select{border:1px solid #d1d5db;border-radius:.5rem;color:#fff;font-size:.875rem;padding:.625rem .75rem;transition:all .2s;width:100%}.form-row select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-row select:disabled{background-color:#f3f4f6;cursor:not-allowed}.form-row>label{color:#374151;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.field-description{color:#6b7280;font-size:.8125rem;line-height:1.5;margin-top:.5rem}.field-description a{color:#3b82f6;font-weight:500;text-decoration:underline}.field-description a:hover{color:#1d4ed8}.form-row+.form-row{margin-top:1.25rem}.flow-preview{margin-top:.75rem}.flow-preview-item{border-radius:.375rem;box-shadow:0 2px 4px #0000001a;display:inline-block;font-size:.8125rem;font-weight:600;padding:.375rem .75rem}.flow-warning{align-items:center;background-color:#fef3c7;border-left:3px solid #f59e0b;border-radius:.375rem;display:flex;gap:.375rem;margin-top:.5rem;padding:.5rem .75rem}.tag-preview{margin-top:.75rem}.tag-preview-item{border-radius:.375rem;box-shadow:0 2px 4px #0000001a;display:inline-block;font-size:.8125rem;font-weight:600;padding:.375rem .75rem}.tag-description{color:#6b7280;font-size:.8125rem;margin-top:.5rem}.badge.business_hours{background:#63ff6e}.business_hours-node{border-color:#63ff6e!important}.business_hours-node:hover{box-shadow:0 4px 12px #3b82f64d}.schedule-info{animation:fadeIn .3s ease-in;background:#0c0c0c!important}.badge.interactive_template{background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff;font-weight:600}.interactive_template-node{background:linear-gradient(135deg,#a855f71a,#7c3aed0d);border-color:#a855f7!important}.interactive_template-node:hover{border-color:#c084fc!important;box-shadow:0 4px 12px #a855f766}.palette-item.interactive_template{border-left:3px solid #a855f7}.palette-item.interactive_template:hover{background:#a855f71a;border-left-width:4px}.badge.ai_node{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;font-weight:600}.ai_node-node{background:linear-gradient(135deg,#3b82f61a,#1d4ed80d);border-color:#3b82f6!important}.ai_node-node:hover{box-shadow:0 4px 12px #3b82f666}.palette-item.ai_node:hover{border-left-width:4px}.palette-item.disabled{cursor:not-allowed!important;filter:grayscale(50%);opacity:.5;pointer-events:none}.palette-item.disabled:hover{background:#0000!important;border-color:#0000!important;transform:none!important}.standby-badge{background:#fbbf2433;border-radius:4px;color:#f59e0b;display:inline-block;font-size:9px;font-weight:600;letter-spacing:.5px;margin-left:6px;padding:2px 6px;text-transform:uppercase}:root{--primary:#6366f1;--primary-hover:#4f46e5;--secondary:#10b981;--danger:#ef4444;--warning:#f59e0b;--bg-dark:#0c0c0c;--bg-card:#1a1a1a;--bg-hover:#262626;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#64748b;--border:#2a2a2a;--shadow:#00000080}.topbar{background:#1a1a1a;background:var(--bg-card);border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--border);box-shadow:0 2px 8px #00000080;box-shadow:0 2px 8px var(--shadow);min-height:70px;padding:1rem 2rem}.header-left,.topbar{align-items:center;display:flex;gap:1.5rem}.header-left{flex:1 1}.btn-icon{align-items:center;background:#0c0c0c;background:var(--bg-dark);border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:8px;color:#cbd5e1;color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.btn-icon:hover{background:#262626;background:var(--bg-hover);border-color:#6366f1;border-color:var(--primary);color:#6366f1;color:var(--primary);transform:translateX(-2px)}.title-group{display:flex;flex-direction:column;gap:.25rem}.flow-title{color:#f1f5f9;color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.hint{align-items:center;color:#64748b;color:var(--text-muted);display:inline-flex;font-size:.8rem;font-weight:400;gap:.375rem}.hint svg{flex-shrink:0;opacity:.7}.status-badge{background:#0c0c0c;background:var(--bg-dark);border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:20px;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.status-badge svg{flex-shrink:0}.status-badge.published{background:#10b9811a;border-color:#10b981;border-color:var(--secondary);color:#10b981;color:var(--secondary)}.status-badge.draft{background:#fbbf241a;border-color:#f59e0b;border-color:var(--warning);color:#f59e0b;color:var(--warning)}.status-version{background:#262626;background:var(--bg-hover);border-radius:12px;font-size:.75rem;padding:.125rem .5rem}.action-buttons{align-items:center;display:flex;gap:1rem}.btn{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;min-height:40px;padding:.625rem 1.25rem;transition:all .2s ease;white-space:nowrap}.btn svg{flex-shrink:0}.btn-secondary{background:#0c0c0c;background:var(--bg-dark);border-color:#2a2a2a;border-color:var(--border);color:#cbd5e1;color:var(--text-secondary)}.btn-secondary:hover{background:#262626;background:var(--bg-hover);color:#6366f1;color:var(--primary)}.btn-primary,.btn-secondary:hover{border-color:#6366f1;border-color:var(--primary)}.btn-primary{background:#6366f1}.btn-primary:hover{background:#4f46e5;background:var(--primary-hover);box-shadow:0 4px 12px #6366f14d;transform:translateY(-1px)}.btn-ghost{background:#0000;border-color:#2a2a2a;border-color:var(--border);color:#cbd5e1;color:var(--text-secondary)}.btn-ghost:hover{background:#262626;background:var(--bg-hover);color:#f1f5f9;color:var(--text-primary)}.btn:disabled{opacity:.5;transform:none!important}.create-flow-btn{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;min-height:40px;padding:.625rem 1.25rem;transition:all .2s ease;white-space:nowrap}.create-flow-btn svg{flex-shrink:0}.create-flow-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.node-palette{background:#1a1a1a;background:var(--bg-card);border-right:1px solid #2a2a2a;border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;width:280px}.palette-header{border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--border);padding:1rem}.palette-title{color:#f1f5f9;color:var(--text-primary);font-size:.875rem;font-weight:600;letter-spacing:.05em;margin:0 0 .75rem;text-transform:uppercase}.palette-search{align-items:center;display:flex;position:relative}.palette-search svg{color:#64748b;color:var(--text-muted);left:.75rem;position:absolute}.palette-search input{background:#0c0c0c;background:var(--bg-dark);border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:6px;color:#f1f5f9;color:var(--text-primary);font-size:.875rem;padding:.5rem 2rem .5rem 2.5rem;transition:all .2s ease;width:100%}.palette-search input:focus{background:#262626;background:var(--bg-hover);border-color:#6366f1;border-color:var(--primary);outline:none}.clear-search,.palette-search input::placeholder{color:#64748b;color:var(--text-muted)}.clear-search{align-items:center;background:#262626;background:var(--bg-hover);border:none;border-radius:4px;cursor:pointer;display:flex;font-size:1rem;height:20px;justify-content:center;line-height:1;position:absolute;right:.5rem;width:20px}.clear-search:hover{background:#ef4444;background:var(--danger);color:#fff}.palette-content{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:.5rem}.palette-content::-webkit-scrollbar{width:6px}.palette-content::-webkit-scrollbar-track{background:#0c0c0c;background:var(--bg-dark)}.palette-content::-webkit-scrollbar-thumb{background:#2a2a2a;background:var(--border);border-radius:3px}.palette-content::-webkit-scrollbar-thumb:hover{background:#6366f1;background:var(--primary)}.node-group{margin-bottom:.5rem}.group-header{align-items:center;background:#0c0c0c;background:var(--bg-dark);border-radius:6px;cursor:pointer;display:flex;gap:.5rem;padding:.625rem .75rem;transition:all .2s ease;-webkit-user-select:none;user-select:none}.group-header:hover{background:#262626;background:var(--bg-hover)}.group-icon{flex-shrink:0;font-size:1rem}.group-label{color:#f1f5f9;color:var(--text-primary);flex:1 1;font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.group-count{background:#262626;background:var(--bg-hover);border-radius:10px;font-size:.75rem;padding:.125rem .5rem}.chevron,.group-count{color:#64748b;color:var(--text-muted)}.chevron{transition:transform .2s ease}.chevron.expanded{transform:rotate(180deg)}.group-items{display:flex;flex-direction:column;gap:.375rem;padding:.5rem 0}.palette-item{align-items:center;background:#0c0c0c;background:var(--bg-dark);border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:6px;cursor:grab;display:flex;gap:.75rem;padding:.75rem;position:relative;transition:all .2s ease}.palette-item:hover{background:#262626;background:var(--bg-hover);border-color:#6366f1;border-color:var(--primary);box-shadow:0 2px 8px #6366f133;transform:translateX(4px)}.palette-item:active{cursor:grabbing;transform:scale(.98)}.item-icon{align-items:center;background:#262626;background:var(--bg-hover);border-radius:6px;color:#6366f1;color:var(--primary);display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.palette-item.start .item-icon{color:#22c55e}.palette-item.message .item-icon{color:#3b82f6}.palette-item.question .item-icon{color:#a855f7}.palette-item.branch .item-icon{color:#f59e0b}.palette-item.action .item-icon{color:#ec4899}.palette-item.end .item-icon{color:#ef4444}.palette-item.transfer .item-icon{color:#06b6d4}.palette-item.tag .item-icon{color:#8b5cf6}.palette-item.error .item-icon{color:#dc2626}.item-info{flex:1 1;min-width:0}.item-title{color:#f1f5f9;color:var(--text-primary);font-size:.875rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-meta{align-items:center;display:flex;gap:.5rem;margin-top:.125rem}.item-io{font-family:Courier New,monospace;font-size:.75rem}.drag-handle,.item-io{color:#64748b;color:var(--text-muted)}.drag-handle{opacity:0;transition:opacity .2s ease}.palette-item:hover .drag-handle{opacity:1}.modal-backdrop{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.json-modal{animation:slideUp .3s ease;background:#1a1a1a;background:var(--bg-card);border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:12px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:900px;width:90%}.modal-header{border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--border);padding:1.25rem 1.5rem}.header-title{align-items:center;display:flex;gap:.75rem}.header-title h3{color:#f1f5f9;color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0}.header-title svg{color:#6366f1;color:var(--primary)}.header-actions{align-items:center;display:flex;gap:.75rem}.mode-toggle{background:#0c0c0c;background:var(--bg-dark);border-radius:6px;display:flex;gap:.25rem;padding:.25rem}.btn-mode{align-items:center;background:#0000;border:none;border-radius:4px;color:#64748b;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.btn-mode:hover{background:#262626;background:var(--bg-hover);color:#f1f5f9;color:var(--text-primary)}.btn-mode.active{background:#6366f1;background:var(--primary);color:#fff}.btn-close{align-items:center;background:#0000;border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:6px;color:#64748b;color:var(--text-muted);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.btn-close:hover{background:#ef4444;background:var(--danger);border-color:#ef4444;border-color:var(--danger);color:#fff}.modal-body{display:flex;flex-direction:column;overflow:hidden;padding:1.5rem}.alert{align-items:center;border-radius:6px;display:flex;font-size:.875rem;gap:.75rem;margin-bottom:1rem;padding:.75rem 1rem}.alert-error{background:#ef44441a;border:1px solid #ef44444d;color:#fca5a5}.alert svg{flex-shrink:0}.json-editor{background:#0c0c0c;background:var(--bg-dark);border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:8px;flex:1 1;overflow:hidden}.json-display{font-family:Courier New,Consolas,monospace;font-size:.875rem;height:100%;line-height:1.5;margin:0;overflow:auto;padding:1rem;width:100%}.json-display,.json-display code,.json-textarea{color:#f1f5f9;color:var(--text-primary)}.json-textarea{background:#0c0c0c;background:var(--bg-dark);border:none;font-family:Courier New,Consolas,monospace;font-size:.875rem;height:100%;line-height:1.5;padding:1rem;resize:none;width:100%}.json-textarea:focus{outline:none}.json-stats{align-items:center;border-top:1px solid #2a2a2a;border-top:1px solid var(--border);display:flex;gap:1.5rem;margin-top:.75rem;padding:.75rem 0}.stat-item{color:#64748b;color:var(--text-muted);font-size:.8rem;gap:.5rem}.stat-item svg{color:#6366f1;color:var(--primary)}.modal-footer{align-items:center;border-top:1px solid #2a2a2a;border-top:1px solid var(--border);justify-content:space-between;padding:1.25rem 1.5rem}.footer-left,.footer-right{display:flex;gap:.75rem}.btn-outline{background:#0000;border:1px solid #2a2a2a;border:1px solid var(--border);color:#cbd5e1;color:var(--text-secondary)}.btn-outline:hover{background:#262626;background:var(--bg-hover);border-color:#6366f1;border-color:var(--primary);color:#6366f1;color:var(--primary)}@media (max-width:1024px){.topbar{gap:1rem;padding:1rem 1.5rem}.flow-title{font-size:1.25rem}.node-palette{width:260px}.status-version{display:none}}@media (max-width:768px){.topbar{flex-wrap:wrap;gap:.75rem;padding:1rem}.header-left{gap:1rem;margin-bottom:0;width:100%}.title-group{flex:1 1;min-width:0}.flow-title{font-size:1.1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hint-desktop{display:none}.status-badge{font-size:.7rem;padding:.35rem .75rem;position:absolute;right:1rem;top:1rem}.spacer,.status-badge .status-version{display:none}.action-buttons{gap:.5rem;justify-content:space-between;width:100%}.create-flow-btn{min-height:38px;padding:.625rem 1rem}.create-flow-btn .btn-text{display:inline}.node-palette{width:220px}.layout{flex-direction:column}.json-modal{margin:1rem;max-height:90vh;width:95%}.modal-body{max-height:calc(90vh - 180px)}}@media (max-width:480px){.topbar{min-height:auto;padding:.75rem}.btn-icon{height:36px;width:36px}.flow-title{font-size:1rem}.status-badge{font-size:.65rem;gap:.25rem;padding:.25rem .5rem;right:.75rem;top:.75rem}.status-badge svg{height:10px;width:10px}.create-flow-btn .btn-text{display:none}.create-flow-btn{justify-content:center;min-width:40px;padding:.5rem}.create-flow-btn svg{margin:0}.action-buttons{gap:.375rem}.node-palette{bottom:0;box-shadow:2px 0 10px #00000080;box-shadow:2px 0 10px var(--shadow);left:-220px;position:fixed;top:70px;transition:left .3s ease;width:220px;z-index:100}.node-palette.open{left:0}.palette-toggle{align-items:center;background:#1a1a1a;background:var(--bg-card);border:1px solid #2a2a2a;border:1px solid var(--border);border-left:none;border-radius:0 8px 8px 0;cursor:pointer;display:flex;height:40px;justify-content:center;left:0;position:fixed;top:80px;width:40px;z-index:101}.stage-wrap{width:100%}.json-modal{border-radius:0;height:100vh;margin:0;max-height:100vh;width:100%}.modal-header{padding:1rem}.modal-title{font-size:1rem}.modal-body{max-height:calc(100vh - 160px);padding:1rem}.modal-footer{gap:.5rem;padding:1rem}.json-editor{font-size:.75rem}}@media (max-height:500px) and (orientation:landscape){.topbar{min-height:50px;padding:.5rem 1rem}.btn-icon{height:32px;width:32px}.flow-title{font-size:.9rem}.create-flow-btn{font-size:.75rem;min-height:32px;padding:.4rem .6rem}.node-palette{top:50px}}.atendimentos-page{--primary:#39ff14;--primary-hover:#2ee010;--secondary:#8b5cf6;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--background:#09090b;--card-bg:#09090b;--card-hover:#0f0f10;--foreground:#f8fafc;--muted-foreground:#94a3b8;--text-secondary:#cbd5e1;--border:#334155;--status-new:#3b82f6;--status-progress:#f59e0b;--status-resolved:#10b981;--status-closed:#6b7280;--status-risk:#ef4444;--status-vip:#a855f7;--shadow-sm:0 2px 4px #0000001a;--shadow-md:0 4px 8px #00000026;--shadow-lg:0 8px 16px #0003}[data-theme=light] .atendimentos-page{--background:#f8fafc;--card-bg:#fff;--card-hover:#f8fafc;--foreground:#0f172a;--muted-foreground:#64748b;--text-secondary:#475569;--border:#e2e8f0;--shadow-sm:0 2px 4px #0f172a0f;--shadow-md:0 4px 12px #0f172a14;--shadow-lg:0 8px 24px #0f172a1a}.m-w-1500{min-width:1500px!important}.main-container.atendimentos-page{background:var(--background);color:var(--foreground);font-family:Inter,Segoe UI,system-ui,sans-serif;margin:0 auto;min-height:100vh;padding:1.5rem}.metrics-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;overflow:hidden;position:relative;transition:all .3s ease}.metrics-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.metrics-label{color:var(--muted-foreground);font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.metrics-value{color:var(--foreground);font-size:1.5rem;font-weight:700;margin-top:.25rem}.metrics-new{color:var(--status-new)}.metrics-progress{color:var(--status-progress)}.metrics-closed{color:#9ca3af}.metrics-risk{color:var(--status-risk)}.search-input{background:var(--card-bg);border:2px solid var(--border);border-radius:10px;color:var(--foreground);font-size:.875rem;padding:.75rem 1rem .75rem 2.5rem;transition:all .2s ease;width:100%}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #39ff141a;outline:none}.quick-filter{align-items:center;background:var(--card-bg);border:1px solid var(--border);border-radius:8px;color:var(--muted-foreground);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem .75rem;transition:all .2s ease}.quick-filter:hover{border-color:var(--primary);color:var(--foreground);transform:translateY(-1px)}.quick-filter.active{background:var(--primary);border-color:var(--primary);box-shadow:0 4px 8px #39ff144d;color:#000}.quick-filter.filter-new.active{background:var(--status-new);border-color:var(--status-new)}.quick-filter.filter-progress.active{background:var(--status-progress);border-color:var(--status-progress)}.quick-filter.filter-closed.active{background:#6b728033;border-color:#6b7280;color:#6b7280}.quick-filter.filter-risk.active{background:var(--status-risk);border-color:var(--status-risk)}.tabs-container{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;display:flex;overflow-x:auto;padding:.25rem;scrollbar-width:none}.tabs-container::-webkit-scrollbar{display:none}.tab-button{background:#0000;border:none;border-radius:8px;color:var(--muted-foreground);white-space:nowrap}.tab-button:hover{background:#8b5cf61a;color:var(--foreground)}.tab-button.active{background:#511d81}.card-dark{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-md);overflow:hidden}.attendance-card{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;cursor:pointer;position:relative;transition:all .3s ease}.attendance-card:hover{background:var(--card-hover);border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.attendance-header{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem}.attendance-avatar{align-items:center;background:linear-gradient(135deg,var(--secondary),var(--primary));border:2px solid var(--border);border-radius:50%;display:flex;height:2.5rem;justify-content:center;width:2.5rem}.attendance-initials{color:#fff;font-size:.875rem;font-weight:600}.attendance-name{color:var(--foreground);font-size:.875rem;font-weight:600}.attendance-message{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.8125rem;line-height:1.4;overflow:hidden}.attendance-department{color:var(--muted-foreground);font-size:.75rem;font-weight:500}.attendance-footer{align-items:center;display:flex;justify-content:space-between;margin-top:.5rem}.attendance-time{align-items:center;color:var(--muted-foreground);display:flex;font-size:.75rem;gap:.25rem}.status-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.6875rem;letter-spacing:.025em;padding:.125rem .5rem}.badge-sla-risk{animation:pulse-glow 2s infinite;background:#ef444426;border:1px solid #ef44444d;color:#fca5a5}.badge-vip{background:#a855f726;border:1px solid #a855f74d;color:#d8b4fe}.badge-closed{background:#6b728033;border:1px solid #6b72804d;color:#6b7280}.status-dot{border-radius:50%;height:.5rem;width:.5rem}.status-dot.status-new{background:var(--status-new)}.status-dot.status-progress{background:var(--status-progress)}.new-ticket-highlight{animation:fadeIn .3s ease-out;border-left:3px solid var(--success)}.attendance-closed,.ticket-closed{border-left:3px solid var(--status-closed);opacity:.7}.ticket-closed:hover{opacity:1;transform:translateY(-1px)}.funnel-info{margin-top:.5rem;padding-top:.5rem}.funnel-badge,.stage-badge{align-items:center;border:1px solid;display:flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.125rem .5rem}.btn-primary{align-items:center;background:var(--primary);border:1px solid var(--primary);border-radius:8px;color:#000;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-secondary{align-items:center;background:var(--card-bg);border:1px solid var(--border);border-radius:8px;color:var(--foreground);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.btn-secondary:hover:not(:disabled){background:#39ff141a;border-color:var(--primary);transform:translateY(-1px)}.atendimentos-refresh-btn{color:var(--muted-foreground)}.atendimentos-refresh-btn:hover:not(:disabled){background:#8b5cf61f;color:var(--foreground)}.atendimentos-last-update,.metrics-filter-trigger{color:var(--muted-foreground)}.metrics-filter-trigger.has-active{color:#c4b5fd}.metrics-filter-trigger.is-open{color:#fff}.qf-btn.qf-blue.is-active{color:#93c5fd}.qf-btn.qf-yellow.is-active{color:#fde68a}.qf-btn.qf-purple.is-active{color:#d8b4fe}.qf-btn.qf-red.is-active{color:#fca5a5}[data-theme=light] .atendimentos-page .metrics-filter-trigger{color:#475569}[data-theme=light] .atendimentos-page .metrics-filter-trigger.has-active{color:#6d28d9}[data-theme=light] .atendimentos-page .metrics-filter-trigger.is-open{color:#fff}[data-theme=light] .atendimentos-page .qf-btn.qf-blue.is-active,[data-theme=light] .atendimentos-page .qf-btn.qf-blue.is-inactive{color:#1d4ed8}[data-theme=light] .atendimentos-page .qf-btn.qf-yellow.is-active,[data-theme=light] .atendimentos-page .qf-btn.qf-yellow.is-inactive{color:#a16207}[data-theme=light] .atendimentos-page .qf-btn.qf-purple.is-active,[data-theme=light] .atendimentos-page .qf-btn.qf-purple.is-inactive{color:#6d28d9}[data-theme=light] .atendimentos-page .qf-btn.qf-red.is-active,[data-theme=light] .atendimentos-page .qf-btn.qf-red.is-inactive{color:#b91c1c}[data-theme=light] .atendimentos-page .qf-btn.qf-blue.is-active{background:#3b82f61f;border-color:#3b82f673}[data-theme=light] .atendimentos-page .qf-btn.qf-yellow.is-active{background:#f59e0b24;border-color:#f59e0b73}[data-theme=light] .atendimentos-page .qf-btn.qf-purple.is-active{background:#a855f71f;border-color:#a855f773}[data-theme=light] .atendimentos-page .qf-btn.qf-red.is-active{background:#ef44441f;border-color:#ef444473}.kanban-warning-text{color:#d97706}.pause-alert{background:#f59e0b1f;border:1px solid #f59e0b59}.pause-alert-action,.pause-alert-icon{color:#d97706}.pause-alert-action:hover{color:#b45309}.pause-alert-title{color:#fbbf24}.pause-alert-content{color:#fde68a}[data-theme=light] .atendimentos-page .pause-alert{background:#f59e0b1f;border-color:#d9770659}[data-theme=light] .atendimentos-page .pause-alert-title{color:#92400e}[data-theme=light] .atendimentos-page .pause-alert-content{color:#a16207}.btn-warning{align-items:center;background:#fbbf2433;border:1px solid #fbbf244d;border-radius:8px;color:#fbbf24;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.btn-warning:hover:not(:disabled){background:#fbbf244d;border-color:#fbbf2480}.btn-primary:disabled,.btn-secondary:disabled,.btn-warning:disabled{cursor:not-allowed;opacity:.6;transform:none}.custom-scrollbar,.overflow-y-auto{scrollbar-color:#2f2f2f var(--card-bg);scrollbar-width:thin}.custom-scrollbar::-webkit-scrollbar,.overflow-y-auto::-webkit-scrollbar{height:8px;width:8px}.custom-scrollbar::-webkit-scrollbar-track,.overflow-y-auto::-webkit-scrollbar-track{background:var(--card-bg);border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb,.overflow-y-auto::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}.tickets-list-container{display:flex;flex-direction:column;height:100%;overflow:hidden}.tickets-scrollable-area{flex:1 1;overflow-x:hidden;overflow-y:auto}.tickets-list{width:100%}.empty-state-atendimentos{min-height:400px;padding:3rem 1.5rem}.empty-icon{height:3rem;width:3rem}.empty-state-atendimentos h3{font-size:1.125rem}.loading-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:50vh}.loading-spinner{animation:spin 1s linear infinite;border-top:3px solid var(--border);height:2rem;width:2rem}.animate-fadeIn{animation:fadeIn .4s ease-out}@media (max-width:768px){.main-container.atendimentos-page{padding:1rem}.metrics-value{font-size:1.25rem}.quick-filter{font-size:.8125rem;padding:.375rem .5rem}.attendance-avatar{height:2rem;width:2rem}.attendance-name{font-size:.8125rem}.attendance-message{font-size:.75rem}.tab-button{padding:.5rem .75rem}}@media (max-width:640px){.grid{grid-template-columns:1fr}}.tickets-container{min-width:-webkit-fit-content;min-width:fit-content;width:100%}.overflow-auto{scrollbar-color:#55555580 #0000001a;scrollbar-width:thin}.overflow-auto::-webkit-scrollbar{height:8px;width:8px}.overflow-auto::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.overflow-auto::-webkit-scrollbar-thumb{background:#8b5cf680;border-radius:4px}.overflow-auto::-webkit-scrollbar-thumb:hover{background:#8b5cf6b3}.overflow-auto::-webkit-scrollbar-corner{background:#0000001a}.ticket-list-wrapper{flex:1 1}.ticket-list-scroll-container{flex:1 1;overflow-x:auto;overflow-y:auto;scrollbar-color:#8b5cf680 #0000001a;scrollbar-width:thin}.ticket-list-scroll-container::-webkit-scrollbar{height:8px;width:8px}.ticket-list-scroll-container::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.ticket-list-scroll-container::-webkit-scrollbar-thumb{background:#8b5cf680;border-radius:4px}.ticket-list-scroll-container::-webkit-scrollbar-thumb:hover{background:#8b5cf6b3}.ticket-list-content{width:100%}.phone-calls-section{border-bottom:2px solid var(--border);margin-bottom:20px;padding:16px}.phone-calls-header{margin-bottom:16px}.phone-calls-header h4{align-items:center;color:var(--foreground);display:flex;font-size:18px;font-weight:600;gap:8px}.column-selector-dropdown-header{background:var(--card-bg);z-index:9999}@media (max-width:768px){.btn-configure-columns-header span{display:none}.btn-configure-columns-header{padding:.5rem}}.ticket-list-header-sticky{z-index:10}.ticket-list-wrapper>*{flex-shrink:0}.ticket-list-scroll-wrapper{contain:layout style paint}@supports (-webkit-appearance:none){.ticket-list-scroll-wrapper{transform:translateZ(0);-webkit-transform:translateZ(0)}}@media (max-width:768px){.ticket-list-scroll-wrapper{overflow-x:hidden}.ticket-list-content{min-width:100%}}.advanced-filter-panel{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-lg);left:0;max-height:400px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 8px);z-index:100}.reopen-icon{background:linear-gradient(135deg,#10b98133,#05966933);color:#10b981}.modal-close:hover:not(:disabled){background:#ffffff1a;color:#fff}.modal-close:disabled{cursor:not-allowed;opacity:.5}.modal-text{margin:0 0 12px}.modal-subtext{color:#9ca3af;font-size:14px;line-height:1.5;margin:0}.modal-subtext strong{color:#d1d5db}.reopen-warning{align-items:center;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:8px;color:#fbbf24;display:flex;font-size:14px;gap:12px;margin-top:16px;padding:12px}.reopen-warning svg{flex-shrink:0;height:20px;width:20px}.btn-secondary{background:#ffffff0d;color:#d1d5db}.btn-secondary:hover:not(:disabled){background:#ffffff1a;color:#fff}.btn-success{background:linear-gradient(135deg,#10b981,#059669)}.btn-success:hover:not(:disabled){background:#39ff14;transform:translateY(-.5px)}.btn-secondary:disabled,.btn-success:disabled{cursor:not-allowed;opacity:.6}.spinner-small{animation:spin .8s linear infinite}.access-denied-modal{max-width:480px}.denied-icon{animation:pulse-denied 2s ease-in-out infinite;background:linear-gradient(135deg,#ef444433,#dc262633);color:#ef4444}@keyframes pulse-denied{0%,to{box-shadow:0 0 0 0 #ef444466;transform:scale(1)}50%{box-shadow:0 0 0 8px #ef444400;transform:scale(1.05)}}.modal-title-wrapper{flex:1 1}.modal-subtitle{color:#9ca3af;font-size:13px;font-weight:400}.access-denied-info-box{align-items:flex-start;background:#3b82f61a;border:1px solid #3b82f64d;border-radius:8px;color:#60a5fa;display:flex;font-size:14px;gap:12px;line-height:1.5;margin-top:16px;padding:12px}.access-denied-info-box svg{flex-shrink:0;height:20px;margin-top:2px;width:20px}.access-denied-info-box span{color:#9ca3af}.btn-primary{background:linear-gradient(135deg,#ef4444,#dc2626)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-.5px)}.modal-overlay{animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{animation:slideUp .3s ease-out;background:#0c0c0c;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 20px 60px #00000080;max-width:500px;width:90%}.modal-header{border-bottom:1px solid #ffffff1a;gap:16px;padding:24px;position:relative}.modal-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.modal-icon svg{height:24px;width:24px}.modal-title{font-size:20px}.modal-close{align-items:center;background:#ffffff0d;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s;width:32px}.modal-close:hover{background:#ffffff1a;color:#fff}.modal-close svg{height:18px;width:18px}.modal-body{padding:24px}.modal-body p{color:#b3b3b3!important}.modal-text{color:#e5e7eb;font-size:16px;line-height:1.5;margin:0}.modal-text strong{color:#fff;font-weight:600}.modal-footer{border-top:1px solid #ffffff1a;gap:12px;padding:16px 24px}.modal-footer .btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.modal-footer .btn svg{height:18px;width:18px}.btn:disabled{cursor:not-allowed;opacity:.6}.ticket-status-progress-container{align-items:center;display:flex;flex-direction:column;gap:6px;min-width:140px}.status-segments{display:flex;gap:4px;justify-content:center;width:100%}.status-segment{background-color:#ffffff14;border:none;border-radius:4px;height:8px;position:relative;transition:all .3s ease;width:28px}.status-segment.active{opacity:1}.status-segment.current{animation:pulse-segment 2s ease-in-out infinite}@keyframes pulse-segment{0%,to{opacity:1;transform:scaleY(1)}50%{opacity:.85;transform:scaleY(1.2)}}.status-progress-label{font-size:.6875rem;font-weight:700;letter-spacing:.04em;text-align:center;text-transform:uppercase;white-space:nowrap}@media (max-width:768px){.status-segment{height:7px;width:24px}.status-progress-label{font-size:.625rem}}.status-progress-container{width:100%}.status-progress,.status-progress-container{align-items:center;display:flex;justify-content:center;margin:0 auto}.status-progress{gap:4px;width:-webkit-fit-content;width:fit-content}.ticket-actions{align-items:center;display:flex;flex-wrap:nowrap;gap:.5rem;isolation:isolate;min-width:-webkit-fit-content;min-width:fit-content}.ticket-actions.compact{gap:.375rem}.ticket-actions .action-btn{align-items:center;border-radius:.5rem;border-style:solid;border-width:1px;box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:inherit;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1.25;margin:0;min-width:-webkit-fit-content;min-width:fit-content;padding:.625rem 1rem;text-decoration:none;transition:all .2s ease;white-space:nowrap}.ticket-actions.compact .action-btn{font-size:.8125rem;gap:.375rem;padding:.5rem .75rem}.ticket-actions .action-btn svg{stroke-width:2;flex-shrink:0;height:1rem;width:1rem}.ticket-actions .action-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.ticket-actions .action-btn-view{background-color:#3b82f61a;border-color:#3b82f64d;color:#3b82f6}.ticket-actions .action-btn-view:hover{background-color:#3b82f633;border-color:#3b82f666}.ticket-actions .action-btn-transfer{background-color:initial;border-color:#a855f780;color:#a855f7}.ticket-actions .action-btn-transfer:hover{background-color:initial;border-color:#a855f7cc;color:#a855f7}.ticket-actions .action-btn-assume{background-color:#10b981;border-color:#10b981;color:#fff}.ticket-actions .action-btn-assume:hover{background-color:#059669;border-color:#059669}.ticket-actions .action-btn-close{background-color:#ef44441a;border-color:#ef44444d;color:#ef4444}.ticket-actions .action-btn-close:hover{background-color:#ef444433;border-color:#ef444466}.ticket-actions .action-btn-reopen{background-color:#f59e0b1a;border-color:#f59e0b4d;color:#f59e0b}.ticket-actions .action-btn-reopen:hover{background-color:#f59e0b33;border-color:#f59e0b66}.ticket-actions-wrapper{align-items:center;display:flex;justify-content:flex-end;min-width:220px;padding:.25rem 0}@media (prefers-color-scheme:dark){.ticket-actions .action-btn{box-shadow:0 1px 2px #0000004d}.ticket-actions .action-btn:hover{box-shadow:0 2px 4px #0006}.ticket-actions .action-btn-view{background-color:#3b82f626;border-color:#3b82f666}.ticket-actions .action-btn-transfer{background-color:initial;border-color:#a855f799}.ticket-actions .action-btn-transfer:hover{background-color:initial;border-color:#a855f7e6}.ticket-actions .action-btn-assume{background-color:#10b98126;border-color:#10b98166}.ticket-actions .action-btn-close{background-color:#ef444426;border-color:#ef444466}.ticket-actions .action-btn-reopen{background-color:#f59e0b26;border-color:#f59e0b66}}@media (max-width:768px){.ticket-actions{flex-wrap:wrap;gap:.375rem}.ticket-actions .action-btn{font-size:.8125rem;padding:.5rem .75rem}}.bg-audio{background:var(--color-accent)}.bg-audio:hover{background:var(--color-accent)!important}.audio-icon{color:var(--color-accent)}.audio-icon:hover{color:var(--color-accent)!important}.audio-progress{color:var(--color-accent)}.ticket-list-header-grid,.ticket-list-header-wrapper{width:100%}.column-selector-wrapper-header{align-items:center;display:flex;position:relative}.btn-configure-columns-header{align-items:center;background:#0000;border:1px solid var(--border);border-radius:6px;color:var(--muted-foreground);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem .75rem;transition:all .2s ease;white-space:nowrap}.btn-configure-columns-header:hover{background:#8b5cf61a;border-color:#8b5cf6;color:var(--foreground)}.btn-configure-columns-header svg{flex-shrink:0}.column-selector-dropdown-header{background:#0c0c0c;border:1px solid var(--border);border-radius:8px;box-shadow:0 10px 25px #000c;min-width:220px;position:absolute;right:0;top:calc(100% + .5rem);z-index:99999}.dropdown-header{border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:4px;padding:.75rem 1rem}.dropdown-header span{color:var(--foreground);font-size:.875rem;font-weight:600}.dropdown-header small{color:var(--muted-foreground);font-size:.75rem}.dropdown-list{max-height:400px;overflow-y:auto;padding:.5rem}.dropdown-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:.75rem;padding:.5rem;transition:background .2s ease}.dropdown-item:hover{background:#8b5cf61a}.dropdown-item input[type=checkbox]{accent-color:#8b5cf6;cursor:pointer;height:16px;width:16px}.column-label{color:var(--foreground);font-size:.875rem;-webkit-user-select:none;user-select:none}.ticket-row-wrapper{grid-gap:12px;align-items:center;background:#0000;border-bottom:1px solid #374151;cursor:pointer;display:grid;gap:12px;min-height:60px;min-width:-webkit-fit-content;min-width:fit-content;padding:16px 10px;transition:all .15s ease;width:100%}.ticket-row-wrapper:hover{background:#8b5cf61f}.ticket-row-wrapper.being-handled{background:#22c55e14}.ticket-row-wrapper.being-handled:hover{background:#22c55e1f}.ticket-row-wrapper.closed{opacity:.6}.ticket-row-wrapper.closed:hover{opacity:1}.ticket-actions-col,.ticket-channel-col,.ticket-contact-col,.ticket-datetime-col,.ticket-department-col,.ticket-empty-col,.ticket-funnel-col,.ticket-message-col,.ticket-phase-col,.ticket-priority-col,.ticket-protocol-col,.ticket-stage-col,.ticket-unread-col{align-items:center;display:flex;justify-content:center;min-width:0;overflow:hidden;padding:0 4px}.ticket-contact-col{align-items:flex-start;flex-direction:column;gap:6px;justify-content:center;padding:0 8px}.contact-main{display:flex;flex-direction:column;gap:2px;min-width:0;width:100%}.contact-name{color:#f8fafc;font-size:.875rem;width:100%}.contact-phone{color:#a5b4fc;font-family:Monaco,monospace;font-size:.75rem;width:100%}.contact-tags{align-items:center;display:flex;flex-wrap:wrap;gap:4px;width:100%}.contact-tag{align-items:center;border:1.5px solid;border-radius:4px;display:inline-flex;letter-spacing:.03em;max-width:100%;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase}.contact-tag,.contact-tag-more{font-size:.625rem;font-weight:600;padding:2px 6px;white-space:nowrap}.contact-tag-more{background:#8b5cf626;border:1.5px solid #8b5cf64d;border-radius:4px;color:#a5b4fc}.vip-badge{border:1.5px solid;border-radius:4px;display:inline-flex;font-size:.625rem;font-weight:700;padding:2px 8px;text-transform:uppercase;white-space:nowrap}.ticket-department-col{align-items:flex-start;flex-direction:column;gap:4px;justify-content:center;padding:0 8px}.department-name{color:#e0e7ff;font-size:.8125rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.funnel-info{align-items:center;color:#a5b4fc;display:flex;font-size:.75rem;gap:6px;overflow:hidden;width:100%}.funnel-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.funnel-info span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-phase-col{justify-content:center;overflow:visible;padding:0}.ticket-phase-col>*{margin:0 auto}.ticket-funnel-col,.ticket-stage-col{justify-content:center}.funnel-badge,.stage-badge{border:1.5px solid;border-radius:6px;font-size:.6875rem;font-weight:600;max-width:-webkit-fit-content;max-width:fit-content;overflow:hidden;padding:4px 10px;text-overflow:ellipsis;white-space:nowrap}.ticket-channel-col,.ticket-datetime-col,.ticket-priority-col,.ticket-unread-col{justify-content:center;text-align:center}.priority-badge{border:1.5px solid;border-radius:6px;font-size:.6875rem;font-weight:700;padding:4px 10px;text-transform:uppercase;white-space:nowrap}.priority-badge.high{background:#f9731633;border-color:#f97316;color:#fdba74}.priority-badge.urgent{background:#ef444433;border-color:#ef4444;color:#fca5a5}.priority-badge.normal{background:#3b82f633;border-color:#3b82f6;color:#93c5fd}.priority-low{background:none!important;border:none!important;color:#64748b;font-size:.75rem}.ticket-protocol-col{color:#a5b4fc;font-family:Monaco,monospace;font-weight:600;justify-content:center;overflow:hidden;text-align:center;text-overflow:ellipsis}.ticket-protocol-col,.unread-badge{font-size:.75rem;white-space:nowrap}.unread-badge{background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:12px;box-shadow:0 2px 4px #ef44444d;padding:3px 8px}.no-unread{color:#64748b}.ticket-datetime-col{color:#a5b4fc;font-size:.75rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-empty-col{color:#64748b;justify-content:center}.ticket-actions-col{align-items:center;display:flex;gap:6px;justify-content:center;padding:5px}.btn-action{background:#0000;border:1.5px solid;border-radius:6px;flex-shrink:0;font-size:.75rem;font-weight:600;padding:7px 14px;transition:all .2s ease}.btn-action:active{transform:scale(.98)}.btn-view{border-color:#6366f1;color:#a5b4fc}.btn-view:hover{background:#6366f126;border-color:#818cf8;box-shadow:0 4px 8px #6366f14d;color:#c7d2fe;transform:translateY(-1px)}.btn-transfer{border-color:#4b5563;color:#a5b4fc;padding:7px 10px}.btn-transfer:hover{background:#6366f126;border-color:#6366f1;box-shadow:0 4px 8px #6366f133;transform:translateY(-1px)}.btn-reopen{border-color:#10b981;color:#6ee7b7}.btn-reopen:hover{background:#10b98126;border-color:#34d399;box-shadow:0 4px 8px #10b9814d;transform:translateY(-1px)}.ticket-row-wrapper{animation:fadeInRow .2s ease-in}@keyframes fadeInRow{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.btn-action:focus-visible,.btn-configure-columns-header:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px}.dropdown-item:focus-visible{border-radius:4px;outline:2px solid #8b5cf6;outline-offset:-2px}.empty-state-atendimentos{align-items:center;color:var(--muted-foreground);display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.empty-icon{margin-bottom:1rem}.empty-state-atendimentos h3{color:var(--foreground);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.empty-state-atendimentos div{color:var(--muted-foreground);font-size:.875rem}.new-ticket-highlight{animation:highlightFade 2s ease-out}@keyframes highlightFade{0%{background:#8b5cf633}to{background:#0000}}.ticket-list-wrapper{display:flex;flex-direction:column;height:100%;overflow:hidden}.ticket-list-scroll-wrapper{-webkit-overflow-scrolling:touch;flex:1 1;min-height:0;overflow-x:auto;overflow-y:auto;position:relative}.ticket-list-header-sticky{background:var(--card-bg);position:-webkit-sticky;position:sticky;top:0;z-index:100}.ticket-list-content{min-width:-webkit-fit-content;min-width:fit-content;position:relative}.ticket-list-scroll-wrapper::-webkit-scrollbar{height:8px;width:8px}.ticket-list-scroll-wrapper::-webkit-scrollbar-track{background:#8b5cf60d;border-radius:4px}.ticket-list-scroll-wrapper::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}.ticket-list-scroll-wrapper::-webkit-scrollbar-thumb:hover{background:#8b5cf680}.ticket-list-scroll-wrapper::-webkit-scrollbar-corner{background:#0000}@media (max-width:1024px){.btn-configure-columns-header span{display:inline}}@media (max-width:768px){.ticket-list-header-grid{display:none}.ticket-row-wrapper{gap:8px;grid-template-columns:1fr!important;padding:10px 12px}.ticket-actions-col{border-top:1px solid #374151;justify-content:flex-start;margin-top:8px;padding-top:8px;width:100%}.btn-action{flex:1 1}.btn-transfer{flex:0 1;font-size:0;min-width:40px;padding:6px;width:40px}.btn-transfer:before{content:"↔";font-size:18px}.btn-configure-columns-header span,.ticket-channel-col,.ticket-datetime-col,.ticket-funnel-col,.ticket-protocol-col,.ticket-stage-col{display:none}.btn-configure-columns-header{padding:.5rem}.ticket-list-scroll-wrapper{overflow-x:hidden}.ticket-list-content{min-width:100%}}@media (max-width:480px){.contact-name{font-size:.8125rem}.contact-phone{font-size:.7rem}.message-preview{-webkit-line-clamp:1;font-size:.75rem}.btn-action{font-size:.7rem;padding:6px 10px}.contact-tag{font-size:.6rem;padding:1px 4px}}.ticket-list-header-wrapper{background:var(--card-bg);border-bottom:1px solid var(--border);min-width:100%;padding:1rem;position:-webkit-sticky;position:sticky;top:0;width:-webkit-fit-content;width:fit-content;z-index:100}.ticket-list-header-grid{grid-gap:12px;align-items:center;display:grid;gap:12px;min-width:-webkit-fit-content;min-width:fit-content}.header-col{color:var(--muted-foreground);font-size:.75rem;font-weight:600;letter-spacing:.05em;min-width:0;overflow:hidden;padding:0 4px;text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.header-col-contact,.header-col-department,.header-col-message{padding-left:8px;text-align:left}.ticket-message-col{align-items:flex-start;justify-content:center;overflow:visible;padding:0 8px}.message-audio-preview{max-width:320px;width:100%}.message-audio-preview .flex{transform:scale(.9);transform-origin:left center}.message-media-preview{align-items:center;display:flex;gap:8px;width:100%}.message-image-thumb{border:1px solid var(--border);border-radius:4px;flex-shrink:0;height:40px;object-fit:cover;width:40px}.message-caption{color:#cbd5e1;flex:1 1;font-size:.8125rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-icon-wrapper{align-items:center;color:#a5b4fc;display:flex;gap:6px}.media-label{font-size:.75rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#cbd5e1;display:-webkit-box;font-size:.8125rem;line-height:1.4;overflow:hidden;width:100%;word-break:break-word}.ticket-row-wrapper:hover .message-audio-preview{z-index:1}@media (max-width:768px){.message-audio-preview{max-width:100%}.message-image-thumb{height:32px;width:32px}.message-audio-preview .flex{transform:scale(.85)}}@keyframes phone-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.phone-badge{animation:phone-glow 2s infinite;border:1.5px solid}@keyframes phone-glow{0%,to{box-shadow:0 0 8px #22c55e40}50%{box-shadow:0 0 12px #22c55e80}}.ticket-row-wrapper.in_call,.ticket-row-wrapper.phone_onboarding,.ticket-row-wrapper.phone_transfer{background:linear-gradient(90deg,#22c55e14,#0000);border-left:3px solid #22c55e}.ticket-row-wrapper.in_call:hover,.ticket-row-wrapper.phone_onboarding:hover,.ticket-row-wrapper.phone_transfer:hover{background:linear-gradient(90deg,#22c55e26,#0000)}.ticket-channel-col svg[fill="#22c55e"]{animation:phone-ring 1.5s infinite}@keyframes phone-ring{0%,to{transform:rotate(0deg)}10%,30%{transform:rotate(-10deg)}20%,40%{transform:rotate(10deg)}50%{transform:rotate(0deg)}}.date-range-filter{display:inline-block;position:relative}.date-range-trigger{align-items:center;background:#0c0c0c;border:1px solid #374151;border-radius:8px;color:#f9fafb;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;padding:8px 12px;transition:all .2s ease}.date-range-trigger:hover{background:#374151;border-color:#8b5cf6}.date-range-trigger svg{color:#a5b4fc;flex-shrink:0}.date-range-trigger .chevron{transition:transform .2s ease}.date-range-trigger .chevron.open{transform:rotate(180deg)}.date-range-dropdown{background:#0c0c0c;border:1px solid #374151;border-radius:12px;box-shadow:0 10px 25px #00000080;left:0;min-width:280px;overflow:hidden;position:absolute;top:calc(100% + 8px);z-index:10000}.preset-list{display:flex;flex-direction:column}.preset-item{align-items:center;background:#0000;border:none;color:#f9fafb;cursor:pointer;display:flex;font-size:.875rem;justify-content:space-between;padding:10px 16px;text-align:left;transition:background .2s ease}.preset-item:hover{background:#374151}.preset-item.active{background:#8b5cf633;color:#a5b4fc;font-weight:600}.preset-item svg{color:#8b5cf6;flex-shrink:0}.custom-date-inputs{background:#0c0c0c;border-top:1px solid #374151;display:flex;flex-direction:column;gap:12px;padding:16px}.date-input-group{display:flex;flex-direction:column;gap:6px}.date-input-group label{color:#9ca3af;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.date-input-group input[type=date],.date-input-group input[type=datetime-local]{background:#0c0c0c;border:1px solid #374151;border-radius:8px;color:#f9fafb;cursor:pointer;font-family:inherit;font-size:.875rem;padding:8px 12px}.date-input-group input[type=date]:focus,.date-input-group input[type=datetime-local]:focus{border-color:#8b5cf6;outline:2px solid #8b5cf6}.date-input-group input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert(1)}.btn-apply-custom{background:#8b5cf6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:0 16px;transition:background .2s ease}.btn-apply-custom:hover{background:#7c3aed}.btn-apply-custom:active{background:#6d28d9}.date-filter-loader{align-items:center;display:flex;justify-content:center;min-height:400px;padding:3rem;width:100%}.loader-content{align-items:center;display:flex;flex-direction:column;gap:2rem}.loader-spinner{height:80px;position:relative;width:80px}.spinner-ring{animation:spin 1.5s cubic-bezier(.5,0,.5,1) infinite;border:3px solid #0000;border-radius:50%;height:100%;position:absolute;width:100%}.spinner-ring:first-child{animation-delay:-.45s;border-top-color:#8b5cf6}.spinner-ring:nth-child(2){animation-delay:-.3s;border-top-color:#a78bfa}.spinner-ring:nth-child(3){animation-delay:-.15s;border-top-color:#c4b5fd}.loader-text{display:flex;flex-direction:column;gap:.5rem;text-align:center}.loader-text h3{color:var(--color-text);font-size:1.125rem;font-weight:600;margin:0}.loader-text p{color:var(--color-text-secondary);font-size:.875rem;margin:0}.fixed.inset-0.z-50{align-items:center!important;display:flex!important;justify-content:center!important}.bg-background.rounded-lg.shadow-lg{max-height:85vh!important;max-width:600px!important;width:90%!important}.history-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.history-modal-container{animation:slideUp .3s ease-out;background:#1a1a1a;border:1px solid #4d4d4dcc;border-radius:12px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;height:90vh;max-width:1400px;overflow:hidden;width:100%}.history-modal-header{align-items:center;background:#0c0c0c;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:20px 24px}.customer-info{align-items:center;display:flex;gap:16px}.customer-avatar{height:48px;width:48px}.avatar-circle{align-items:center;background:linear-gradient(135deg,#36eb43,#36eb43);border-radius:50%;color:#fff;display:flex;font-size:18px;font-weight:700;height:100%;justify-content:center;text-transform:uppercase;width:100%}.customer-details{display:flex;flex-direction:column;gap:4px}.customer-name{color:#fff;font-size:18px;font-weight:600;margin:0}.customer-meta{align-items:center;display:flex;font-size:13px;gap:8px}.customer-status{background:#10b981;border-radius:4px;color:#fff;font-size:11px;font-weight:600;padding:2px 8px;text-transform:uppercase}.customer-source{color:#999}.modal-close-btn{border:1px solid #444;color:#999;font-size:20px;height:36px;width:36px}.modal-close-btn:hover{background:#333;border-color:#666;color:#fff}.history-modal-body{display:flex;flex:1 1;gap:0;overflow:hidden}.history-sidebar{background:#0c0c0c;border-right:1px solid #333;display:flex;flex-direction:column;overflow-y:auto;width:320px}.attendance-info-card{border-bottom:1px solid #333;padding:20px}.info-card-title{color:#999;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.info-items-list{display:flex;flex-direction:column;gap:14px}.info-item-row{align-items:center;display:flex;font-size:13px;justify-content:space-between}.info-label{color:#999;font-weight:500}.info-value{color:#fff;font-weight:600;text-align:right}.channel-info{align-items:center;display:flex;gap:4px;max-width:150px}.whatsapp-icon{color:#25d366}.email-icon,.whatsapp-icon{flex-shrink:0;height:14px;width:14px}.email-icon{color:#8b5cf6}.channel-name{color:#fff;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-actions{display:flex;flex-direction:column;gap:12px;padding:20px}.export-btn,.new-attendance-btn{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s}.history-action-btn.create-flow-btn{gap:10px;justify-content:center;min-height:44px;width:100%}.export-btn{background:#1f2937;border-color:#374151;color:#fff}.export-btn:hover{background:#334155;border-color:#475569}.new-attendance-btn{background:#7c3aed;border-color:#8b5cf6;color:#fff}.new-attendance-btn:hover{background:#6d28d9;border-color:#7c3aed}.btn-icon{flex-shrink:0;height:18px;width:18px}.spinner-small{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff}.export-btn:disabled,.load-older-btn:disabled,.new-attendance-btn:disabled{cursor:not-allowed;opacity:.65}.chat-area{background:#1a1a1a;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.chat-header{background:#0c0c0c!important;border-bottom:1px solid #333;padding:20px 24px}.chat-title{color:#fff;font-size:16px;font-weight:600;margin:0 0 4px}.chat-subtitle{color:#999;font-size:13px;margin:0}.messages-container{background:#141414;flex:1 1;overflow-y:auto;padding:24px}.empty-state,.error-state,.loading-state{color:#999;height:100%}.loading-spinner{border:3px solid #8b5cf633;border-top-color:#8b5cf6;margin-bottom:16px}.empty-icon{color:#444;margin-bottom:16px}.error-message{color:#ef4444;font-size:14px;margin-bottom:16px}.retry-btn{background:#8b5cf6;border-radius:6px;font-size:14px;font-weight:600;padding:10px 20px;transition:background .2s}.retry-btn:hover{background:#7c3aed}.messages-list{display:flex;flex-direction:column;gap:8px}.load-older-wrapper{display:flex;justify-content:center;padding-bottom:10px}.load-older-btn{align-items:center;background:#7c3aed24;border:1px solid #7c3aed66;border-radius:999px;color:#c4b5fd;display:inline-flex;font-size:12px;font-weight:600;gap:8px;padding:8px 14px;transition:all .2s}.load-older-btn:hover{background:#7c3aed38;border-color:#7c3aed8c}.load-older-count{color:#a1a1aa;font-size:11px}.message-wrapper{display:flex;margin-bottom:4px}.message-wrapper.incoming{justify-content:flex-start}.message-wrapper.outgoing{justify-content:flex-end}.message-bubble{word-wrap:break-word;border-radius:12px;box-shadow:0 1px 2px #0003;overflow-wrap:break-word;padding:10px 14px;word-break:break-word}.message-in{background:#2a2a2a;border-bottom-left-radius:4px}.message-operator{background:#36eb43!important;border-bottom-right-radius:4px;color:#000!important}.message-operator .message-sender{color:#000000b3!important}.message-operator .message-text{color:#000!important}.message-operator .message-time{color:#fff!important}.message-operator .message-link{color:#06c!important}.message-bot{background:#252525}.message-bot,.message-out{border-bottom-right-radius:4px}.message-out{background:#8b5cf6}.message-sender{color:#ffffffb3;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.message-content,.message-sender{margin-bottom:6px}.message-text{color:#fff;font-size:14px;line-height:1.5;white-space:pre-wrap}.empty-message{color:#999;font-size:13px;font-style:italic}.message-link{color:#60a5fa;text-decoration:underline;word-break:break-all}.message-link:hover{color:#93c5fd}.message-footer{gap:6px;margin-top:4px}.message-time{color:#fff!important;white-space:nowrap}.status-icon{flex-shrink:0;height:14px;width:14px}.status-icon.sending{color:#fff6}.status-icon.delivered{color:#ffffff80}.status-icon.read{color:#60a5fa}.status-icon.error{color:#ef4444}.interactive-message{display:flex;flex-direction:column;gap:8px}.interactive-header{color:#fff;font-size:15px;font-weight:600}.interactive-body{color:#ffffffe6;font-size:14px;line-height:1.4}.interactive-actions{margin-top:8px}.interactive-button{background:#8b5cf633;border:1px solid #8b5cf666;border-radius:6px;color:#a78bfa;cursor:default;font-size:13px;font-weight:600;margin-bottom:8px;width:100%}.interactive-options{display:flex;flex-direction:column;gap:6px;margin-top:8px}.option-section{background:#0003;border-radius:6px;padding:8px}.section-title{color:#ffffffb3;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.option-row{background:#ffffff0d;border-radius:4px;display:flex;flex-direction:column;gap:2px;margin-bottom:4px;padding:6px 8px}.option-row:last-child{margin-bottom:0}.option-title{color:#fff;font-size:13px;font-weight:500}.option-description{color:#fff9;font-size:12px}.message-audio{min-width:280px}.message-audio-placeholder{background:#0003;border-radius:8px;color:#999;font-size:13px;padding:12px;text-align:center}.message-image,.message-image-content{cursor:pointer;max-width:100%}.message-image-content{border-radius:8px;display:block;height:auto;transition:opacity .2s}.message-image-content:hover{opacity:.9}.image-caption,.video-caption{color:#fff;font-size:14px;line-height:1.5;margin-top:8px}.message-video{max-width:100%}.message-video-content{background:#000;border-radius:8px;max-width:400px;width:100%}.message-document{background:#0003;border-radius:8px;padding:12px}.message-document-link{align-items:center;color:#60a5fa;display:flex;gap:10px;text-decoration:none;transition:color .2s}.message-document-link:hover{color:#93c5fd}.document-icon{flex-shrink:0;height:24px;width:24px}.document-name{font-size:13px;font-weight:500;word-break:break-word}.message-media-placeholder{background:#0003;border-radius:8px;color:#999;font-size:13px;padding:16px;text-align:center}.history-sidebar::-webkit-scrollbar,.messages-container::-webkit-scrollbar{width:6px}.history-sidebar::-webkit-scrollbar-track,.messages-container::-webkit-scrollbar-track{background:#0000}.history-sidebar::-webkit-scrollbar-thumb,.messages-container::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.history-sidebar::-webkit-scrollbar-thumb:hover,.messages-container::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width:1024px){.history-modal-container{border:1px solid #4d4d4dcc;border-radius:0;height:100vh;max-width:100%}.history-sidebar{width:280px}.channel-info{max-width:130px}.message-bubble{max-width:75%}}[data-theme=light] .history-modal-overlay{background:#0f172a5c}[data-theme=light] .history-modal-container{background:#fff;border-color:#dbe3ef;box-shadow:0 18px 46px #0f172a2e}[data-theme=light] .chat-header,[data-theme=light] .history-modal-header,[data-theme=light] .history-sidebar{background:#f8fafc!important;border-color:#e2e8f0}[data-theme=light] .chat-area,[data-theme=light] .messages-container{background:#fff}[data-theme=light] .channel-name,[data-theme=light] .chat-title,[data-theme=light] .customer-name,[data-theme=light] .image-caption,[data-theme=light] .info-value,[data-theme=light] .interactive-header,[data-theme=light] .message-text,[data-theme=light] .option-title,[data-theme=light] .video-caption{color:#0f172a}[data-theme=light] .chat-subtitle,[data-theme=light] .customer-source,[data-theme=light] .empty-message,[data-theme=light] .info-card-title,[data-theme=light] .info-label,[data-theme=light] .load-older-count,[data-theme=light] .option-description{color:#64748b}[data-theme=light] .modal-close-btn{border-color:#d1d5db;color:#475569}[data-theme=light] .modal-close-btn:hover{background:#e2e8f0;color:#0f172a}[data-theme=light] .message-in{background:#f1f5f9}[data-theme=light] .message-bot{background:#eef2ff}[data-theme=light] .message-out{background:#8b5cf6;color:#fff}[data-theme=light] .message-operator{background:#22c55e!important}[data-theme=light] .message-document,[data-theme=light] .message-media-placeholder,[data-theme=light] .option-section{background:#f8fafc;border:1px solid #e2e8f0}[data-theme=light] .interactive-button{background:#7c3aed14;border-color:#7c3aed4d;color:#6d28d9}[data-theme=light] .option-row{background:#fff;border:1px solid #e2e8f0}[data-theme=light] .export-btn{background:#eef2ff;border-color:#c7d2fe;color:#3730a3}[data-theme=light] .export-btn:hover{background:#e0e7ff;border-color:#a5b4fc}[data-theme=light] .new-attendance-btn{background:#7c3aed;border-color:#7c3aed;color:#fff}[data-theme=light] .new-attendance-btn:hover{background:#6d28d9;border-color:#6d28d9}[data-theme=light] .load-older-btn{background:#7c3aed14;border-color:#7c3aed40;color:#6d28d9}[data-theme=light] .load-older-btn:hover{background:#7c3aed24}@media (max-width:768px){.history-modal-body{flex-direction:column}.history-sidebar{border-bottom:1px solid #333;border-right:none;max-height:40%;width:100%}.chat-area{flex:1 1}.message-bubble{max-width:85%}}.ticket-notifications-container{bottom:24px;display:flex;flex-direction:column;gap:12px;max-width:420px;pointer-events:none;position:fixed;right:24px;z-index:9999}.ticket-notification{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1f2937f2;border:1px solid #4b55634d;border-radius:12px;box-shadow:0 10px 40px #0000004d,0 0 1px #ffffff1a;cursor:pointer;overflow:hidden;padding:16px;pointer-events:auto;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}[data-theme=light] .ticket-notification{background:#fffffff5;border:1px solid #e2e8f0e6;box-shadow:0 10px 30px #0f172a1f,0 0 1px #0f172a14}.ticket-notification:before{content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease;width:4px}.ticket-notification:hover{box-shadow:0 14px 50px #0006,0 0 2px #ffffff26;transform:translateY(-2px) scale(1.02)}[data-theme=light] .ticket-notification:hover{box-shadow:0 16px 34px #0f172a29,0 0 2px #0f172a14}.ticket-notification:hover:before{width:6px}.ticket-notification-transfer:before{background:linear-gradient(180deg,#3b82f6,#2563eb)}.ticket-notification-taken:before{background:linear-gradient(180deg,#10b981,#059669)}.ticket-notification-closed:before{background:linear-gradient(180deg,#8b5cf6,#7c3aed)}.ticket-notification-new:before{background:linear-gradient(180deg,#f59e0b,#d97706)}.notification-content{align-items:flex-start;display:flex;gap:12px}.notification-icon{flex-shrink:0;height:24px;margin-top:2px;width:24px}.notification-icon.transfer{color:#3b82f6}.notification-icon.taken{color:#10b981}.notification-icon.closed{color:#8b5cf6}.notification-icon.new{color:#f59e0b}.notification-text{flex:1 1;min-width:0}.notification-title{color:#e5e7eb;font-size:14px;font-weight:600;line-height:1.4;margin-bottom:4px}[data-theme=light] .notification-title{color:#0f172a}.notification-message{color:#cbd5e1;font-size:13px;line-height:1.5;margin-bottom:6px}[data-theme=light] .notification-message{color:#475569}.notification-time{color:#94a3b8;font-size:11px;font-weight:500}[data-theme=light] .notification-time{color:#64748b}.notification-close{align-items:center;background:#6b728033;border:none;border-radius:6px;cursor:pointer;display:flex;height:24px;justify-content:center;opacity:0;position:absolute;right:12px;top:12px;transition:all .2s ease;width:24px}[data-theme=light] .notification-close{background:#94a3b833}.ticket-notification:hover .notification-close{opacity:1}.notification-close:hover{background:#ef444433;transform:scale(1.1)}.notification-close svg{color:#94a3b8;height:14px;width:14px}[data-theme=light] .notification-close svg{color:#64748b}.notification-close:hover svg{color:#ef4444}@keyframes slideInRight{0%{opacity:0;transform:translateX(120%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(120%)}}.slide-in{animation:slideInRight .4s cubic-bezier(.4,0,.2,1) forwards}.slide-out{animation:slideOutRight .3s cubic-bezier(.4,0,.2,1) forwards}@media (max-width:640px){.ticket-notifications-container{bottom:16px;left:16px;max-width:none;right:16px}.ticket-notification{padding:14px}.notification-title{font-size:13px}.notification-message{font-size:12px}}.ticket-notifications-container{max-height:calc(100vh - 48px);overflow-y:auto;scrollbar-color:#6b728080 #0000;scrollbar-width:thin}.ticket-notifications-container::-webkit-scrollbar{width:6px}.ticket-notifications-container::-webkit-scrollbar-track{background:#0000}.ticket-notifications-container::-webkit-scrollbar-thumb{background-color:#6b728080;border-radius:3px}.ticket-notifications-container::-webkit-scrollbar-thumb:hover{background-color:#6b7280b3}.ticket-row-wrapper.phone-call-row{background:linear-gradient(90deg,#22c55e1f,#0000);border-left:4px solid #22c55e;overflow:visible;position:relative}.ticket-row-wrapper.phone-call-row:before{animation:phoneBorderGlow 2s ease-in-out infinite;background:linear-gradient(180deg,#22c55e,#16a34a);bottom:0;box-shadow:0 0 12px #22c55e99;content:"";left:0;position:absolute;top:0;width:4px}@keyframes phoneBorderGlow{0%,to{box-shadow:0 0 12px #22c55e99}50%{box-shadow:0 0 20px #22c55ee6}}@keyframes phoneRowPulse{0%,to{background:linear-gradient(90deg,#22c55e1f,#0000)}50%{background:linear-gradient(90deg,#22c55e2e,#0000)}}.ticket-row-wrapper.phone-call-row:hover{background:linear-gradient(90deg,#22c55e33,#0000);transform:translateX(2px)}.phone-badge{align-items:center;animation:phoneBadgePulse 2s ease-in-out infinite;background:#22c55e33;border:1.5px solid #22c55e66;border-radius:4px;color:#6ee7b7;display:inline-flex;font-size:.625rem;font-weight:700;gap:4px;padding:2px 8px;text-transform:uppercase;white-space:nowrap}@keyframes phoneBadgePulse{0%,to{box-shadow:0 0 8px #22c55e66}50%{box-shadow:0 0 12px #22c55eb3}}.message-preview.phone-message{color:#6ee7b7;font-style:italic;font-weight:600}.phone-timer-badge-inline{align-items:center;border-radius:20px;box-shadow:0 2px 8px #0003;display:inline-flex;font-size:13px;font-weight:700;gap:6px;padding:6px 12px;transition:all .3s ease;white-space:nowrap}.phone-timer-badge-inline.normal{background:#22c55ee6;color:#fff}.phone-timer-badge-inline.warning{animation:timerPulse 1s ease-in-out infinite;background:#fbbf24f2;color:#78350f}.phone-timer-badge-inline.critical{animation:timerShake .5s ease-in-out infinite;background:#ef4444f2;color:#fff}.phone-timer-badge-inline.expired{background:#6b7280cc;color:#fff}@keyframes timerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes timerShake{0%,to{transform:translateX(0)}25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}.phone-actions-wrapper{min-width:220px}.phone-actions-wrapper .ticket-actions{justify-content:flex-end}@media (max-width:768px){.ticket-row-wrapper.phone-call-row{grid-template-columns:1fr!important}.phone-actions-wrapper{border-top:1px solid #374151;margin-top:8px;min-width:0;padding-top:12px;width:100%}.phone-actions-wrapper .ticket-actions{justify-content:space-between;width:100%}.phone-actions-wrapper .ticket-actions .action-btn{flex:1 1;justify-content:center}}.reply-indicator{background:#00000040;border-left:3px solid var(--color-primary);border-radius:.375rem;cursor:default;display:flex;gap:0;margin-bottom:.625rem;overflow:hidden;padding:.625rem .75rem;transition:none}.reply-indicator-bar{display:none}.reply-indicator-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.reply-indicator-sender{color:var(--color-primary);font-size:.75rem;font-weight:700;letter-spacing:.05em;opacity:1;text-transform:uppercase}.reply-indicator-text{color:#fff;font-size:.8125rem;line-height:1.3;opacity:.85;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-operator .reply-indicator{background:#0003;border-left-color:#ffffffb3}.message-operator .reply-indicator-sender{color:#fff}.message-operator .reply-indicator-text{color:#ffffffe6}@media (prefers-color-scheme:dark){.reply-indicator{background:#00000059}.message-operator .reply-indicator{background:#00000040}}@keyframes slideInReply{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.reply-indicator{animation:slideInReply .2s ease-out}.qr-panel{animation:slideUp .2s ease-out;background:#0c0c0c;border-radius:16px;bottom:80px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;left:20%;max-height:85vh;max-width:1100px;min-width:480px;position:fixed;width:92%;z-index:999}.qr-panel-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px 24px}.qr-panel-title{align-items:center;color:#fff;display:flex;font-size:17px;font-weight:600;gap:12px}.qr-title-icon{color:#0aa5d5;height:22px;width:22px}.qr-close-btn{background:#0000;border:none;color:#fff9;cursor:pointer;padding:4px;transition:color .2s}.qr-close-btn:hover{color:#fff}.qr-close-btn svg{height:20px;width:20px}.qr-categories{align-items:center;border-bottom:1px solid #ffffff14;display:flex;gap:10px;overflow-x:auto;padding:16px 24px}.qr-categories::-webkit-scrollbar{height:4px}.qr-categories::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.qr-category-pill{background:#ffffff1a;border:none;border-radius:20px;color:#ffffffb3;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s;white-space:nowrap}.qr-category-pill:hover{background:#ffffff26;color:#fff}.qr-category-pill.active{background:#8b5cf6;color:#fff}.qr-list{display:flex;flex:1 1 auto;flex-direction:column;gap:14px;min-height:280px;overflow-y:auto;padding:20px 24px}.qr-list::-webkit-scrollbar{width:6px}.qr-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.qr-empty,.qr-loading{color:#ffffff80;font-size:14px;padding:40px 20px;text-align:center}.qr-item{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;padding:14px 20px;text-align:left;transition:all .18s ease}.qr-item:hover{background:#ffffff14;border-color:#0aa5d580;transform:translateY(-2px)}.qr-item-header{align-items:center;display:flex;gap:12px;margin-bottom:10px}.qr-content-icon{flex-shrink:0;height:18px;width:18px}.qr-item.qr-item-text .qr-content-icon{color:#0aa5d5}.qr-item.qr-item-image .qr-content-icon{color:#3b82f6}.qr-item.qr-item-document .qr-content-icon{color:#f59e0b}.qr-item.qr-item-video .qr-content-icon{color:#ec4899}.qr-item.qr-item-audio .qr-content-icon{color:#8b5cf6}.qr-item-title{color:#fff;flex:1 1;font-size:16px;font-weight:700}.qr-item-shortcut{background:#ffffff1a;border-radius:4px;color:#fff6;font-family:Courier New,monospace;font-size:11px;padding:2px 8px}.qr-item-message{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:#ffffffbf;display:-webkit-box;font-size:13px;line-height:1.5;overflow:hidden}.qr-media-badge{background:#8b5cf633;border-radius:4px;color:#a78bfa;display:inline-block;font-size:11px;margin-left:8px;padding:2px 6px}.qr-footer{border-top:1px solid #ffffff1a;color:#ffffff80;cursor:pointer;font-size:14px;padding:16px 24px;text-align:center;transition:color .2s}.qr-footer:hover{color:#fff}@media (max-width:768px){.qr-panel{bottom:70px;max-height:60vh;width:95%}}.contact-card-minimal{background:#1414140d;border:1px solid #ffffff1a;border-radius:12px;max-width:320px;overflow:hidden;transition:all .2s ease}.contact-card-content-minimal{align-items:center;display:flex;gap:12px;padding:12px}.contact-avatar-minimal{align-items:center;background:color-mix(in srgb,var(--primary) 90%,#000 10%);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:48px;justify-content:center;width:48px}.contact-info-minimal{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.contact-name-minimal{color:#fffffff2;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-phone-minimal{align-items:center;color:#fff9;display:flex;font-family:monospace;font-size:12px;gap:6px}.contact-phone-minimal svg{flex-shrink:0;opacity:.7}.btn-start-chat-minimal{align-items:center;background:#3b82f6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s ease;width:40px}.btn-start-chat-minimal:hover{background:#2563eb;transform:scale(1.05)}.btn-start-chat-minimal:active{transform:scale(.95)}.btn-start-chat-minimal.btn-whatsapp{background:#25d366}.btn-start-chat-minimal.btn-whatsapp:hover{background:#20ba5a}.reply-preview{align-items:stretch;background:#0000;border-left:4px solid var(--color-primary);border-radius:0;display:flex;gap:0;margin:0 1rem .75rem;overflow:hidden;padding:0;transition:all .2s ease-out}.reply-preview-content{display:flex;flex:1 1;flex-direction:column;gap:.375rem;min-width:0;padding:.875rem 1rem}.reply-preview-header{align-items:center;display:flex;gap:.625rem}.reply-icon{flex-shrink:0;opacity:.9}.reply-icon,.reply-sender{color:var(--color-primary)}.reply-sender{font-size:.8125rem;font-weight:600;letter-spacing:-.01em}.reply-preview-text{color:var(--color-text);font-size:.875rem;line-height:1.4;opacity:.75;overflow:hidden;padding-left:1.625rem;text-overflow:ellipsis;white-space:nowrap}.reply-preview-close{align-items:center;background:#0000;border:none;border-radius:0;color:var(--color-text-secondary);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:.875rem 1rem;transition:all .2s ease}.reply-preview-close:hover{color:var(--color-text)}.reply-preview-close:active{transform:scale(.95)}:root,[data-color-scheme=dark]{--color-primary-rgb:168,85,247}.customer-modal-overlay{align-items:center;animation:fadeIn .2s ease-in-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.customer-modal{animation:slideUp .3s ease-in-out;background:#0c0c0c;border:1px solid #1f2937;border-radius:12px;box-shadow:0 25px 50px #0009;color:#fff;display:flex;flex-direction:column;max-height:90vh;max-width:64rem;overflow:hidden;width:100%}.customer-modal-overlay.closing{animation:fadeOut .2s ease-in-out}.customer-modal.closing{animation:slideDown .2s ease-in-out}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.customer-modal-content{flex:1 1;overflow-x:hidden;overflow-y:auto}.customer-modal-content::-webkit-scrollbar{width:8px}.customer-modal-content::-webkit-scrollbar-track{background:#1f2937}.customer-modal-content::-webkit-scrollbar-thumb{background:#4b5563;border-radius:4px}.customer-modal-content::-webkit-scrollbar-thumb:hover{background:#6b7280}[data-theme=light] .customer-modal-overlay{background:#0f172a4d}[data-theme=light] .customer-modal{background:#fff;border-color:#dbe3ef;box-shadow:0 20px 40px #0f172a2e;color:#0f172a}[data-theme=light] .customer-modal .bg-black-800,[data-theme=light] .customer-modal .bg-black-900,[data-theme=light] .customer-modal .bg-gray-800,[data-theme=light] .customer-modal .bg-gray-900{background-color:#f8fafc!important}[data-theme=light] .customer-modal .text-white{color:#0f172a!important}[data-theme=light] .customer-modal .text-gray-300{color:#334155!important}[data-theme=light] .customer-modal .text-gray-400,[data-theme=light] .customer-modal .text-gray-500,[data-theme=light] .customer-modal .text-gray-600{color:#64748b!important}[data-theme=light] .customer-modal .border-black-800,[data-theme=light] .customer-modal .border-gray-600,[data-theme=light] .customer-modal .border-gray-700,[data-theme=light] .customer-modal .border-gray-800{border-color:#dbe3ef!important}[data-theme=light] .customer-modal input,[data-theme=light] .customer-modal select,[data-theme=light] .customer-modal textarea{background:#fff!important;border-color:#cbd5e1!important;color:#0f172a!important}[data-theme=light] .customer-modal input::placeholder,[data-theme=light] .customer-modal textarea::placeholder{color:#94a3b8!important}.template-selector-overlay{align-items:center;animation:fadeIn .2s ease;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.template-selector-modal{animation:slideUp .3s ease;background:#1a1a1a;border-radius:12px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-height:85vh;max-width:600px;width:90%}.template-selector-header{align-items:center;background:#0c0c0c;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px 24px}.template-selector-header h3{color:#fff;font-size:18px;font-weight:600;margin:0}.template-back-btn,.template-close-btn{background:none;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px;transition:background .2s}.template-back-btn:hover,.template-close-btn:hover{background:#ffffff1a}.template-selector-body{background:#0c0c0c;flex:1 1;overflow-y:auto;padding:20px 24px}.template-filters{display:flex;gap:12px;margin-bottom:20px}.template-category-filter,.template-search{background:#252525;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:14px;padding:10px 14px}.template-search{flex:1 1}.template-category-filter{background:#0c0c0c;min-width:180px}.template-list{display:flex;flex-direction:column;gap:12px}.template-item{background:#0c0c0c;background:#121212;border:1px solid #ffffff1a;border-radius:8px;cursor:pointer;padding:16px;transition:all .2s}.template-item:hover{background:#121212;border-color:#8b5cf6;transform:translateY(-2px)}.template-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.template-item-header h4{color:#fff;font-size:15px;font-weight:600;margin:0}.template-badge{border-radius:12px;font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase}.template-badge-utility{background:#3b82f633;color:#60a5fa}.template-badge-marketing{background:#a855f733;color:#c084fc}.template-badge-authentication{background:#22c55e33;color:#4ade80}.template-item-body{color:#ffffffb3;font-size:13px;line-height:1.5;margin:8px 0}.template-item-meta{color:#ffffff80;display:flex;font-size:12px;gap:12px}.template-variables-badge{background:#8b5cf633;border-radius:10px;color:#a78bfa;padding:2px 8px}.template-form{display:flex;flex-direction:column;gap:20px}.template-preview-section label,.template-variables-section label{color:#fff;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.template-preview{background:#252525;border:1px solid #ffffff1a;border-radius:8px;color:#ffffffe6;font-size:14px;line-height:1.6;padding:16px;white-space:pre-wrap}.template-variable-input{margin-bottom:12px}.template-variable-input label{color:#fffc;font-size:13px;margin-bottom:6px}.template-variable-input input{background:#252525;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:14px;margin-top:10px;padding:10px 14px;width:100%}.template-variable-input input:focus{border-color:#8b5cf6;outline:none}.template-selector-footer{border-top:1px solid #ffffff1a;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.template-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.template-btn-secondary{background:#ffffff1a;color:#fff}.template-btn-secondary:hover{background:#ffffff26}.template-btn-primary{background:#8b5cf6;color:#fff}.template-btn-primary:hover:not(:disabled){background:#7c3aed}.template-btn-primary:disabled{cursor:not-allowed;opacity:.5}.template-empty,.template-loading{align-items:center;color:#ffffff80;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.spinner,.spinner-small{animation:spin .8s linear infinite;border:2px solid #8b5cf64d;border-radius:50%;border-top-color:#8b5cf6}.spinner{height:40px;margin-bottom:16px;width:40px}.spinner-small{height:16px;width:16px}.template-item-body-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#ffffffb3;display:-webkit-box;font-size:13px;line-height:1.5;margin:10px 0;overflow:hidden;text-overflow:ellipsis}.template-buttons-badge{background:#3b82f626;color:#60a5fa}.template-buttons-badge,.template-department-badge{border-radius:6px;font-size:11px;font-weight:600;padding:3px 8px}.template-department-badge{background:#a855f726;color:#c084fc}.template-info-subtitle{color:#fff9;font-size:12px;margin:0}.template-structure{background:#8b5cf608;border:1px solid #8b5cf626;border-radius:10px;display:flex;flex-direction:column;gap:12px;margin-bottom:20px;padding:16px}.template-structure-item{display:flex;flex-direction:column;gap:6px}.template-structure-label{color:#8b5cf6e6;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.template-structure-content{background:#0003;border-left:3px solid #8b5cf680;border-radius:6px;color:#ffffffd9;font-size:13px;line-height:1.6;padding:10px 12px}.template-preview-section{background:#0c0c0c!important;margin-top:16px}.template-preview-live{background:linear-gradient(180deg,#8b5cf60d,#8b5cf605);border:1px solid #8b5cf64d;border-radius:10px;overflow:hidden}.preview-header{background:#8b5cf61a;border-bottom:1px solid #8b5cf633;padding:12px 14px}.preview-header-text{color:#fff;font-size:14px;font-weight:600}.preview-body{word-wrap:break-word;color:#ffffffe6;font-size:13px;line-height:1.8;padding:14px;white-space:pre-wrap}.preview-footer{background:#ffffff05;border-top:1px solid #8b5cf633;color:#fff9;font-size:12px;padding:12px 14px}.template-variable-input{animation:slideIn .3s ease}:root{--background:#090909;--card:#101011;--card-2:#141415;--muted:#a6adbb;--foreground:#e7e9ef;--border:#262a33;--input:#1a1d25;--ring:#7c8aa5;--accent:#2e3342;--accent-strong:#32384a;--primary:#63ff6e;--primary-foreground:#0b0e10;--destructive:#ff5b5b;--shadow-1:0 6px 24px #0000003d;--shadow-2:0 10px 30px #00000052}*{box-sizing:border-box}#root,body,html{height:100%}body{color:#e7e9ef;color:var(--foreground);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,Noto Sans,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;margin:0}.bg-background,body{background:#090909;background:var(--background)}.bg-card{background:#101011;background:var(--card)}.bg-card\/30{background:color-mix(in srgb,#101011 30%,#0000);background:color-mix(in srgb,var(--card) 30%,#0000)}.bg-card\/50{background:color-mix(in srgb,#101011 50%,#0000);background:color-mix(in srgb,var(--card) 50%,#0000)}.bg-card\/80{background:color-mix(in srgb,#101011 80%,#0000);background:color-mix(in srgb,var(--card) 80%,#0000)}.bg-input{background:#1a1d25;background:var(--input)}.bg-secondary{background:#2e3342;background:var(--accent)}.bg-secondary\/80{background:color-mix(in srgb,#2e3342 80%,#0000);background:color-mix(in srgb,var(--accent) 80%,#0000)}.bg-primary{background:#78ff56}.bg-in{background:#1a1a1a}.text-primary-foreground{color:#0b0e10;color:var(--primary-foreground)}.text-foreground{color:#e7e9ef;color:var(--foreground)}.text-muted-foreground{color:#a6adbb;color:var(--muted)}.border-border,.border-input{border-color:#262a33;border-color:var(--border)}.text-destructive{color:#ff5b5b;color:var(--destructive)}.hover\:bg-accent:hover{background:#2e3342;background:var(--accent)}.hover\:text-accent-foreground:hover{color:#e7e9ef;color:var(--foreground)}.hover\:bg-secondary\/80:hover{background:#335c2833}.hover\:bg-primary\/90:hover{background:color-mix(in srgb,#63ff6e 90%,#000 10%);background:color-mix(in srgb,var(--primary) 90%,#000 10%)}.hover\:bg-green-500\/10:hover{background:#22c55e1a}.hover\:text-green-600:hover{color:#16a34a}.hover\:border-green-500\/20:hover{border-color:#22c55e33}.text-green-400{color:#34d399}.bg-yellow-500{background:#eab308}.bg-red-500{background:#ef4444}.bg-blue-500\/20{background:#3b82f633}.text-blue-400{color:#60a5fa}.text-red-400{color:#f87171}.text-purple-400{color:#c084fc}.border-blue-500\/30{border-color:#3b82f64d}.border-red-500\/30{border-color:#ef44444d}.border-purple-500\/30{border-color:#a855f74d}.bg-red-500\/20{background:#ef444433}.bg-purple-500\/20{background:#a855f733}.rounded-md{border-radius:.5rem}.rounded-lg{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.shadow-sm{box-shadow:0 6px 24px #0000003d;box-shadow:var(--shadow-1)}.shadow{box-shadow:0 10px 30px #00000052;box-shadow:var(--shadow-2)}.ring-2{outline:2px solid #7c8aa5;outline:2px solid var(--ring)}.ring-2,.ring-offset-2{outline-offset:2px}.focus-visible\:ring-2:focus-visible{outline:2px solid #7c8aa5;outline:2px solid var(--ring)}.focus-visible\:ring-ring:focus-visible{outline-color:#7c8aa5;outline-color:var(--ring)}.border{border:1px solid #262a33;border:1px solid var(--border)}.border-b{border-bottom:1px solid #262a33;border-bottom:1px solid var(--border)}.border-l{border-left:1px solid #262a33;border-left:1px solid var(--border)}.border-r{border-right:1px solid #262a33;border-right:1px solid var(--border)}.shrink-0{flex-shrink:0}button{background:#0000;border-radius:.5rem;color:#e7e9ef;color:var(--foreground);cursor:pointer;height:36px;padding:0 .75rem;transition:background .2s ease,border-color .2s ease,transform .2s ease,color .2s ease}button:disabled{cursor:not-allowed;opacity:.55}button:hover{background:#2e3342;background:var(--accent)}.bg-primary{border-color:color-mix(in srgb,#63ff6e 45%,#0a0a0a 55%);border-color:color-mix(in srgb,var(--primary) 45%,#0a0a0a 55%);color:#0b0e10;color:var(--primary-foreground);text-shadow:0 1px 0 #00000026}svg{stroke:currentColor}.group{position:relative}.bg-card,.bg-card\/50,.bg-card\/80{-webkit-backdrop-filter:saturate(120%) blur(2px);backdrop-filter:saturate(120%) blur(2px)}.hover\:bg-card\/80:hover{background:color-mix(in srgb,#101011 80%,#0000);background:color-mix(in srgb,var(--card) 80%,#0000)}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}[class*=overflow-y-scroll]{scrollbar-color:#353a49 #0000;scrollbar-width:thin}[class*=overflow-y-scroll]::-webkit-scrollbar{width:10px}[class*=overflow-y-scroll]::-webkit-scrollbar-track{background:#0000}[class*=overflow-y-scroll]::-webkit-scrollbar-thumb{background:#353a49;background-clip:padding-box;border:3px solid #0000;border-radius:8px}[class*=overflow-y-scroll]::-webkit-scrollbar-thumb:hover{background:#41485c}.bg-operator{background:#63ff6e;background:var(--primary);color:#0b0e10;color:var(--primary-foreground)}.bg-customer{background:#141415;background:var(--card-2);border:1px solid color-mix(in srgb,#262a33 70%,#000 30%);border:1px solid color-mix(in srgb,var(--border) 70%,#000 30%);color:#e7e9ef;color:var(--foreground)}.rounded-br-md{border-bottom-right-radius:.4rem}.rounded-bl-md{border-bottom-left-radius:.4rem}input[type=text]{background:#1a1d25;background:var(--input);border:1px solid #262a33;border:1px solid var(--border);border-radius:.5rem;color:#e7e9ef;color:var(--foreground);height:40px}input[type=text]::placeholder{color:color-mix(in srgb,#a6adbb 82%,#cbd5e1 18%);color:color-mix(in srgb,var(--muted) 82%,#cbd5e1 18%)}input[type=text]:hover{border-color:#32384a;border-color:var(--accent-strong)}input[type=text]:focus-visible{border-color:#7c8aa5;border-color:var(--ring);outline:2px solid #7c8aa5;outline:2px solid var(--ring);outline-offset:2px}select{background:#1a1d25;background:var(--input);border:1px solid #262a33;border:1px solid var(--border);border-radius:.5rem;color:#e7e9ef;color:var(--foreground)}.badge{align-items:center;border:1px solid #262a33;border:1px solid var(--border);border-radius:999px;display:inline-flex;font-size:11px;font-weight:600;height:18px;padding:0 .35rem}.animate-spin{animation:spin .8s linear infinite}.animate-pulse{animation:pulse 1.5s ease-in-out infinite}.animate-spin.border-2{border-bottom-color:initial!important;border-left-color:initial!important;border-right-color:initial!important;border-top-color:#0000!important}.h-screen{height:100vh}.right-sidebar-w{width:400px!important}.w-full{width:100%}.flex,.flex-col{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1 1 auto}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.space-x-2>*+*{margin-left:.5rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.min-w-0{min-width:0}.max-w-full{max-width:100%}.max-w-xs{max-width:20rem}.lg\:max-w-md{max-width:28rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-10{height:2.5rem}.h-6{height:1.5rem}.h-16{height:4rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-10{width:2.5rem}.w-16{width:4rem}.w-72{width:18rem}.w-80{width:20rem}.xl\:w-96{width:24rem}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-medium{font-weight:600}.font-medium-200{font-size:18px!important;font-weight:500}.font-semibold{font-weight:700}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.tabular-nums{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.rounded-[inherit]{border-radius:inherit}.backdrop-blur-sm{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.border-b.bg-card\/30,.breadcrumbs{background:linear-gradient(180deg,color-mix(in srgb,#101011 15%,#0000),#0000);background:linear-gradient(180deg,color-mix(in srgb,var(--card) 15%,#0000),#0000)}.border-primary{border-color:color-mix(in srgb,#63ff6e 55%,#0a0a0a 45%)!important;border-color:color-mix(in srgb,var(--primary) 55%,#0a0a0a 45%)!important}.bg-primary\/10{background:color-mix(in srgb,#63ff6e 10%,#0000);background:color-mix(in srgb,var(--primary) 10%,#0000)}.operator-bubble{background:#63ff6e;background:var(--primary);border-radius:18px;border-bottom-right-radius:6px;box-shadow:0 10px 24px #10b98126;color:#0b0e10;color:var(--primary-foreground);padding:12px 16px}.customer-bubble{background:#141415;background:var(--card-2);border:1px solid #262a33;border:1px solid var(--border);border-radius:18px;border-bottom-left-radius:6px;color:#e7e9ef;color:var(--foreground);padding:12px 16px}.ring-2.ring-green-500\/20{border-radius:999px;box-shadow:0 0 0 2px #22c55e33}.audio-bar{background:color-mix(in srgb,#e7e9ef 15%,#0000);background:color-mix(in srgb,var(--foreground) 15%,#0000);border-radius:999px;height:8px;overflow:hidden}.audio-bar>div{background:currentColor;border-radius:999px;height:100%;transition:width .3s ease;width:35%}.rounded-md.h-10.w-10,.rounded-md.h-8.w-8{align-items:center;display:inline-flex;justify-content:center}@keyframes fade-in{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .18s ease-out both}.protocol-main-card{border-bottom:1px solid #3b3b3bcc;padding-bottom:10px}.protocol-card{background:#141414;border-radius:10px;padding:8px}.audio-player-loading{animation:pulse 1.5s ease-in-out infinite}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;z-index:9999}.confirmation-modal{animation:slideIn .2s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:500px;width:90%}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px}.modal-header h3{color:#1f2937;font-size:18px;font-weight:600;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.close-button:hover{background:#f3f4f6;color:#1f2937}.modal-body{flex:1 1;overflow-y:auto;padding:20px}.modal-body p{color:#4b5563;font-size:14px;margin:0 0 15px}.reason-textarea{border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:12px;resize:vertical;transition:border-color .2s;width:100%}.reason-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.modal-footer{display:flex;gap:10px;justify-content:flex-end;padding:20px}.btn-cancel,.btn-confirm{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-cancel{background:#f3f4f6;color:#4b5563}.btn-cancel:hover{background:#e5e7eb}.btn-confirm{background:#3b82f6;color:#fff}.btn-confirm:hover:not(:disabled){background:#2563eb}.btn-confirm:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6}.chat-input-area{position:relative}.chat-input-area.paste-active{animation:pulseOutline 1s ease-in-out infinite;border-radius:8px;outline:2px dashed #8b5cf6;outline-offset:4px}@keyframes pulseOutline{0%,to{outline-color:#8b5cf6;outline-width:2px}50%{outline-color:#a78bfa;outline-width:3px}}.paste-hint{background:#8b5cf6;border-radius:6px;color:#fff;font-size:12px;opacity:0;padding:6px 12px;pointer-events:none;top:-32px;transition:opacity .2s;white-space:nowrap;z-index:10}.paste-hint,.paste-hint:after{left:50%;position:absolute;transform:translateX(-50%)}.paste-hint:after{border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid #8b5cf6;content:"";height:0;top:100%;width:0}.paste-hint.show{opacity:1}.tab-button{align-items:center;background-color:initial;border:1px solid #0000;border-radius:.5rem;color:var(--color-text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.5rem 1rem;transition:all .2s ease}.tab-button:hover{background-color:var(--color-secondary);color:var(--color-text)}.tab-button.active{background-color:#8b5cf6;border-color:#8b5cf6;color:#fff}.tab-button svg{height:1rem;width:1rem}.message-wrapper{position:relative}.message-reply-button{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:50%;box-shadow:0 2px 8px #0000001f;color:var(--color-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;opacity:0;padding:0;position:absolute;right:.5rem;top:.5rem;transform:scale(.85);transition:all .2s cubic-bezier(.4,0,.2,1);width:32px;z-index:10}.message-wrapper:hover .message-reply-button{opacity:1}.message-reply-button:hover{background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 4px 12px #a855f74d;box-shadow:0 4px 12px rgba(var(--color-primary-rgb,168,85,247),.3);color:#fff;transform:scale(1.05)}.message-reply-button:active{transform:scale(.95)}.message-reply-button svg{height:16px;transition:transform .2s ease;width:16px}.message-reply-button:hover svg{transform:rotate(-5deg)}.message-operator .message-reply-button{left:.5rem;right:auto}@media (prefers-color-scheme:dark){.message-reply-button{background:#ffffff14;border-color:#ffffff26;box-shadow:0 2px 8px #0000004d}.message-reply-button:hover{background:var(--color-primary);border-color:var(--color-primary)}}.edit-contact-btn{opacity:0;transition:opacity .2s ease,transform .2s ease}.avatar-edit-container:hover .edit-contact-btn{opacity:1}.edit-contact-btn:hover{transform:scale(1.1)}.template-selector-trigger{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin-top:12px;padding:12px 16px;transition:all .2s;width:100%}.template-selector-trigger:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 4px 12px #8b5cf666;transform:translateY(-2px)}.template-selector-trigger:active{transform:translateY(0)}.template-selector-trigger svg{height:18px;width:18px}.tab-button-trigger{align-items:center;background-color:initial;border:1px solid #0000;border-radius:.5rem;color:var(--color-text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.5rem 1rem;transition:all .2s ease}.tab-button-trigger:hover{background:#0000;box-shadow:0 4px 12px #8b5cf666;transform:translateY(-2px)}.tab-button:active{background-color:#511d81;border-color:#511d81;color:#fff}.tab-button-trigger.active{background-color:#7c3aed;border-color:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff}.tab-button-trigger svg{height:18px;width:18px}.fixed.transition-transform{transition:transform .3s cubic-bezier(.4,0,.2,1)}.fixed.md\:static{z-index:20}.fixed.inset-0.bg-black\/50{animation:fadeIn .2s ease-in-out}.fixed.inset-y-0.left-0{bottom:0;height:100vh;left:0;max-height:100vh;top:0}.fixed.inset-y-0.right-0{bottom:0;height:100vh;max-height:100vh;right:0;top:0}.translate-x-0{transform:translateX(0)}.-translate-x-full{transform:translateX(-100%)}.translate-x-full{transform:translateX(100%)}@media (min-width:768px){.md\:static{position:static}.md\:hidden{display:none!important}.md\:block{display:block!important}.md\:flex{display:flex!important}.fixed.md\:static.inset-y-0.left-0,.fixed.md\:static.inset-y-0.right-0{animation:none;height:auto;position:static;transform:none;width:auto}}.fixed.inset-0.bg-black\/50.md\:hidden{display:none}@media (max-width:767px){body.sidebar-open{overflow:hidden}}@media (min-width:1200px){.xl\:static{position:static}.xl\:hidden{display:none!important}.xl\:block{display:block!important}.xl\:flex{display:flex!important}.fixed.xl\:static.inset-y-0.left-0,.fixed.xl\:static.inset-y-0.right-0{animation:none;height:auto;position:static;transform:none;width:auto}.fixed.inset-0.bg-black\/50.xl\:hidden{display:none}}.sidebar-bg{background-color:#0a0a0a}.modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.service-reason-modal{animation:slideUp .3s ease;background:#1a1a1a;border-radius:12px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-height:85vh;max-width:650px;width:90%}.modal-header-service-reason{align-items:center;background:#0c0c0c;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px 24px}.modal-icon-wrapper,.modal-icon-wrapper-success{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.modal-title{color:#fff;font-size:18px;font-weight:600;margin:0}.modal-subtitle{color:#fff9;font-size:14px;margin:4px 0 0}.modal-close-btn{background:none;border-radius:6px;color:#fff;padding:8px;transition:background .2s}.modal-close-btn:hover{background:#ffffff1a}.modal-body-service-reason{background:#0c0c0c;padding:20px 24px}.empty-state-service-reason{align-items:center;background:#121212;border:2px dashed #ffffff1a;border-radius:8px;display:flex;flex-direction:column;justify-content:center;padding:48px 24px}.empty-state-service-reason svg{color:#ffffff4d;margin-bottom:16px}.empty-state-title{color:#fff;font-size:16px;margin:8px 0}.empty-state-description{color:#ffffff80;font-size:14px}.service-reason-list{gap:12px}.service-reason-card{background:#121212;border:1px solid #ffffff1a;border-radius:8px;padding:16px}.service-reason-card:hover{background:#1a1a1a;border-color:#8b5cf6}.service-reason-color-badge{border-radius:2px;width:4px}.service-reason-name{color:#fff;font-size:15px;margin:0 0 4px}.service-reason-description{color:#fff9;font-size:13px;line-height:1.4;margin:0}.service-reason-meta{align-items:center;gap:12px;margin-top:8px}.meta-badge{color:#ffffff80;display:flex;font-size:12px;gap:4px}.meta-badge svg{color:#fff6}.service-reason-progress-header{margin-bottom:20px}.service-reason-step-badge{background:#1a1a1a;border:1px solid #fff3;border-radius:12px;color:#fffc;font-size:12px;font-weight:500;padding:4px 12px}.progress-bar-container{background:#252525;border-radius:4px;margin-top:8px}.service-reason-step-card{background:#121212;border:1px solid #ffffff1a;border-radius:8px;margin-top:20px;padding:20px}.step-header{margin-bottom:16px}.step-number{font-size:14px;height:32px;width:32px}.step-title{color:#fff;font-size:16px;margin:0 0 4px}.step-description{margin-top:16px}.step-description h4{color:#fff;font-size:14px;font-weight:600;margin:0 0 8px}.step-description p{color:#ffffffb3;font-size:14px;line-height:1.5;margin:0}.step-script-section{margin-top:16px}.script-toggle-btn{background:#1a1a1a;border:1px solid #fff3;border-radius:6px;color:#fff;font-size:14px;gap:8px;padding:12px}.script-toggle-btn:hover{background:#252525;border-color:#8b5cf6}.script-content{background:#1a1a1a;border:1px solid #ffffff1a;border-radius:6px;margin-top:12px;padding:12px}.script-text{color:#fffc;font-family:inherit;font-size:13px}.service-reason-summary{margin-top:20px}.service-reason-summary h4{color:#fff;font-size:14px;font-weight:600;margin:0 0 12px}.step-bubble{font-size:14px;font-weight:600;height:36px;width:36px}.step-bubble.active{border:none;box-shadow:0 0 0 3px #8b5cf64d}.step-bubble.completed{border:none;opacity:.8}.step-bubble.completed:hover{opacity:1;transform:scale(1.05)}.step-bubble.pending{background:#1a1a1a;border:2px solid #fff3;color:#fff6}.modal-footer-service-reason{align-items:center;background:#0c0c0c;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:16px 24px}.btn-primary,.btn-secondary,.btn-success{border-radius:6px;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 20px}.btn-secondary{background:#1a1a1a;border:1px solid #fff3;color:#fff}.btn-secondary:hover:not(:disabled){background:#252525;border-color:#ffffff4d}.btn-primary{border:none}.btn-primary:disabled{opacity:.7}.btn-success{background:#10b981;border:none}.btn-success:hover:not(:disabled){background:#059669}.btn-success:disabled{opacity:.7}.animate-spin{animation:spin 1s linear infinite}.modal-body-service-reason::-webkit-scrollbar{width:8px}.modal-body-service-reason::-webkit-scrollbar-track{background:#0c0c0c}.modal-body-service-reason::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.modal-body-service-reason::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width:640px){.service-reason-modal{max-height:90vh;width:95%}.modal-body-service-reason,.modal-footer-service-reason,.modal-header-service-reason{padding:16px}.service-reason-card{padding:12px}.step-bubble{font-size:12px;height:32px;width:32px}}.modal-close-btn{align-items:center;background:#0000;border:none;border-radius:.5rem;color:hsl(var(--muted-foreground));cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s}.modal-close-btn:hover{background:hsl(var(--accent));color:hsl(var(--foreground))}.modal-body-service-reason{flex:1 1;max-height:calc(90vh - 180px);overflow-y:auto;padding:1.5rem}.service-reason-list{display:flex;flex-direction:column;gap:.75rem}.service-reason-card{background:hsl(var(--card));border:2px solid hsl(var(--border));border-radius:.75rem;cursor:pointer;padding:1rem;transition:all .2s}.service-reason-card:hover{background:hsl(var(--accent)/.5);border-color:hsl(var(--primary));box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.service-reason-color-badge{border-radius:4px;flex-shrink:0;height:100%;min-width:8px;width:8px}.service-reason-name{color:hsl(var(--foreground));font-size:1rem;font-weight:600;margin:0 0 .25rem}.service-reason-description{color:hsl(var(--muted-foreground));font-size:.875rem;line-height:1.5;margin:0 0 .5rem}.service-reason-meta{display:flex;flex-wrap:wrap;gap:.75rem}.meta-badge{align-items:center;background:hsl(var(--accent));border-radius:9999px;color:hsl(var(--muted-foreground));display:inline-flex;font-size:.75rem;font-weight:500;gap:.375rem;padding:.25rem .75rem}.empty-state-service-reason{color:hsl(var(--muted-foreground));padding:4rem 2rem;text-align:center}.empty-state-service-reason svg{margin:0 auto 1rem;opacity:.5}.empty-state-title{color:hsl(var(--foreground));font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.empty-state-description{color:hsl(var(--muted-foreground));font-size:.875rem;margin:0}.service-reason-progress-header{border-bottom:1px solid hsl(var(--border));margin-bottom:1.5rem;padding-bottom:1rem}.service-reason-step-badge{align-items:center;background:hsl(var(--primary)/.1);border-radius:9999px;color:hsl(var(--primary));display:inline-flex;font-size:.75rem;font-weight:600;padding:.375rem .75rem}.progress-bar-container{background:hsl(var(--accent));border-radius:9999px;height:8px;overflow:hidden;position:relative;width:100%}.progress-bar-fill{background:hsl(var(--primary));border-radius:9999px;height:100%;transition:width .3s ease}.service-reason-step-card{background:hsl(var(--card));border:2px solid hsl(var(--border));border-radius:.75rem;margin-bottom:1.5rem;padding:1.5rem}.step-header{margin-bottom:1rem}.step-number{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:1.125rem;font-weight:700;height:40px;justify-content:center;width:40px}.step-title{color:hsl(var(--foreground));font-size:1.125rem;font-weight:600;margin:0}.step-description{background:hsl(var(--accent)/.5);border-radius:.5rem;margin-bottom:1rem;padding:1rem}.step-script-section{margin-top:1rem}.script-toggle-btn{align-items:center;background:hsl(var(--primary)/.1);border:2px solid hsl(var(--primary)/.2);border-radius:.5rem;color:hsl(var(--primary));cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .2s;width:100%}.script-toggle-btn:hover{background:hsl(var(--primary)/.15);border-color:hsl(var(--primary)/.3)}.script-content{animation:slideDown .2s ease;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.5rem;margin-top:.75rem;padding:1rem}.script-text{word-wrap:break-word;color:hsl(var(--foreground));font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:.875rem;line-height:1.6;margin:0;white-space:pre-wrap}.service-reason-summary{background:hsl(var(--accent)/.3);border-radius:.75rem;padding:1rem}.step-bubble{align-items:center;background:hsl(var(--card));border:2px solid hsl(var(--border));border-radius:50%;color:hsl(var(--muted-foreground));cursor:pointer;display:flex;font-size:.875rem;font-weight:700;height:40px;justify-content:center;transition:all .2s;width:40px}.step-bubble.active{box-shadow:0 4px 12px #0003;transform:scale(1.1)}.step-bubble.active,.step-bubble.completed{border-color:#0000;color:#fff}.step-bubble.pending{cursor:not-allowed;opacity:.5}.step-bubble:not(.pending):hover{transform:scale(1.05)}.modal-footer-service-reason{background:hsl(var(--card));border-radius:0 0 .75rem .75rem;border-top:1px solid hsl(var(--border));padding:1.5rem}.btn-primary,.btn-secondary,.btn-success{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s}.btn-primary{background:hsl(var(--primary));color:#fff}.btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-secondary{background:hsl(var(--secondary));border:1px solid hsl(var(--border));color:hsl(var(--secondary-foreground))}.btn-secondary:hover:not(:disabled){background:hsl(var(--accent))}.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.btn-success{background:#16a249;color:#fff}.btn-success:hover:not(:disabled){background:#149041;transform:translateY(-1px)}.btn-success:disabled{cursor:not-allowed;opacity:.5}@media (max-width:640px){.service-reason-modal{margin:1rem;max-width:95vw}.modal-body-service-reason,.modal-footer-service-reason,.modal-header-service-reason,.service-reason-step-card{padding:1rem}.step-bubble{font-size:.75rem;height:36px;width:36px}}.customer-history-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9998}.customer-history-modal{animation:slideUp .3s ease-out;background:var(--background);border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:800px;width:90%}.customer-history-header{align-items:center;background:var(--card);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:1.5rem}.header-content{gap:1rem}.header-content,.header-icon{align-items:center;display:flex}.header-icon{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;height:48px;justify-content:center;width:48px}.header-icon svg{color:#fff;height:24px;width:24px}.header-text{display:flex;flex-direction:column;gap:.25rem}.header-title{color:var(--foreground);font-size:1.25rem;font-weight:600;margin:0}.header-subtitle{color:var(--muted-foreground);font-size:.875rem;margin:0}.close-btn{align-items:center;background:var(--secondary);border:none;border-radius:8px;color:var(--foreground);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.close-btn:hover{background:var(--secondary-hover);transform:scale(1.05)}.close-btn svg{height:18px;width:18px}.search-filters{background:var(--card);border-bottom:1px solid var(--border);padding:1rem 1.5rem}.filters-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-label{align-items:center;color:var(--foreground);display:flex;font-size:.8125rem;font-weight:500;gap:.375rem}.filter-label svg{color:var(--muted-foreground);height:14px;width:14px}.filter-input{background:var(--background);border:1px solid var(--border);border-radius:6px;color:var(--foreground);font-size:.875rem;padding:.5rem .75rem;transition:all .2s;width:100%}.filter-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.filter-input::placeholder{color:var(--muted-foreground)}.filters-actions{display:flex;gap:.5rem;justify-content:flex-end}.filter-btn{align-items:center;border:1px solid var(--border);border-radius:6px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.filter-btn svg{height:16px;width:16px}.filter-btn:disabled{cursor:not-allowed;opacity:.5}.filter-btn-search{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.filter-btn-search:hover:not(:disabled){background:#7c3aed;box-shadow:0 4px 8px #7c3aed4d;transform:translateY(-1px)}.filter-btn-clear{background:var(--secondary);color:var(--foreground)}.filter-btn-clear:hover:not(:disabled){background:var(--secondary-hover);border-color:var(--destructive);color:var(--destructive)}.customer-history-body{flex:1 1;overflow-y:auto;padding:1.5rem}.empty-state,.error-state,.loading-state{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:3rem 1rem;text-align:center}.loading-spinner{border:3px solid var(--border);border-top-color:var(--primary);height:40px;width:40px}.empty-state p,.error-state p,.loading-state p{color:var(--muted-foreground);margin:0}.error-message{color:var(--destructive)}.retry-btn{background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .2s}.retry-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.empty-icon{color:var(--muted-foreground);height:64px;opacity:.5;width:64px}.tickets-count{align-items:center;background:var(--secondary);border-radius:8px;display:flex;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem}.tickets-count svg{color:var(--primary);height:18px;width:18px}.tickets-count span{color:var(--foreground);font-size:.875rem;font-weight:500}.tickets-list{gap:1rem}.ticket-card,.tickets-list{display:flex;flex-direction:column}.ticket-card{background:var(--card);border:1px solid var(--border);border-radius:12px;cursor:pointer;gap:.75rem;padding:1rem;transition:all .2s}.ticket-card:hover{border-color:var(--primary);box-shadow:0 4px 12px #6366f11a;transform:translateY(-2px)}.ticket-card-header{align-items:center;display:flex;justify-content:space-between}.ticket-protocol{align-items:center;color:var(--foreground);display:flex;font-weight:600;gap:.5rem}.ticket-protocol svg{color:var(--primary);height:18px;width:18px}.status-badge{border-radius:12px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.status-closed{background:#6b728026;color:#6b7280}.status-bot{background:#8b5cf626;color:#8b5cf6}.status-resolved{background:#22c55e26;color:#22c55e}.status-active{background:#3b82f626;color:#3b82f6}.status-pending{background:#fbbf2426;color:#fbbf24}.status-default{background:var(--secondary);color:var(--muted-foreground)}.ticket-card-body{display:flex;flex-direction:column;gap:.75rem}.ticket-subject{align-items:flex-start;color:var(--foreground);display:flex;font-size:.875rem;gap:.5rem}.ticket-subject svg{color:var(--muted-foreground);flex-shrink:0;height:16px;margin-top:2px;width:16px}.ticket-meta{display:flex;flex-wrap:wrap;gap:1rem}.meta-item{align-items:center;color:var(--muted-foreground);display:flex;font-size:.8125rem;gap:.375rem}.meta-item svg{height:14px;width:14px}.ticket-card-footer{align-items:center;border-top:1px solid var(--border);display:flex;justify-content:space-between;padding-top:.75rem}.ticket-stats{display:flex;gap:1rem}.stat-item{color:var(--muted-foreground);font-size:.8125rem;gap:.375rem}.stat-item svg{height:14px;width:14px}.chevron-icon{color:var(--muted-foreground);height:18px;transition:transform .2s;width:18px}.ticket-card:hover .chevron-icon{color:var(--primary);transform:translateX(4px)}.load-more-section{display:flex;justify-content:center;margin-top:1rem;padding:1rem 0}.load-more-btn{align-items:center;background:var(--secondary);border:1px solid var(--border);border-radius:8px;color:var(--foreground);cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.load-more-btn:hover:not(:disabled){background:var(--secondary-hover);border-color:var(--primary)}.load-more-btn:disabled{cursor:not-allowed;opacity:.5}.load-more-btn svg{height:18px;width:18px}.loading-spinner-small{animation:spin .8s linear infinite;border:2px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:18px;width:18px}@media (max-width:768px){.customer-history-modal{max-height:90vh;width:95%}.customer-history-header{padding:1rem}.header-icon{height:40px;width:40px}.header-icon svg{height:20px;width:20px}.header-title{font-size:1.125rem}.customer-history-body,.search-filters{padding:1rem}.filters-row{gap:.75rem;grid-template-columns:1fr}.filters-actions{flex-direction:column}.filter-btn{justify-content:center;width:100%}.ticket-card{padding:.875rem}.ticket-meta{flex-direction:column;gap:.5rem}}.active-customer-tab{background-color:#8b5cf6!important}.custom-scrollbar{overflow-x:hidden!important;overflow-y:auto!important}.custom-scrollbar::-webkit-scrollbar{width:8px}.custom-scrollbar::-webkit-scrollbar-track{background:#1f2937;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#9333ea;border:2px solid #1f2937;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#a855f7}.custom-scrollbar{scrollbar-color:#9333ea #1f2937;scrollbar-width:thin}.custom-scrollbar>*{flex-shrink:0}.open-ticket-modal{background-color:#0c0c0c}.cadastro-refresh-btn{align-items:center;background:linear-gradient(135deg,#1f2937,#111827);border:1px solid #374151;border-radius:.5rem;color:#d1d5db;display:inline-flex;font-size:.875rem;gap:.5rem;padding:.5rem .75rem;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}.cadastro-refresh-btn:hover:not(:disabled){background:linear-gradient(135deg,#374151,#1f2937);border-color:#4b5563;box-shadow:0 4px 14px #00000040;transform:translateY(-1px)}.cadastro-refresh-btn:active:not(:disabled){transform:translateY(0)}.cadastro-refresh-btn:disabled{cursor:not-allowed;opacity:.55}.cadastro-refresh-icon{align-items:center;display:inline-flex;justify-content:center}.cadastro-refresh-icon.is-spinning{animation:cadastroRefreshSpin .8s linear infinite}.cadastro-refresh-btn.is-loading{border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf626}@keyframes cadastroRefreshSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}[data-theme=light] .cadastro-page{background:#f8fafc!important;color:#0f172a!important}[data-theme=light] .cadastro-page .active-customer-tab{background-color:#7c3aed!important;border-color:#7c3aed!important;color:#fff!important}[data-theme=light] .cadastro-page .bg-black-800,[data-theme=light] .cadastro-page .bg-black-900,[data-theme=light] .cadastro-page .bg-gray-800,[data-theme=light] .cadastro-page .bg-gray-900{background-color:#fff!important}[data-theme=light] .cadastro-page .border-black-800,[data-theme=light] .cadastro-page .border-gray-600,[data-theme=light] .cadastro-page .border-gray-700,[data-theme=light] .cadastro-page .border-gray-800{border-color:#dbe3ef!important}[data-theme=light] .cadastro-page .text-white{color:#0f172a!important}[data-theme=light] .cadastro-page .text-gray-400,[data-theme=light] .cadastro-page .text-gray-500,[data-theme=light] .cadastro-page .text-gray-600{color:#64748b!important}[data-theme=light] .cadastro-page .text-gray-300{color:#334155!important}[data-theme=light] .cadastro-page input,[data-theme=light] .cadastro-page select,[data-theme=light] .cadastro-page textarea{background-color:#fff!important;border-color:#cbd5e1!important;color:#0f172a!important}[data-theme=light] .cadastro-page input::placeholder,[data-theme=light] .cadastro-page textarea::placeholder{color:#94a3b8!important}[data-theme=light] .cadastro-page .open-ticket-modal{background:#fff!important;border-color:#dbe3ef!important}[data-theme=light] .cadastro-page .open-ticket-modal .text-gray-300{color:#334155!important}[data-theme=light] .cadastro-page .open-ticket-modal .text-gray-400,[data-theme=light] .cadastro-page .open-ticket-modal .text-gray-500{color:#64748b!important}[data-theme=light] .cadastro-page .open-ticket-modal .bg-yellow-900\/20{background:#f59e0b14!important}[data-theme=light] .cadastro-page .open-ticket-modal .border-yellow-700{border-color:#f59e0b!important}[data-theme=light] .cadastro-page .open-ticket-modal .text-yellow-300{color:#92400e!important}.bot-sessions-header{align-items:center;display:flex;gap:10px;margin-bottom:10px;position:relative}.bot-header-row{grid-gap:12px;align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:6px;display:grid;flex:1 1;gap:12px;grid-template-columns:var(--grid-columns);padding:6px 12px}.bot-header-col{color:#ffffff80;font-size:10px}.bot-columns-config-wrapper{flex-shrink:0;position:relative}.bot-columns-btn{align-items:center;background:#6366f126;border:1px solid #6366f14d;border-radius:6px;color:#818cf8;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:5px;padding:6px 12px;transition:all .2s;white-space:nowrap}.bot-columns-btn:hover{background:#6366f140;border-color:#6366f166}.bot-columns-btn svg{animation:rotate 8s linear infinite;flex-shrink:0}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.bot-columns-dropdown{animation:dropdownSlide .15s ease;background:#1a1a1a;border:1px solid #ffffff26;border-radius:8px;box-shadow:0 8px 24px #0009;position:absolute;right:0;top:calc(100% + 8px);width:200px;z-index:1000}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.bot-dropdown-header{border-bottom:1px solid #ffffff14;padding:12px 14px 10px}.bot-dropdown-header h3{color:#fffffff2;font-size:12px;font-weight:600;margin:0 0 4px}.bot-column-count{color:#ffffff80;font-size:11px}.bot-dropdown-list{max-height:340px;overflow-x:hidden;overflow-y:auto;padding:4px 0}.bot-dropdown-list::-webkit-scrollbar{width:6px}.bot-dropdown-list::-webkit-scrollbar-track{background:#0000}.bot-dropdown-list::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.bot-dropdown-list::-webkit-scrollbar-thumb:hover{background:#ffffff40}.bot-dropdown-item{align-items:center;cursor:pointer;display:flex;gap:10px;padding:8px 14px;transition:background .1s;-webkit-user-select:none;user-select:none}.bot-dropdown-item:hover{background:#ffffff0f}.bot-dropdown-item input[type=checkbox]{accent-color:#6366f1;cursor:pointer;flex-shrink:0;height:16px;margin:0;width:16px}.bot-dropdown-item span{color:#fffc;flex:1 1;font-size:13px}.bot-dropdown-item.checked span{color:#fffffff2;font-weight:500}.bot-session-row{grid-gap:12px;border:1px solid #ffffff14;border-radius:6px;gap:12px;margin-bottom:6px;min-height:48px;padding:8px 12px;transition:all .2s}.bot-session-row.survey-mode{border-left:3px solid #3b82f6}.bot-session-row.survey-mode.expired{border-left-color:#f59e0b}.bot-column{align-items:center;color:#ffffffe6;display:flex;font-size:12px;min-width:0}.column-contact{display:flex;flex-direction:column;gap:2px;min-width:0}.contact-name{color:#fffffff2;font-size:12px;font-weight:600}.contact-name,.contact-phone{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-phone{color:#fff9;font-size:11px}.column-department{align-items:center;display:flex;gap:6px;min-width:0}.dept-indicator{height:6px;width:6px}.column-funnel,.column-stage{font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.column-phase{align-items:center;display:flex;justify-content:center}.phase-indicators{gap:3px}.indicator-dot{height:6px;width:6px}.phase-awaiting,.phase-expired{border-radius:4px;font-size:11px;font-weight:500;gap:4px;padding:3px 8px}.phase-expired{background:#fb923c26;border:1px solid #fb923c4d;color:#fb923c}.phase-awaiting{background:#3b82f626;border:1px solid #3b82f64d;color:#3b82f6}.phase-awaiting svg,.phase-expired svg{height:12px;width:12px}.column-priority{align-items:center;border-radius:4px;display:inline-flex;font-size:11px;font-weight:500;gap:3px;padding:3px 8px;white-space:nowrap}.priority-urgent{background:#ef444426;border:1px solid #ef44444d}.priority-high{background:#fb923c26;border:1px solid #fb923c4d;color:#fb923c}.priority-normal{background:#22c55e26;border:1px solid #22c55e4d;color:#22c55e}.priority-low{background:#9ca3af26;border:1px solid #9ca3af4d;color:#9ca3af}.column-protocol{display:flex}.protocol-code{color:#fffc;font-family:Monaco,Courier New,monospace;font-size:11px;padding:3px 6px}.column-unread{display:flex;justify-content:center}.unread-badge{align-items:center;background:#ef4444;border-radius:10px;color:#fff;display:inline-flex;font-size:11px;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 6px}.column-created,.column-last-msg{color:#ffffffb3;font-size:11px;white-space:nowrap}.survey-elapsed{color:#3b82f6;font-weight:500}.channel-generic,.channel-whatsapp,.column-channel{display:flex;justify-content:center}.channel-generic,.channel-whatsapp{align-items:center;border-radius:5px;height:26px;width:26px}.column-actions{display:flex;gap:6px;justify-content:flex-end}.btn-action{border:none;border-radius:5px;cursor:pointer;font-size:11px;font-weight:500;padding:5px 10px;transition:all .2s;white-space:nowrap}.btn-view{background:#6366f126;border:1px solid #6366f14d;color:#818cf8}.btn-view:hover{background:#6366f140}.btn-transfer{background:#fb923c26;border:1px solid #fb923c4d;color:#fb923c}.btn-transfer:hover{background:#fb923c40}.btn-resume{background:#22c55e26;border:1px solid #22c55e4d;color:#22c55e}.btn-resume:hover{background:#22c55e40}.btn-close{background:#ef444426;border:1px solid #ef44444d;color:#ef4444}.btn-close:hover{background:#ef444440}.av-tickets-list{max-height:calc(100vh - 480px);min-height:300px;overflow-x:auto;overflow-y:auto;padding-bottom:1rem;padding-right:.5rem;scrollbar-color:#a855f74d #0000;scrollbar-width:thin;width:100%}.av-sessions-header{-ms-overflow-style:none;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;width:100%}.av-sessions-header::-webkit-scrollbar{display:none}.sessions-header-row{border-bottom:1px solid var(--color-border);padding:.75rem 1rem}.bot-session-row,.sessions-header-row{grid-gap:1rem;background:var(--color-surface);display:grid;gap:1rem;grid-template-columns:var(--grid-columns);min-width:-webkit-max-content;min-width:max-content;width:100%}.bot-session-row{align-items:center;border:1px solid var(--color-border);border-radius:.5rem;cursor:pointer;margin-bottom:.5rem;padding:1rem;transition:all .2s ease}.bot-column{min-width:100px;overflow:hidden;text-overflow:ellipsis}.bot-column-contact{min-width:160px}.bot-column-department,.bot-column-protocol{min-width:140px}.bot-column-actions{min-width:200px}.av-tickets-list::-webkit-scrollbar{height:8px;width:8px}.av-tickets-list::-webkit-scrollbar-track{background:#0000;border-radius:4px}.av-tickets-list::-webkit-scrollbar-thumb{background:#a855f74d;border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}.av-tickets-list::-webkit-scrollbar-thumb:hover{background:#a855f780}.av-tickets-list::-webkit-scrollbar-corner{background:#0000}@media (prefers-color-scheme:dark){.av-tickets-list::-webkit-scrollbar-thumb{background:#a855f766}.av-tickets-list::-webkit-scrollbar-thumb:hover{background:#a855f799}.av-tickets-list{scrollbar-color:#a855f766 #0000}}@media (max-width:768px){.bot-session-row{gap:.75rem;padding:.75rem}.sessions-header-row{gap:.75rem;padding:.5rem .75rem}.bot-column{font-size:.8125rem;min-width:80px}.bot-column-actions{min-width:180px}}.bot-session-header-wrapper{background:#09090b;border-bottom:1px solid #334155;min-width:100%;padding:1rem;position:-webkit-sticky;position:sticky;top:0;width:-webkit-fit-content;width:fit-content;z-index:100}.bot-session-header-grid{grid-gap:12px;align-items:center;display:grid;gap:12px;min-width:-webkit-fit-content;min-width:fit-content}.bot-header-col{color:#94a3b8;font-size:.75rem;font-weight:600;letter-spacing:.05em;min-width:0;overflow:hidden;padding:0 4px;text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.bot-header-col-contact,.bot-header-col-department{padding-left:20px;text-align:left}.bot-header-col-phase{padding-left:8px;text-align:center}.bot-session-row-wrapper{grid-gap:12px;align-items:center;background:#0000;border-bottom:1px solid #374151;cursor:pointer;display:grid;gap:12px;min-height:60px;min-width:-webkit-fit-content;min-width:fit-content;padding:16px 10px;transition:all .15s ease;width:100%}.bot-session-row-wrapper.survey-mode{background:#f871710d;border-left:3px solid #f8717180}.bot-session-row-wrapper.expired{opacity:.6}.bot-actions-wrapper,.bot-channel-col,.bot-contact-col,.bot-datetime-col,.bot-department-col,.bot-empty-col,.bot-funnel-col,.bot-phase-col,.bot-priority-col,.bot-protocol-col,.bot-stage-col{align-items:center;display:flex;justify-content:center;min-width:0;overflow:hidden;padding:0 4px}.bot-contact-col{align-items:flex-start;flex-direction:column;gap:4px;justify-content:center;padding:0 8px}.bot-contact-col .contact-name{color:#f8fafc;font-size:.875rem;font-weight:600}.bot-contact-col .contact-name,.bot-contact-col .contact-phone{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.bot-contact-col .contact-phone{color:#a5b4fc;font-family:Monaco,monospace;font-size:.75rem}.bot-department-col{align-items:center;flex-direction:row;gap:8px;justify-content:flex-start;padding:0 8px}.dept-indicator{border-radius:50%;flex-shrink:0;height:10px;width:10px}.bot-department-col span:not(.dept-indicator){color:#e0e7ff;font-size:.8125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bot-funnel-col,.bot-stage-col{border:1.5px solid;border-radius:6px;font-size:.6875rem;font-weight:600;justify-content:center;overflow:hidden;padding:4px 10px;text-overflow:ellipsis;white-space:nowrap}.bot-phase-col{justify-content:center}.phase-indicators{align-items:center;display:flex;gap:4px}.indicator-dot{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;border-radius:50%;height:8px;width:8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.phase-awaiting,.phase-expired{align-items:center;border:1.5px solid;border-radius:6px;display:flex;font-size:.75rem;font-weight:600;gap:6px;padding:4px 10px;white-space:nowrap}.phase-expired{background:#ef444426;border-color:#ef44444d;color:#fca5a5}.phase-awaiting{background:#f59e0b26;border-color:#f59e0b4d;color:#fbbf24}.phase-awaiting svg,.phase-expired svg{flex-shrink:0;height:14px;width:14px}.bot-priority-col{font-size:.8125rem;font-weight:600;justify-content:center}.priority-urgent{color:#ef4444}.priority-high{color:#f59e0b}.priority-normal{color:#3b82f6}.priority-low{color:#6b7280}.bot-protocol-col{justify-content:center}.protocol-code{border-radius:4px;font-family:Monaco,monospace;padding:3px 8px}.bot-datetime-col,.protocol-code{color:#a5b4fc;font-size:.75rem;font-weight:600;white-space:nowrap}.bot-datetime-col{justify-content:center}.survey-elapsed{color:#fbbf24;font-size:.75rem;font-weight:600}.bot-channel-col{justify-content:center}.bot-channel-col svg{flex-shrink:0}.bot-empty-col{color:#64748b;font-size:.875rem;justify-content:center}.bot-actions-wrapper{flex-direction:row;gap:6px;justify-content:center}@media (max-width:768px){.bot-session-header-wrapper,.bot-session-row-wrapper{gap:8px;padding:12px 8px}.bot-header-col{font-size:.6875rem}.bot-contact-col .contact-name{font-size:.8125rem}.bot-contact-col .contact-phone{font-size:.6875rem}}.confirm-dialog-backdrop{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confirm-dialog{animation:slideUp .3s ease;background:#0c0c0c;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 20px 60px #00000080;max-width:440px;width:calc(100% - 32px)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.confirm-dialog-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:14px;padding:20px 24px 16px}.confirm-icon{flex-shrink:0;height:28px;width:28px}.confirm-icon.danger{color:#ef4444}.confirm-icon.warning{color:#f59e0b}.confirm-icon.success{color:#10b981}.confirm-icon.info{color:#3b82f6}.confirm-dialog-title{color:#fffffff2;font-size:18px;font-weight:600;margin:0}.confirm-dialog-body{padding:20px 24px}.confirm-dialog-message{color:#fffc;font-size:14px;line-height:1.6;margin:0;white-space:pre-line}.confirm-dialog-footer{border-top:1px solid #ffffff1a;display:flex;gap:10px;padding:16px 24px 20px}.confirm-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;transition:all .2s}.confirm-btn.cancel{background:#ffffff14;border:1px solid #fff3;color:#ffffffe6}.confirm-btn.cancel:hover{background:#ffffff1f}.confirm-btn.confirm{color:#fff;font-weight:600}.confirm-btn.confirm.danger{background:#ef4444}.confirm-btn.confirm.danger:hover{background:#dc2626}.confirm-btn.confirm.warning{background:#f59e0b}.confirm-btn.confirm.warning:hover{background:#d97706}.confirm-btn.confirm.success{background:#10b981}.confirm-btn.confirm.success:hover{background:#059669}.confirm-btn.confirm.info{background:#3b82f6}.confirm-btn.confirm.info:hover{background:#2563eb}@media (max-width:768px){.confirm-dialog{max-width:calc(100% - 24px)}.confirm-dialog-header{padding:16px 20px 12px}.confirm-dialog-body{padding:16px 20px}.confirm-dialog-footer{flex-direction:column-reverse;padding:12px 20px 16px}.confirm-btn{width:100%}}.agente-virtual-chat-page{background:linear-gradient(135deg,#0f172a,#1e1b4b);bottom:0;display:flex;height:100vh;left:0;overflow:hidden;position:fixed;right:0;top:0;width:100vw;z-index:1}.agente-virtual-sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172af2;border-right:1px solid #6366f11a;box-shadow:4px 0 24px #0003;display:flex;flex-direction:column;flex-shrink:0;width:320px}.sidebar-search{background:#0c0c0c;border-bottom:1px solid #6366f11a;padding:18px;position:relative}.sidebar-search input{background:#1e1b4b66;border:1px solid #6366f133;border-radius:12px;color:#f3f4f6;font-size:14px;padding:12px 12px 12px 40px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.sidebar-search input:focus{background:#1e1b4b99;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a,0 4px 12px #6366f126;outline:none;transform:translateY(-1px)}.sidebar-search input::placeholder{color:#64748b;font-weight:500}.sidebar-search .search-icon{color:#818cf8;height:18px;left:30px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:color .2s;width:18px}.sidebar-search input:focus~.search-icon{color:#a5b4fc}.sidebar-sessions{background:#0c0c0c;flex:1 1;overflow-y:auto}.sidebar-sessions::-webkit-scrollbar{width:6px}.sidebar-sessions::-webkit-scrollbar-track{background:#0000}.sidebar-sessions::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:3px;-webkit-transition:background .2s;transition:background .2s}.sidebar-sessions::-webkit-scrollbar-thumb:hover{background:#6366f180}.sidebar-loading{align-items:center;display:flex;justify-content:center;padding:40px 20px}.sidebar-loading .loading-spinner{animation:spin .8s linear infinite;border:3px solid #374151;border-radius:50%;border-top-color:#6366f1;height:32px;width:32px}.sidebar-empty{color:#9ca3af;padding:40px 20px}.sidebar-session-item{align-items:center;border-bottom:1px solid #6366f10d;border-radius:12px;cursor:pointer;display:flex;margin:2px 8px;padding:14px 16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-session-item:hover{background:#6366f11a;border-bottom-color:#0000;transform:translateX(4px)}.sidebar-session-item.active{background:#0c0c0c;border-bottom-color:#0000;box-shadow:0 4px 12px #6366f133}.sidebar-session-item.active:before{background:linear-gradient(180deg,#6366f1,#8b5cf6);border-radius:0 4px 4px 0;bottom:8px;box-shadow:0 0 12px #6366f199;content:"";left:0;position:absolute;top:8px;width:4px}.session-avatar{align-items:center;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:14px;box-shadow:0 4px 12px #10b9814d,inset 0 1px 0 #fff3;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:48px;justify-content:center;margin-right:14px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);width:48px}.sidebar-session-item:hover .session-avatar{box-shadow:0 6px 16px #10b98166,inset 0 1px 0 #fff3;transform:scale(1.05)}.session-avatar .status-dot{animation:pulse-glow 2s ease-in-out infinite;background:#10b981;border:3px solid #0f172af2;border-radius:50%;bottom:-2px;box-shadow:0 0 12px #10b981cc;height:14px;position:absolute;right:-2px;width:14px}@keyframes pulse-glow{0%,to{box-shadow:0 0 12px #10b981cc;opacity:1}50%{box-shadow:0 0 20px #10b981;opacity:.7}}.session-info{flex:1 1;min-width:0;overflow:hidden}.session-header{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:4px}.session-name{color:#f1f5f9;flex:1 1;font-size:14px;font-weight:700;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-time{color:#64748b;flex-shrink:0;font-size:11px;font-weight:600;white-space:nowrap}.session-details{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-top:4px}.session-protocol{color:#64748b;flex:1 1;font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-unread{animation:pulse-unread 2s ease-in-out infinite;background:linear-gradient(135deg,#10b981,#059669);border-radius:14px;box-shadow:0 2px 8px #10b98166;color:#fff;flex-shrink:0;font-size:11px;font-weight:700;min-width:22px;padding:3px 10px;text-align:center}@keyframes pulse-unread{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.chat-main-area{background:#111827;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.chat-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172acc;border-bottom:1px solid #6366f126;box-shadow:0 4px 16px #0003;gap:18px;padding:18px 24px}.back-button,.chat-header{align-items:center;display:flex}.back-button{background:#6366f11a;border:1px solid #6366f14d;border-radius:12px;cursor:pointer;flex-shrink:0;height:42px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:42px}.back-button:hover{background:#6366f133;border-color:#6366f180;box-shadow:0 4px 12px #6366f14d;transform:translateX(-3px)}.back-button svg{color:#a5b4fc;transition:color .2s}.back-button:hover svg{color:#c7d2fe}.chat-header-info{flex:1 1;gap:12px;min-width:0}.chat-avatar,.chat-header-info{align-items:center;display:flex}.chat-avatar{background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:16px;box-shadow:0 4px 16px #6366f166,inset 0 1px 0 #fff3;color:#fff;flex-shrink:0;font-size:20px;font-weight:700;height:52px;justify-content:center;position:relative;text-transform:uppercase;width:52px}.chat-avatar .active-indicator{animation:pulse-indicator 2s ease-in-out infinite;background:#10b981;border:3px solid #0f172af2;border-radius:50%;bottom:-2px;box-shadow:0 0 16px #10b981;height:16px;position:absolute;right:-2px;width:16px}@keyframes pulse-indicator{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.chat-details{flex:1 1;min-width:0}.chat-user{align-items:center;color:#f1f5f9;display:flex;font-size:17px;font-weight:700;gap:10px;letter-spacing:-.01em;margin:0 0 6px}.chat-protocol{background:#6366f126;border:1px solid #6366f14d;border-radius:8px;color:#a5b4fc;font-size:14px;font-weight:600;padding:3px 10px}.chat-meta{align-items:center;display:flex;flex-wrap:wrap;gap:18px}.chat-agent,.chat-channel,.chat-flow{align-items:center;background:#6366f114;border:1px solid #6366f126;border-radius:8px;color:#94a3b8;display:flex;font-size:13px;gap:7px;padding:5px 10px;transition:all .2s ease}.chat-agent:hover,.chat-channel:hover,.chat-flow:hover{background:#6366f11f;border-color:#6366f140;color:#a5b4fc}.chat-agent svg,.chat-channel svg,.chat-flow svg{color:#818cf8;flex-shrink:0}.chat-header-actions{align-items:center;display:flex;flex-shrink:0;gap:12px}.connection-indicator{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#f3f4f6;display:flex;font-size:13px;font-weight:600;gap:10px;padding:10px 16px;transition:all .3s ease}.connection-indicator.active{background:#10b98126;border-color:#10b98166;box-shadow:0 0 20px #10b98133;color:#34d399}.connection-indicator.inactive{background:#ef444426;border-color:#ef444466;color:#f87171}.connection-indicator .status-dot{animation:pulse-dot 2s ease-in-out infinite;background:currentColor;border-radius:50%;box-shadow:0 0 12px currentColor;height:10px;width:10px}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.6}}.error-banner,.session-ended-banner{align-items:center;animation:slideDown .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;font-size:14px;font-weight:600;gap:14px;padding:14px 24px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-banner{background:linear-gradient(135deg,#ef444426,#dc262626);border-bottom:1px solid #ef444466;box-shadow:0 4px 12px #ef444433;color:#fca5a5}.session-ended-banner{background:linear-gradient(135deg,#f59e0b26,#d9770626);border-bottom:1px solid #f59e0b66;box-shadow:0 4px 12px #f59e0b33;color:#fcd34d}.error-close{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:inherit;cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;margin-left:auto;padding:4px;transition:all .2s;width:28px}.error-close:hover{background:#fff3;transform:rotate(90deg)}.chat-messages{background:#0c0c0c;flex:1 1;overflow-y:auto;padding:24px;position:relative}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track{background:#0003;border-radius:4px}.chat-messages::-webkit-scrollbar-thumb{background:#6366f166;border-radius:4px;-webkit-transition:background .2s;transition:background .2s}.chat-messages::-webkit-scrollbar-thumb:hover{background:#6366f199}.empty-messages{align-items:center;color:#64748b;display:flex;flex-direction:column;height:100%;justify-content:center}.empty-icon{animation:float 3s ease-in-out infinite;color:#6366f14d;height:80px;margin-bottom:20px;width:80px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-messages p{color:#94a3b8;font-size:15px;font-weight:500;letter-spacing:.01em}.sidebar-empty{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:50px 20px}.sidebar-empty svg{animation:float 3s ease-in-out infinite;color:#6366f14d;height:64px;margin-bottom:16px;width:64px}.sidebar-empty p{color:#94a3b8;font-size:14px;font-weight:500;margin:0}.messages-group{margin-bottom:24px}.date-divider{margin:28px 0 20px;position:relative;text-align:center}.date-divider:before{background:linear-gradient(90deg,#0000,#6366f133 50%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:50%;z-index:0}.date-divider span{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#6366f126,#8b5cf626);border:1px solid #6366f14d;border-radius:20px;box-shadow:0 4px 12px #6366f133;color:#c7d2fe;font-size:12px;font-weight:600;letter-spacing:.02em;padding:6px 16px;position:relative;z-index:1}.message{animation:slideIn .3s ease;display:flex;margin-bottom:16px}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.in{justify-content:flex-start}.message.out{justify-content:flex-end}.message-bubble{border-radius:18px;max-width:65%;min-width:120px;padding:14px 18px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:-webkit-fit-content;width:fit-content}.message-bubble:hover{filter:brightness(1.05);transform:translateY(-1px)}.message.in .message-bubble{background:linear-gradient(135deg,#1e1b4be6,#0f172ae6);border:1px solid #6366f133;border-bottom-left-radius:4px;box-shadow:0 4px 16px #0000004d,0 0 0 1px #6366f11a;color:#f1f5f9}.message.in .message-bubble .message-content{color:#f1f5f9!important}.message.in .message-bubble .message-time{color:#94a3b8!important}.message.out .message-bubble{background:linear-gradient(135deg,#0fd996,#17cb93);border-bottom-right-radius:4px;box-shadow:0 4px 16px #10b98166,inset 0 1px 0 #fff3;color:#fff}.message-content{word-wrap:break-word;color:#1e293b;font-size:14px;letter-spacing:.01em;line-height:1.6;white-space:pre-wrap}.message-footer{align-items:center;display:flex;font-size:11px;gap:8px;justify-content:flex-end;margin-top:8px}.message.in .message-footer{color:#94a3b8}.message.out .message-footer{color:#ffffffd9}.message-time{color:#1e293b;font-size:11px;font-weight:600;letter-spacing:.02em}.message-bot-badge{background:#6366f140;border:1px solid #6366f14d;border-radius:6px;color:#c7d2fe;font-size:10px;font-weight:700;letter-spacing:.05em;padding:3px 8px;text-transform:uppercase}.message-media{margin-bottom:10px}.message-media img{border-radius:14px;box-shadow:0 4px 16px #0000004d;cursor:pointer;max-width:100%;transition:all .3s ease}.message-media img:hover{box-shadow:0 8px 24px #0006;transform:scale(1.02)}.message-media audio{border-radius:12px;max-width:300px;width:100%}.message-media video{border-radius:14px;box-shadow:0 4px 16px #0000004d}.message-media a{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#6366f11f;border:1px solid #6366f140;border-radius:14px;color:#e0e7ff;display:flex;gap:12px;padding:14px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.message-media a:hover{background:#6366f12e;border-color:#6366f159;box-shadow:0 6px 20px #6366f14d;transform:translateY(-2px)}.document-media{min-width:280px}.document-media a{overflow:hidden;position:relative}.document-media a:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.document-media a:hover:before{left:100%}.chat-footer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172acc;border-top:1px solid #6366f126;box-shadow:0 -4px 16px #0003;padding:18px 24px}.chat-stats{flex-wrap:wrap;gap:28px}.chat-stats,.stat-item{align-items:center;display:flex}.stat-item{background:#6366f114;border:1px solid #6366f126;border-radius:10px;color:#94a3b8;font-size:13px;gap:10px;padding:8px 14px;transition:all .3s ease}.stat-item:hover{background:#6366f11f;border-color:#6366f140;transform:translateY(-1px)}.stat-item svg{color:#818cf8;flex-shrink:0}.stat-item strong{color:#e0e7ff;font-weight:700}.chat-loading{align-items:center;color:#94a3b8;display:flex;flex-direction:column;gap:20px;height:100%;justify-content:center}.loading-spinner{animation:spin .8s linear infinite;border:4px solid #6366f133;border-radius:50%;border-top-color:#6366f1;box-shadow:0 0 20px #6366f14d;height:48px;width:48px}.sidebar-loading .loading-spinner{border-width:3px;height:36px;width:36px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.agente-virtual-sidebar{width:280px}.message-bubble{max-width:85%}.chat-header{gap:14px;padding:14px 18px}.chat-messages{padding:18px 14px}.chat-user{font-size:15px}.chat-avatar{border-radius:12px;font-size:18px;height:44px;width:44px}.back-button{height:38px;width:38px}.chat-meta{gap:12px}.stat-item{font-size:12px;padding:6px 12px}}@media (max-width:640px){.agente-virtual-sidebar{box-shadow:4px 0 32px #00000080;left:-100%;position:absolute;transition:left .3s ease;z-index:100}.agente-virtual-sidebar.open{left:0}.chat-protocol{display:none}.message-bubble{max-width:90%;padding:12px 14px}.document-media{min-width:240px}}