:root{--primary-light: #42a5f5;--secondary-color: #7c4dff;--secondary-dark: #6200ea;--secondary-light: #b388ff;--success-color: #4caf50;--success-dark: #388e3c;--success-light: #81c784;--warning-color: #ff9800;--warning-dark: #f57c00;--warning-light: #ffb74d;--error-color: #f44336;--error-dark: #d32f2f;--error-light: #ef5350;--whatsapp-green: #25d366;--whatsapp-dark: #128c7e;--whatsapp-light: #128c7e;--green-50: #f0fdf4;--green-100: #dcfce7;--green-200: #bbf7d0;--red-50: #fef2f2;--red-100: #fee2e2;--red-200: #fecaca;--blue-50: #eff6ff;--blue-100: #dbeafe;--blue-200: #bfdbfe;--amber-600: #d97706;--primary-color: #1976d2;--primary-dark: #1565c0;--primary-lighter: #90caf9;--white: #ffffff;--gray-50: #fafafa;--gray-100: #f5f5f5;--gray-200: #eeeeee;--gray-300: #e0e0e0;--gray-400: #bdbdbd;--gray-500: #9e9e9e;--gray-600: #757575;--gray-700: #616161;--gray-800: #424242;--gray-900: #212121;--font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--font-family-mono: "Courier New", Courier, monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal: 1040;--z-popover: 1050;--z-tooltip: 1060}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--gray-800);background-color:var(--gray-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-4)}h1{font-size:var(--font-size-4xl);color:var(--gray-900)}h2{font-size:var(--font-size-3xl);color:var(--gray-800)}h3{font-size:var(--font-size-2xl);color:var(--gray-700)}h4{font-size:var(--font-size-xl);color:var(--gray-700)}h5{font-size:var(--font-size-lg);color:var(--gray-600)}h6{font-size:var(--font-size-base);color:var(--gray-600)}p{margin-bottom:var(--spacing-4);color:var(--gray-600)}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-dark)}input,textarea,select,button{font-family:inherit;font-size:inherit;line-height:inherit}button{cursor:pointer;border:none;background:none;outline:none}:focus{outline:2px solid var(--primary-color);outline-offset:2px}:focus:not(:focus-visible){outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(var(--spacing-2))}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn var(--transition-normal)}.animate-slide-in{animation:slideIn var(--transition-normal)}.animate-bounce{animation:bounce 1s infinite}.animate-bounce-slow{animation:bounce 2s infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-pulse-slow{animation:pulse 3s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.glass-effect{background-color:#ffffffe6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3)}.whatsapp-gradient{background:linear-gradient(to right,var(--whatsapp-green),var(--whatsapp-dark))}.primary-gradient{background:linear-gradient(to right,var(--primary-color),var(--secondary-color))}.success-gradient{background:linear-gradient(to right,var(--success-color),var(--success-dark))}.warning-gradient{background:linear-gradient(to right,var(--warning-color),var(--warning-dark))}.error-gradient{background:linear-gradient(to right,var(--error-color),var(--error-dark))}::-webkit-scrollbar{width:var(--spacing-3);height:var(--spacing-3)}::-webkit-scrollbar-track{background:var(--gray-100);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}.font-mono{font-family:var(--font-family-mono)}.hover-lift{transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.hover-lift:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.loading-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading-skeleton 1.5s infinite}@keyframes loading-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.interactive{transition:all var(--transition-fast);position:relative;overflow:hidden}.interactive:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff80;transform:translate(-50%,-50%);transition:width .6s,height .6s}.interactive:active:before{width:300px;height:300px}.status-indicator{width:8px;height:8px;border-radius:50%;display:inline-block;position:relative}.status-indicator:before{content:"";position:absolute;inset:-2px;border-radius:50%;background:inherit;opacity:.3;animation:status-pulse 2s infinite}.status-indicator.online{background-color:var(--success-color)}.status-indicator.offline{background-color:var(--error-color)}.status-indicator.connecting{background-color:var(--warning-color)}@keyframes status-pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.5);opacity:.1}}.focus-ring{transition:box-shadow var(--transition-fast)}.focus-ring:focus{box-shadow:0 0 0 3px #1976d24d,0 0 0 1px var(--primary-color)}.toast{animation:slide-in-right var(--transition-normal) ease-out}@keyframes slide-in-right{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast.removing{animation:slide-out-right var(--transition-normal) ease-in}@keyframes slide-out-right{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.btn-enhanced{position:relative;overflow:hidden;transition:all var(--transition-fast)}.btn-enhanced:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .3s,height .3s}.btn-enhanced:hover:after{width:100%;height:100%}.smooth-number{transition:all var(--transition-normal)}.card-hover{transition:all var(--transition-fast)}.card-hover:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media(prefers-color-scheme:dark){.loading-skeleton{background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a,#2a2a2a 75%);background-size:200% 100%}}.inline-flex{display:inline-flex}.inline{display:inline}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-row-reverse{flex-direction:row-reverse}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap-reverse{flex-wrap:wrap-reverse}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.sticky{position:sticky}.inset-0{inset:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-auto{z-index:auto}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.w-auto{width:auto}.w-screen{width:100vw}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.max-w-xs{max-width:20rem}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-full{max-width:100%}.max-w-none{max-width:none}.gap-0{gap:0}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-5{gap:var(--spacing-5)}.gap-6{gap:var(--spacing-6)}.gap-8{gap:var(--spacing-8)}.gap-10{gap:var(--spacing-10)}.gap-12{gap:var(--spacing-12)}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--spacing-4);padding-right:var(--spacing-4)}@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}}.text-base{font-size:var(--font-size-base)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-bold{font-weight:var(--font-weight-bold)}.leading-tight{line-height:var(--line-height-tight)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}.text-right{text-align:right}.text-justify{text-align:justify}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.underline{text-decoration:underline}.line-through{text-decoration:line-through}.no-underline{text-decoration:none}.tracking-tighter{letter-spacing:-.05em}.tracking-tight{letter-spacing:-.025em}.tracking-normal{letter-spacing:0}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-ellipsis{text-overflow:ellipsis}.text-clip{text-overflow:clip}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.break-normal{overflow-wrap:normal;word-break:normal}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.text-black{color:var(--gray-900)}.text-gray-50{color:var(--gray-50)}.text-gray-100{color:var(--gray-100)}.text-gray-200{color:var(--gray-200)}.text-gray-300{color:var(--gray-300)}.text-gray-400{color:var(--gray-400)}.text-gray-800{color:var(--gray-800)}.text-gray-900{color:var(--gray-900)}.text-primary{color:var(--primary-color)}.text-primary-dark{color:var(--primary-dark)}.text-primary-light{color:var(--primary-light)}.text-secondary{color:var(--secondary-color)}.text-secondary-dark{color:var(--secondary-dark)}.text-secondary-light{color:var(--secondary-light)}.text-success{color:var(--success-color)}.text-success-dark{color:var(--success-dark)}.text-success-light{color:var(--success-light)}.text-warning{color:var(--warning-color)}.text-warning-dark{color:var(--warning-dark)}.text-warning-light{color:var(--warning-light)}.text-error{color:var(--error-color)}.text-error-dark{color:var(--error-dark)}.text-error-light{color:var(--error-light)}.text-whatsapp{color:var(--whatsapp-green)}.text-whatsapp-dark{color:var(--whatsapp-dark)}.text-whatsapp-light{color:var(--whatsapp-light)}.bg-black{background-color:var(--gray-900)}.bg-gray-200{background-color:var(--gray-200)}.bg-gray-300{background-color:var(--gray-300)}.bg-gray-400{background-color:var(--gray-400)}.bg-gray-500{background-color:var(--gray-500)}.bg-gray-600{background-color:var(--gray-600)}.bg-gray-700{background-color:var(--gray-700)}.bg-gray-800{background-color:var(--gray-800)}.bg-gray-900{background-color:var(--gray-900)}.bg-primary{background-color:var(--primary-color)}.bg-primary-dark{background-color:var(--primary-dark)}.bg-primary-light{background-color:var(--primary-light)}.bg-secondary{background-color:var(--secondary-color)}.bg-secondary-dark{background-color:var(--secondary-dark)}.bg-secondary-light{background-color:var(--secondary-light)}.bg-success{background-color:var(--success-color)}.bg-success-dark{background-color:var(--success-dark)}.bg-success-light{background-color:var(--success-light)}.bg-warning{background-color:var(--warning-color)}.bg-warning-dark{background-color:var(--warning-dark)}.bg-warning-light{background-color:var(--warning-light)}.bg-error{background-color:var(--error-color)}.bg-error-dark{background-color:var(--error-dark)}.bg-error-light{background-color:var(--error-light)}.bg-whatsapp{background-color:var(--whatsapp-green)}.bg-whatsapp-dark{background-color:var(--whatsapp-dark)}.bg-whatsapp-light{background-color:var(--whatsapp-light)}.bg-primary-lighter{background-color:#e3f2fd}.bg-success-lighter{background-color:#e8f5e8}.bg-warning-lighter{background-color:#fff3e0}.bg-error-lighter{background-color:#ffebee}.border-white{border-color:var(--white)}.border-gray-100{border-color:var(--gray-100)}.border-gray-300{border-color:var(--gray-300)}.border-gray-400{border-color:var(--gray-400)}.border-gray-500{border-color:var(--gray-500)}.border-gray-600{border-color:var(--gray-600)}.border-gray-700{border-color:var(--gray-700)}.border-gray-800{border-color:var(--gray-800)}.border-gray-900{border-color:var(--gray-900)}.border-primary{border-color:var(--primary-color)}.border-secondary{border-color:var(--secondary-color)}.border-success{border-color:var(--success-color)}.border-warning{border-color:var(--warning-color)}.border-error{border-color:var(--error-color)}.border-whatsapp{border-color:var(--whatsapp-green)}.fill-white{fill:var(--white)}.fill-current{fill:currentColor}.fill-primary{fill:var(--primary-color)}.fill-success{fill:var(--success-color)}.fill-warning{fill:var(--warning-color)}.fill-error{fill:var(--error-color)}.fill-whatsapp{fill:var(--whatsapp-green)}.stroke-white{stroke:var(--white)}.stroke-current{stroke:currentColor}.stroke-primary{stroke:var(--primary-color)}.stroke-success{stroke:var(--success-color)}.stroke-warning{stroke:var(--warning-color)}.stroke-error{stroke:var(--error-color)}.stroke-whatsapp{stroke:var(--whatsapp-green)}.p-0{padding:0}.p-1{padding:var(--spacing-1)}.p-2{padding:var(--spacing-2)}.p-5{padding:var(--spacing-5)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.p-10{padding:var(--spacing-10)}.p-12{padding:var(--spacing-12)}.p-16{padding:var(--spacing-16)}.p-20{padding:var(--spacing-20)}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:var(--spacing-1);padding-right:var(--spacing-1)}.px-3{padding-left:var(--spacing-3);padding-right:var(--spacing-3)}.px-5{padding-left:var(--spacing-5);padding-right:var(--spacing-5)}.px-6{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.px-8{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}.px-10{padding-left:var(--spacing-10);padding-right:var(--spacing-10)}.px-12{padding-left:var(--spacing-12);padding-right:var(--spacing-12)}.px-16{padding-left:var(--spacing-16);padding-right:var(--spacing-16)}.px-20{padding-left:var(--spacing-20);padding-right:var(--spacing-20)}.py-0{padding-top:0;padding-bottom:0}.py-4{padding-top:var(--spacing-4);padding-bottom:var(--spacing-4)}.py-5{padding-top:var(--spacing-5);padding-bottom:var(--spacing-5)}.py-6{padding-top:var(--spacing-6);padding-bottom:var(--spacing-6)}.py-10{padding-top:var(--spacing-10);padding-bottom:var(--spacing-10)}.py-12{padding-top:var(--spacing-12);padding-bottom:var(--spacing-12)}.py-16{padding-top:var(--spacing-16);padding-bottom:var(--spacing-16)}.py-20{padding-top:var(--spacing-20);padding-bottom:var(--spacing-20)}.pt-0{padding-top:0}.pt-1{padding-top:var(--spacing-1)}.pt-2{padding-top:var(--spacing-2)}.pt-3{padding-top:var(--spacing-3)}.pt-4{padding-top:var(--spacing-4)}.pt-5{padding-top:var(--spacing-5)}.pt-6{padding-top:var(--spacing-6)}.pt-8{padding-top:var(--spacing-8)}.pt-10{padding-top:var(--spacing-10)}.pt-12{padding-top:var(--spacing-12)}.pt-16{padding-top:var(--spacing-16)}.pt-20{padding-top:var(--spacing-20)}.pr-0{padding-right:0}.pr-1{padding-right:var(--spacing-1)}.pr-2{padding-right:var(--spacing-2)}.pr-3{padding-right:var(--spacing-3)}.pr-4{padding-right:var(--spacing-4)}.pr-5{padding-right:var(--spacing-5)}.pr-6{padding-right:var(--spacing-6)}.pr-8{padding-right:var(--spacing-8)}.pr-10{padding-right:var(--spacing-10)}.pr-12{padding-right:var(--spacing-12)}.pr-16{padding-right:var(--spacing-16)}.pr-20{padding-right:var(--spacing-20)}.pb-0{padding-bottom:0}.pb-1{padding-bottom:var(--spacing-1)}.pb-2{padding-bottom:var(--spacing-2)}.pb-3{padding-bottom:var(--spacing-3)}.pb-4{padding-bottom:var(--spacing-4)}.pb-5{padding-bottom:var(--spacing-5)}.pb-6{padding-bottom:var(--spacing-6)}.pb-8{padding-bottom:var(--spacing-8)}.pb-10{padding-bottom:var(--spacing-10)}.pb-12{padding-bottom:var(--spacing-12)}.pb-16{padding-bottom:var(--spacing-16)}.pb-20{padding-bottom:var(--spacing-20)}.pl-0{padding-left:0}.pl-1{padding-left:var(--spacing-1)}.pl-2{padding-left:var(--spacing-2)}.pl-3{padding-left:var(--spacing-3)}.pl-4{padding-left:var(--spacing-4)}.pl-5{padding-left:var(--spacing-5)}.pl-6{padding-left:var(--spacing-6)}.pl-8{padding-left:var(--spacing-8)}.pl-10{padding-left:var(--spacing-10)}.pl-12{padding-left:var(--spacing-12)}.pl-16{padding-left:var(--spacing-16)}.pl-20{padding-left:var(--spacing-20)}.m-0{margin:0}.m-1{margin:var(--spacing-1)}.m-2{margin:var(--spacing-2)}.m-3{margin:var(--spacing-3)}.m-4{margin:var(--spacing-4)}.m-5{margin:var(--spacing-5)}.m-6{margin:var(--spacing-6)}.m-8{margin:var(--spacing-8)}.m-10{margin:var(--spacing-10)}.m-12{margin:var(--spacing-12)}.m-16{margin:var(--spacing-16)}.m-20{margin:var(--spacing-20)}.m-auto{margin:auto}.mx-0{margin-left:0;margin-right:0}.mx-1{margin-left:var(--spacing-1);margin-right:var(--spacing-1)}.mx-2{margin-left:var(--spacing-2);margin-right:var(--spacing-2)}.mx-3{margin-left:var(--spacing-3);margin-right:var(--spacing-3)}.mx-4{margin-left:var(--spacing-4);margin-right:var(--spacing-4)}.mx-5{margin-left:var(--spacing-5);margin-right:var(--spacing-5)}.mx-6{margin-left:var(--spacing-6);margin-right:var(--spacing-6)}.mx-8{margin-left:var(--spacing-8);margin-right:var(--spacing-8)}.mx-10{margin-left:var(--spacing-10);margin-right:var(--spacing-10)}.mx-12{margin-left:var(--spacing-12);margin-right:var(--spacing-12)}.mx-16{margin-left:var(--spacing-16);margin-right:var(--spacing-16)}.mx-20{margin-left:var(--spacing-20);margin-right:var(--spacing-20)}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-top:0;margin-bottom:0}.my-1{margin-top:var(--spacing-1);margin-bottom:var(--spacing-1)}.my-2{margin-top:var(--spacing-2);margin-bottom:var(--spacing-2)}.my-3{margin-top:var(--spacing-3);margin-bottom:var(--spacing-3)}.my-4{margin-top:var(--spacing-4);margin-bottom:var(--spacing-4)}.my-5{margin-top:var(--spacing-5);margin-bottom:var(--spacing-5)}.my-6{margin-top:var(--spacing-6);margin-bottom:var(--spacing-6)}.my-8{margin-top:var(--spacing-8);margin-bottom:var(--spacing-8)}.my-10{margin-top:var(--spacing-10);margin-bottom:var(--spacing-10)}.my-12{margin-top:var(--spacing-12);margin-bottom:var(--spacing-12)}.my-16{margin-top:var(--spacing-16);margin-bottom:var(--spacing-16)}.my-20{margin-top:var(--spacing-20);margin-bottom:var(--spacing-20)}.my-auto{margin-top:auto;margin-bottom:auto}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-1)}.mt-3{margin-top:var(--spacing-3)}.mt-4{margin-top:var(--spacing-4)}.mt-5{margin-top:var(--spacing-5)}.mt-8{margin-top:var(--spacing-8)}.mt-10{margin-top:var(--spacing-10)}.mt-12{margin-top:var(--spacing-12)}.mt-16{margin-top:var(--spacing-16)}.mt-20{margin-top:var(--spacing-20)}.mr-0{margin-right:0}.mr-1{margin-right:var(--spacing-1)}.mr-2{margin-right:var(--spacing-2)}.mr-3{margin-right:var(--spacing-3)}.mr-4{margin-right:var(--spacing-4)}.mr-5{margin-right:var(--spacing-5)}.mr-6{margin-right:var(--spacing-6)}.mr-8{margin-right:var(--spacing-8)}.mr-10{margin-right:var(--spacing-10)}.mr-12{margin-right:var(--spacing-12)}.mr-16{margin-right:var(--spacing-16)}.mr-20{margin-right:var(--spacing-20)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:var(--spacing-2)}.mb-3{margin-bottom:var(--spacing-3)}.mb-5{margin-bottom:var(--spacing-5)}.mb-8{margin-bottom:var(--spacing-8)}.mb-10{margin-bottom:var(--spacing-10)}.mb-12{margin-bottom:var(--spacing-12)}.mb-16{margin-bottom:var(--spacing-16)}.mb-20{margin-bottom:var(--spacing-20)}.ml-0{margin-left:0}.ml-1{margin-left:var(--spacing-1)}.ml-2{margin-left:var(--spacing-2)}.ml-3{margin-left:var(--spacing-3)}.ml-4{margin-left:var(--spacing-4)}.ml-5{margin-left:var(--spacing-5)}.ml-6{margin-left:var(--spacing-6)}.ml-8{margin-left:var(--spacing-8)}.ml-10{margin-left:var(--spacing-10)}.ml-12{margin-left:var(--spacing-12)}.ml-16{margin-left:var(--spacing-16)}.ml-20{margin-left:var(--spacing-20)}.space-x-1>*+*{margin-left:var(--spacing-1)}.space-x-2>*+*{margin-left:var(--spacing-2)}.space-x-3>*+*{margin-left:var(--spacing-3)}.space-x-4>*+*{margin-left:var(--spacing-4)}.space-x-5>*+*{margin-left:var(--spacing-5)}.space-x-6>*+*{margin-left:var(--spacing-6)}.space-x-8>*+*{margin-left:var(--spacing-8)}.space-x-10>*+*{margin-left:var(--spacing-10)}.space-x-12>*+*{margin-left:var(--spacing-12)}.space-y-1>*+*{margin-top:var(--spacing-1)}.space-y-2>*+*{margin-top:var(--spacing-2)}.space-y-3>*+*{margin-top:var(--spacing-3)}.space-y-4>*+*{margin-top:var(--spacing-4)}.space-y-5>*+*{margin-top:var(--spacing-5)}.space-y-6>*+*{margin-top:var(--spacing-6)}.space-y-8>*+*{margin-top:var(--spacing-8)}.space-y-10>*+*{margin-top:var(--spacing-10)}.space-y-12>*+*{margin-top:var(--spacing-12)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:1;border:1px solid transparent;border-radius:var(--radius-lg);cursor:pointer;text-decoration:none;transition:all var(--transition-fast);position:relative;overflow:hidden;-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.btn-sm{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm)}.btn-md{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base)}.btn-lg{padding:var(--spacing-4) var(--spacing-6);font-size:var(--font-size-lg)}.btn-xl{padding:var(--spacing-5) var(--spacing-8);font-size:var(--font-size-xl)}.btn-full{width:100%}.btn-primary{background-color:var(--primary-color);color:var(--white);border-color:var(--primary-color)}.btn-primary:hover:not(:disabled){background-color:var(--primary-dark);border-color:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:active:not(:disabled){background-color:var(--primary-dark);border-color:var(--primary-dark);transform:translateY(0)}.btn-secondary{background-color:var(--secondary-color);color:var(--white);border-color:var(--secondary-color)}.btn-secondary:hover:not(:disabled){background-color:var(--secondary-dark);border-color:var(--secondary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary:active:not(:disabled){background-color:var(--secondary-dark);border-color:var(--secondary-dark);transform:translateY(0)}.btn-success{background-color:var(--success-color);color:var(--white);border-color:var(--success-color)}.btn-success:hover:not(:disabled){background-color:var(--success-dark);border-color:var(--success-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-success:active:not(:disabled){background-color:var(--success-dark);border-color:var(--success-dark);transform:translateY(0)}.btn-warning{background-color:var(--warning-color);color:var(--white);border-color:var(--warning-color)}.btn-warning:hover:not(:disabled){background-color:var(--warning-dark);border-color:var(--warning-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-warning:active:not(:disabled){background-color:var(--warning-dark);border-color:var(--warning-dark);transform:translateY(0)}.btn-error{background-color:var(--error-color);color:var(--white);border-color:var(--error-color)}.btn-error:hover:not(:disabled){background-color:var(--error-dark);border-color:var(--error-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-error:active:not(:disabled){background-color:var(--error-dark);border-color:var(--error-dark);transform:translateY(0)}.btn-whatsapp{background-color:var(--whatsapp-green);color:var(--white);border-color:var(--whatsapp-green)}.btn-whatsapp:hover:not(:disabled){background-color:var(--whatsapp-dark);border-color:var(--whatsapp-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-whatsapp:active:not(:disabled){background-color:var(--whatsapp-dark);border-color:var(--whatsapp-dark);transform:translateY(0)}.btn-outline{background-color:transparent;color:var(--primary-color);border-color:var(--primary-color)}.btn-outline:hover:not(:disabled){background-color:var(--primary-color);color:var(--white);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outline-secondary{background-color:transparent;color:var(--secondary-color);border-color:var(--secondary-color)}.btn-outline-secondary:hover:not(:disabled){background-color:var(--secondary-color);color:var(--white);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outline-success{background-color:transparent;color:var(--success-color);border-color:var(--success-color)}.btn-outline-success:hover:not(:disabled){background-color:var(--success-color);color:var(--white);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outline-warning{background-color:transparent;color:var(--warning-color);border-color:var(--warning-color)}.btn-outline-warning:hover:not(:disabled){background-color:var(--warning-color);color:var(--white);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outline-error{background-color:transparent;color:var(--error-color);border-color:var(--error-color)}.btn-outline-error:hover:not(:disabled){background-color:var(--error-color);color:var(--white);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-ghost{background-color:transparent;color:var(--gray-600);border-color:transparent}.btn-ghost:hover:not(:disabled){background-color:var(--gray-100);color:var(--gray-800)}.btn-ghost-primary{background-color:transparent;color:var(--primary-color);border-color:transparent}.btn-ghost-primary:hover:not(:disabled){background-color:#1976d21a;color:var(--primary-dark)}.btn-icon{padding:var(--spacing-3);aspect-ratio:1;min-width:auto;width:auto;height:auto}.btn-icon-sm{padding:var(--spacing-2)}.btn-icon-lg{padding:var(--spacing-4)}.btn-loading{color:transparent;position:relative}.btn-loading:after{content:"";position:absolute;top:50%;left:50%;width:1rem;height:1rem;margin:-.5rem 0 0 -.5rem;border:2px solid currentColor;border-radius:50%;border-top-color:transparent;animation:spin 1s linear infinite}.btn-group{display:flex;gap:0}.btn-group .btn{border-radius:0}.btn-group .btn:first-child{border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.btn-group .btn:last-child{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.btn-group .btn:not(:first-child){margin-left:-1px}.btn-group .btn:not(:first-child):not(:last-child){border-radius:0}.btn-fab{position:fixed;bottom:var(--spacing-6);right:var(--spacing-6);width:56px;height:56px;border-radius:50%;padding:0;box-shadow:var(--shadow-lg);z-index:var(--z-fixed)}.btn-fab:hover:not(:disabled){transform:scale(1.1);box-shadow:var(--shadow-xl)}.btn-with-badge{position:relative}.btn-badge{position:absolute;top:-8px;right:-8px;background-color:var(--error-color);color:var(--white);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:2px 6px;border-radius:var(--radius-full);min-width:18px;text-align:center;line-height:1}.btn-facebook{background-color:#1877f2;color:var(--white);border-color:#1877f2}.btn-facebook:hover:not(:disabled){background-color:#166fe5;border-color:#166fe5}.btn-twitter{background-color:#1da1f2;color:var(--white);border-color:#1da1f2}.btn-twitter:hover:not(:disabled){background-color:#1a91da;border-color:#1a91da}.btn-google{background-color:#ea4335;color:var(--white);border-color:#ea4335}.btn-google:hover:not(:disabled){background-color:#d93325;border-color:#d93325}.btn-linkedin{background-color:#0077b5;color:var(--white);border-color:#0077b5}.btn-linkedin:hover:not(:disabled){background-color:#005885;border-color:#005885}.btn-pulse{animation:pulse 2s infinite}.btn-pulse:hover{animation:none}.form-group{margin-bottom:var(--spacing-4)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--gray-700);margin-bottom:var(--spacing-2)}.form-label.required:after{content:" *";color:var(--error-color)}.form-hint{font-size:var(--font-size-xs);color:var(--gray-500);margin-top:var(--spacing-1)}.form-error{font-size:var(--font-size-xs);color:var(--error-color);margin-top:var(--spacing-1);display:flex;align-items:center;gap:var(--spacing-1)}.form-success{font-size:var(--font-size-xs);color:var(--success-color);margin-top:var(--spacing-1);display:flex;align-items:center;gap:var(--spacing-1)}.form-input{width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);line-height:1.5;color:var(--gray-800);background-color:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #1976d21a}.form-input:disabled{background-color:var(--gray-100);color:var(--gray-500);cursor:not-allowed}.form-input::placeholder{color:var(--gray-400)}.form-input-sm{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm)}.form-input-lg{padding:var(--spacing-4) var(--spacing-5);font-size:var(--font-size-lg)}.form-input.error{border-color:var(--error-color)}.form-input.error:focus{border-color:var(--error-color);box-shadow:0 0 0 3px #f443361a}.form-input.success{border-color:var(--success-color)}.form-input.success:focus{border-color:var(--success-color);box-shadow:0 0 0 3px #4caf501a}.form-textarea{min-height:100px;resize:vertical}.form-textarea-sm{min-height:80px}.form-textarea-lg{min-height:120px}.form-select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right var(--spacing-3) center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:var(--spacing-10)}.form-select:disabled{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%239e9e9e' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E")}.form-checkbox,.form-radio{width:1rem;height:1rem;color:var(--primary-color);background-color:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.form-radio{border-radius:50%}.form-checkbox:checked,.form-radio:checked{background-color:var(--primary-color);border-color:var(--primary-color)}.form-checkbox:focus,.form-radio:focus{outline:none;box-shadow:0 0 0 3px #1976d21a}.form-checkbox:disabled,.form-radio:disabled{background-color:var(--gray-100);border-color:var(--gray-300);cursor:not-allowed}.form-checkbox-group,.form-radio-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.form-checkbox-item,.form-radio-item{display:flex;align-items:center;gap:var(--spacing-2)}.form-checkbox-label,.form-radio-label{font-size:var(--font-size-sm);color:var(--gray-700);cursor:pointer;-webkit-user-select:none;user-select:none}.form-file{position:relative;display:inline-block;cursor:pointer;width:100%}.form-file input[type=file]{position:absolute;left:-9999px}.form-file-label{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-4);border:2px dashed var(--gray-300);border-radius:var(--radius-lg);background-color:var(--gray-50);color:var(--gray-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);cursor:pointer}.form-file-label:hover{border-color:var(--primary-color);background-color:var(--primary-lighter);color:var(--primary-color)}.form-file.has-file .form-file-label{border-color:var(--success-color);background-color:var(--success-lighter);color:var(--success-color);border-style:solid}.form-range{width:100%;height:6px;background-color:var(--gray-200);border-radius:var(--radius-full);outline:none;-webkit-appearance:none;appearance:none}.form-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background-color:var(--primary-color);border-radius:50%;cursor:pointer;transition:all var(--transition-fast)}.form-range::-webkit-slider-thumb:hover{background-color:var(--primary-dark);transform:scale(1.2)}.form-range::-moz-range-thumb{width:20px;height:20px;background-color:var(--primary-color);border-radius:50%;cursor:pointer;transition:all var(--transition-fast);border:none}.form-range::-moz-range-thumb:hover{background-color:var(--primary-dark);transform:scale(1.2)}.form-search{position:relative}.form-search-icon{position:absolute;left:var(--spacing-3);top:50%;transform:translateY(-50%);color:var(--gray-400);pointer-events:none}.form-search-input{padding-left:var(--spacing-10)}.form-search-clear{position:absolute;right:var(--spacing-3);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--gray-400);cursor:pointer;padding:var(--spacing-1);border-radius:var(--radius-full);transition:all var(--transition-fast)}.form-search-clear:hover{background-color:var(--gray-100);color:var(--gray-600)}.form-input-group{position:relative;display:flex;align-items:stretch}.form-input-group .form-input{flex:1;border-radius:0}.form-input-group .form-input:first-child{border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.form-input-group .form-input:last-child{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.form-input-addon{display:flex;align-items:center;padding:var(--spacing-3) var(--spacing-4);background-color:var(--gray-100);border:1px solid var(--gray-300);color:var(--gray-600);font-size:var(--font-size-sm);white-space:nowrap}.form-input-addon-left{border-right:none;border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.form-input-addon-right{border-left:none;border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.form-input-group .form-input+.form-input-addon{border-left:none}.form-floating{position:relative}.form-floating .form-input{padding-top:var(--spacing-6);padding-bottom:var(--spacing-2)}.form-floating .form-input::placeholder{color:transparent}.form-floating .form-input:focus,.form-floating .form-input:not(:placeholder-shown){padding-top:var(--spacing-5);padding-bottom:var(--spacing-1)}.form-floating .form-label{position:absolute;top:0;left:0;height:100%;padding:var(--spacing-3) var(--spacing-4);pointer-events:none;border:1px solid transparent;transform-origin:0 0;transition:all var(--transition-fast)}.form-floating .form-input:focus~.form-label,.form-floating .form-input:not(:placeholder-shown)~.form-label,.form-floating .form-select~.form-label{transform:translateY(-.5rem) scale(.85);padding:var(--spacing-1) var(--spacing-2);background-color:var(--white);border-radius:var(--radius-md);color:var(--primary-color)}.form-input.loading{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' stroke='%239ca3af' stroke-width='4' stroke-linecap='round' stroke-dasharray='62.83' stroke-dashoffset='62.83'%3E%3Canimate attributeName='stroke-dasharray' dur='1.5s' values='0 62.83;40.83 22;0 62.83' repeatCount='indefinite'/%3E%3C/circle%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-3) center;background-size:1.5em 1.5em;padding-right:var(--spacing-10)}.form-group.has-error .form-input{border-color:var(--error-color)}.form-group.has-success .form-input{border-color:var(--success-color)}.form-group.has-warning .form-input{border-color:var(--warning-color)}.form-group.disabled{opacity:.6;pointer-events:none}.form-section{margin-bottom:var(--spacing-8)}.form-section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--gray-800);margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-2);border-bottom:1px solid var(--gray-200)}.form-inline{display:flex;align-items:flex-end;gap:var(--spacing-4);flex-wrap:wrap}.form-inline .form-group{margin-bottom:0;flex:1;min-width:200px}@media(max-width:640px){.form-inline{flex-direction:column;align-items:stretch}.form-inline .form-group{min-width:auto}}.login-container{min-height:100vh;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color),#ec4899);display:flex;align-items:center;justify-content:center;padding:var(--spacing-4);position:relative;overflow:hidden}.login-background-pattern{position:absolute;inset:0;opacity:.2}.pattern-overlay{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.login-card{width:100%;max-width:448px;background-color:#fffffff2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:var(--shadow-xl);border-radius:var(--radius-2xl);position:relative;z-index:10;border:1px solid rgba(255,255,255,.3)}.login-content{padding:var(--spacing-8)}.login-logo{text-align:center;margin-bottom:var(--spacing-8)}.login-logo-icon{font-size:4rem;margin-bottom:var(--spacing-4);animation:bounce 2s infinite}.login-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--gray-800);margin-bottom:var(--spacing-1)}.login-subtitle{color:var(--gray-600);font-size:var(--font-size-sm)}.login-welcome{text-align:center;margin-bottom:var(--spacing-6)}.login-welcome-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--gray-800);margin-bottom:var(--spacing-2)}.login-welcome-desc{color:var(--gray-600);font-size:var(--font-size-sm)}.login-error{background-color:#f443361a;border:1px solid var(--error-color);color:var(--error-color);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-6)}.login-form-group{margin-bottom:var(--spacing-6)}.login-form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--gray-700);margin-bottom:var(--spacing-2)}.login-input-wrapper{position:relative}.login-input-icon{position:absolute;left:var(--spacing-3);top:50%;transform:translateY(-50%);color:var(--gray-400);font-size:var(--font-size-lg)}.login-input{width:100%;padding-left:var(--spacing-10);padding-right:var(--spacing-3);padding-top:var(--spacing-2);padding-bottom:var(--spacing-2);border:1px solid var(--gray-300);border-radius:var(--radius-lg);font-size:var(--font-size-base);transition:all var(--transition-fast);background-color:var(--white);color:var(--gray-800)}.login-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #1976d21a}.login-input:disabled{opacity:.5;cursor:not-allowed}.login-input::placeholder{color:var(--gray-400)}.login-submit-btn{width:100%;background-color:var(--primary-color);color:var(--white);border:none;border-radius:var(--radius-lg);padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--spacing-2)}.login-submit-btn:hover:not(:disabled){background-color:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.login-submit-btn:disabled{opacity:.5;cursor:not-allowed}.login-spinner{width:1rem;height:1rem;border:2px solid var(--white);border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}.login-demo{margin-top:var(--spacing-8);padding-top:var(--spacing-6);border-top:1px solid var(--gray-200)}.login-demo-title{text-align:center;color:var(--gray-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-3)}.login-demo-credentials{background-color:#3b82f61a;border-radius:var(--radius-lg);padding:var(--spacing-4);border:1px solid rgba(59,130,246,.2)}.login-demo-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2)}.login-demo-item:last-child{margin-bottom:0}.login-demo-label{color:var(--gray-700);font-size:var(--font-size-sm)}.login-demo-value{background-color:var(--primary-lighter);color:var(--primary-color);padding:var(--spacing-1) var(--spacing-2);border:1px solid var(--primary-light);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-family-mono);font-weight:var(--font-weight-medium)}@media(max-width:640px){.login-container{padding:var(--spacing-2)}.login-content{padding:var(--spacing-6)}.login-logo-icon{font-size:3rem}.login-title{font-size:var(--font-size-3xl)}.login-welcome-title{font-size:var(--font-size-xl)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.login-card:hover{transform:translateY(-2px);box-shadow:0 25px 50px -12px #00000040;transition:all var(--transition-normal)}.login-input:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.login-submit-btn:focus-visible{outline:2px solid var(--white);outline-offset:2px}.dashboard-layout{min-height:100vh;display:flex;flex-direction:column;background-color:var(--gray-50)}.dashboard-header{background-color:var(--white);box-shadow:var(--shadow-md);position:sticky;top:0;z-index:var(--z-sticky)}.dashboard-header-content{background-color:#ffffffe6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:var(--spacing-4) var(--spacing-6)}.dashboard-header-flex{display:flex;justify-content:space-between;align-items:center}.dashboard-header-left{display:flex;align-items:center;gap:var(--spacing-2)}.dashboard-header-logo{font-size:1.875rem;animation:bounce 2s infinite}.dashboard-header-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--gray-800)}.dashboard-header-right{display:flex;align-items:center;gap:var(--spacing-4)}.dashboard-header-user{color:var(--gray-600);font-weight:var(--font-weight-medium)}.dashboard-header-username{font-weight:var(--font-weight-semibold);color:var(--gray-800)}.dashboard-header-logout{background-color:var(--error-color);color:var(--white);border:none;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-lg);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-1)}.dashboard-header-logout:hover{background-color:var(--error-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.dashboard-tabs{background-color:var(--white);box-shadow:var(--shadow-md);border-bottom:1px solid var(--gray-200)}.dashboard-tabs-container{display:flex;gap:0}.dashboard-tab{flex:none;display:flex;align-items:center;padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--gray-500);border-bottom:2px solid transparent;transition:all var(--transition-fast);cursor:pointer;text-decoration:none}.dashboard-tab:hover{color:var(--gray-700);border-bottom-color:var(--gray-300);background-color:var(--gray-50)}.dashboard-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color);background-color:var(--primary-lighter)}.dashboard-tab-icon{margin-right:var(--spacing-2)}.dashboard-main{padding:var(--spacing-6)}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-6);margin-bottom:var(--spacing-8)}.overview-card{background-color:var(--white);border-radius:var(--radius-lg);padding:var(--spacing-6);box-shadow:var(--shadow-md);transition:all var(--transition-fast)}.overview-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.overview-card-header{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.overview-card-icon{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);font-size:var(--font-size-xl)}.overview-card-icon.primary{background-color:var(--primary-color);color:var(--white)}.overview-card-icon.success{background-color:var(--success-color);color:var(--white)}.overview-card-icon.warning{background-color:var(--warning-color);color:var(--white)}.overview-card-icon.error{background-color:var(--error-color);color:var(--white)}.overview-card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--gray-800)}.overview-card-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--gray-900);margin-bottom:var(--spacing-2)}.overview-card-description{color:var(--gray-600);font-size:var(--font-size-sm)}.campaign-section{background-color:var(--white);border-radius:var(--radius-lg);padding:var(--spacing-6);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-6)}.campaign-section-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--gray-800);margin-bottom:var(--spacing-6);display:flex;align-items:center;gap:var(--spacing-2)}.connection-status-icon{width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:var(--font-size-2xl)}.connection-status-icon.connected{background-color:var(--success-color);color:var(--white)}.connection-status-icon.disconnected{background-color:var(--error-color);color:var(--white)}.connection-status-info{flex:1}.connection-status-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-1)}.connection-status-title.connected{color:var(--success-color)}.connection-status-title.disconnected{color:var(--error-color)}.connection-status-desc{color:var(--gray-600);font-size:var(--font-size-sm);margin-bottom:var(--spacing-1)}.connection-status-details{color:var(--gray-500);font-size:var(--font-size-sm)}.connection-status-buttons{display:flex;gap:var(--spacing-2)}.qr-code-title{margin-bottom:var(--spacing-4);font-weight:var(--font-weight-medium);color:var(--gray-700)}.qr-code-image{max-width:250px;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin:0 auto}.qr-code-instructions{color:var(--gray-600);font-size:var(--font-size-sm);margin-top:var(--spacing-4)}.form-controls{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-6);margin-bottom:var(--spacing-6)}.form-control-group{display:flex;flex-direction:column}.form-control-label{font-weight:var(--font-weight-semibold);color:var(--gray-700);margin-bottom:var(--spacing-2)}.form-control-input{padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--gray-300);border-radius:var(--radius-lg);font-size:var(--font-size-base);transition:all var(--transition-fast)}.form-control-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #1976d21a}.delay-slider-container{display:flex;align-items:center;gap:var(--spacing-4)}.delay-slider{flex:1;height:8px;background-color:var(--gray-200);border-radius:var(--radius-full);-webkit-appearance:none;appearance:none}.delay-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background-color:var(--primary-color);border-radius:50%;cursor:pointer}.delay-slider::-moz-range-thumb{width:20px;height:20px;background-color:var(--primary-color);border-radius:50%;cursor:pointer;border:none}.delay-value{background-color:var(--primary-color);color:var(--white);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-full);font-weight:var(--font-weight-semibold);min-width:60px;text-align:center;font-size:var(--font-size-sm)}.quick-presets{margin-top:var(--spacing-6)}.quick-presets-title{font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-3);color:var(--gray-700)}.quick-presets-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.preset-button{padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);border:1px solid transparent;cursor:pointer}.preset-button.active{background-color:var(--primary-color);color:var(--white);border-color:var(--primary-color)}.preset-button:not(.active){background-color:var(--gray-100);color:var(--gray-700);border-color:var(--gray-200)}.preset-button:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.progress-section{background-color:var(--white);border-radius:var(--radius-lg);padding:var(--spacing-6);box-shadow:var(--shadow-md)}.progress-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--gray-800);margin-bottom:var(--spacing-4);display:flex;align-items:center;gap:var(--spacing-2)}.progress-bar-container{width:100%;background-color:var(--gray-200);border-radius:var(--radius-lg);height:24px;overflow:hidden;margin-bottom:var(--spacing-4)}.progress-bar{height:100%;background:linear-gradient(to right,var(--success-color),var(--primary-color));border-radius:var(--radius-lg);transition:width var(--transition-normal);display:flex;align-items:center;justify-content:center}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-4);background-color:var(--gray-100);border-radius:var(--radius-lg);padding:var(--spacing-4);margin-bottom:var(--spacing-4)}.stat-item{text-align:center}.stat-label{font-size:var(--font-size-xs);color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-1)}.stat-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.stat-value.success{color:var(--success-color)}.stat-value.error{color:var(--error-color)}.results-container{max-height:240px;overflow-y:auto;border:1px solid var(--gray-200);border-radius:var(--radius-lg)}.results-title{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2);color:var(--gray-700)}.results-list{display:flex;flex-direction:column;gap:var(--spacing-2);padding:var(--spacing-2)}.result-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3);border-radius:var(--radius-lg);border:1px solid transparent}.result-item.success{background-color:var(--success-lighter);border-color:var(--success-color)}.result-item.error{background-color:var(--error-lighter);border-color:var(--error-color)}.result-row{font-weight:var(--font-weight-medium);color:var(--gray-800)}.result-phone{color:var(--gray-600);font-size:var(--font-size-sm)}.result-error{color:var(--error-color);font-size:var(--font-size-xs);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:768px){.dashboard-header-content{padding:var(--spacing-3) var(--spacing-4)}.dashboard-header-title{font-size:var(--font-size-lg)}.dashboard-header-logout{padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-xs)}.dashboard-tab{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-xs)}.dashboard-main{padding:var(--spacing-4)}.form-controls{grid-template-columns:1fr;gap:var(--spacing-4)}.stats-grid{grid-template-columns:1fr;gap:var(--spacing-2)}.connection-status{flex-direction:column;text-align:center;gap:var(--spacing-2)}.connection-status-buttons{width:100%}.quick-presets-buttons{justify-content:center}}.fade-in{animation:fadeIn var(--transition-normal)}.slide-in{animation:slideIn var(--transition-normal)}.loading-spinner{width:1rem;height:1rem;border:2px solid var(--gray-300);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.loading-dots{display:inline-flex;gap:4px}.loading-dot{width:8px;height:8px;background-color:var(--primary-color);border-radius:50%;animation:pulse 1.5s infinite}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}.dashboard-wrapper{min-height:100vh;background-color:var(--gray-50)}.dashboard-main{max-width:1200px;margin:0 auto;padding:var(--spacing-6)}.dashboard-alert{padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin-bottom:var(--spacing-4);max-width:1024px;margin-left:auto;margin-right:auto;display:flex;align-items:center;gap:var(--spacing-2);animation:slideInDown var(--transition-normal) ease-out;transition:all var(--transition-normal)}.dashboard-alert.fade-out{animation:slideOutUp var(--transition-normal) ease-in forwards}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.dashboard-alert-success{background-color:var(--green-50);border:1px solid var(--green-200);color:var(--green-700)}.dashboard-alert-error{background-color:var(--red-50);border:1px solid var(--red-200);color:var(--red-700)}.dashboard-alert-icon{font-size:var(--font-size-lg);flex-shrink:0;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.dashboard-alert-content{flex:1;font-weight:var(--font-weight-medium)}.dashboard-alert-close{background:none;border:none;color:inherit;cursor:pointer;padding:var(--spacing-1);border-radius:var(--radius-md);transition:all var(--transition-fast);font-size:var(--font-size-lg);line-height:1;opacity:.7;font-weight:var(--font-weight-bold)}.dashboard-alert-close:hover{opacity:1;background-color:#0000001a;transform:scale(1.1)}.dashboard-tab-content{animation:fadeIn var(--transition-normal) ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.dashboard-main{padding:var(--spacing-4)}.dashboard-alert{margin-bottom:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm)}}@media(max-width:640px){.dashboard-main{padding:var(--spacing-3)}.dashboard-alert{flex-direction:column;text-align:center;gap:var(--spacing-1)}.dashboard-alert-close{align-self:flex-end}}.dashboard-loading{display:flex;align-items:center;justify-content:center;min-height:200px;gap:var(--spacing-3)}.dashboard-spinner{width:2rem;height:2rem;border:3px solid var(--gray-300);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.dashboard-loading-text{color:var(--gray-600);font-size:var(--font-size-lg)}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-empty{text-align:center;padding:var(--spacing-12) var(--spacing-6);color:var(--gray-500)}.dashboard-empty-icon{font-size:4rem;margin-bottom:var(--spacing-4);opacity:.5}.dashboard-empty-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2);color:var(--gray-700)}.dashboard-empty-description{font-size:var(--font-size-base);margin-bottom:var(--spacing-6);max-width:400px;margin-left:auto;margin-right:auto;line-height:1.6}.dashboard-empty-action{display:inline-flex;align-items:center;gap:var(--spacing-2);background-color:var(--primary-color);color:var(--white);padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-lg);text-decoration:none;font-weight:var(--font-weight-medium);transition:background-color var(--transition-fast)}.dashboard-empty-action:hover{background-color:var(--primary-dark)}.dashboard-card{background-color:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--gray-200);overflow:hidden;margin-bottom:var(--spacing-6)}.dashboard-card-header{padding:var(--spacing-6);border-bottom:1px solid var(--gray-200);background-color:var(--gray-50)}.dashboard-card-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--gray-800);display:flex;align-items:center;gap:var(--spacing-2);margin:0}.dashboard-card-body{padding:var(--spacing-6)}.dashboard-card-footer{padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--gray-200);background-color:var(--gray-50);display:flex;justify-content:space-between;align-items:center}.dashboard-grid{display:grid;gap:var(--spacing-6)}.dashboard-grid-2{grid-template-columns:repeat(2,1fr)}.dashboard-grid-3{grid-template-columns:repeat(3,1fr)}.dashboard-grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.dashboard-grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.dashboard-grid-3,.dashboard-grid-2{grid-template-columns:1fr}}.dashboard-section{margin-bottom:var(--spacing-8)}.dashboard-section-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--gray-800);margin-bottom:var(--spacing-4);display:flex;align-items:center;gap:var(--spacing-2)}.dashboard-divider{height:1px;background-color:var(--gray-200);margin:var(--spacing-6) 0;border:none}@media(max-width:640px){.dashboard-card-header,.dashboard-card-body,.dashboard-card-footer{padding:var(--spacing-4)}.dashboard-section-title{font-size:var(--font-size-xl)}}.campaigns-container{padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-6)}.phone-status{font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);min-width:1.2rem;text-align:center}.phone-status.valid{color:var(--success-color)}.phone-status.invalid{color:var(--error-color)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.gap-4{gap:var(--spacing-4)}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.mb-4{margin-bottom:var(--spacing-4)}.mb-6{margin-bottom:var(--spacing-6)}.mt-2{margin-top:var(--spacing-2)}.mt-6{margin-top:var(--spacing-6)}.text-lg{font-size:var(--font-size-lg)}.text-sm{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.font-semibold{font-weight:var(--font-weight-semibold)}.text-left{text-align:left}.text-gray-600{color:var(--gray-600)}.text-gray-500{color:var(--gray-500)}.text-gray-700{color:var(--gray-700)}.text-primary-color{color:var(--primary-color)}.text-blue-700{color:var(--blue-700)}.text-white{color:var(--white)}.py-8{padding-top:var(--spacing-8);padding-bottom:var(--spacing-8)}.px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.py-3{padding-top:var(--spacing-3);padding-bottom:var(--spacing-3)}.py-2{padding-top:var(--spacing-2);padding-bottom:var(--spacing-2)}.py-1{padding-top:var(--spacing-1);padding-bottom:var(--spacing-1)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.px-2{padding-left:var(--spacing-2);padding-right:var(--spacing-2)}.bg-gray-50{background-color:var(--gray-50)}.bg-blue-50{background-color:var(--blue-50)}.bg-white{background-color:var(--white)}.bg-primary-color{background-color:var(--primary-color)}.bg-gray-100{background-color:var(--gray-100)}.bg-green-100{background-color:var(--green-100)}.bg-red-100{background-color:var(--red-100)}.border{border:1px solid var(--gray-200)}.border-gray-200{border-color:var(--gray-200)}.border-primary-color{border-color:var(--primary-color)}.border-t{border-top:1px solid var(--gray-200)}.border-blue-200{border-color:var(--blue-200)}.border-green-200{border-color:var(--green-200)}.border-red-200{border-color:var(--red-200)}.rounded-lg{border-radius:var(--radius-lg)}.border-l-4{border-left:4px solid var(--primary-color)}.shadow-lg{box-shadow:var(--shadow-lg)}.max-h-96{max-height:24rem}.min-h-screen{min-height:100vh}.relative{position:relative}.sticky{position:sticky;top:0}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.w-full{width:100%}.table{display:table}.tr{display:table-row}.th{display:table-cell;font-weight:var(--font-weight-semibold);text-align:left}.td{display:table-cell}.hover\:bg-gray-50:hover{background-color:var(--gray-50)}.hover\:bg-primary-dark:hover{background-color:var(--primary-dark)}.hover\:underline:hover{text-decoration:underline}.hover\:border-gray-300:hover{border-color:var(--gray-300)}.cursor-pointer{cursor:pointer}.transition-all{transition:all var(--transition-fast)}.transition-colors{transition:color var(--transition-fast),background-color var(--transition-fast)}.overflow-y-auto{overflow-y:auto}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.flex-wrap{flex-wrap:wrap}.rounded{border-radius:var(--radius-md)}.campaigns-card{background-color:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--spacing-6);border:1px solid var(--gray-200)}.campaigns-header{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-6);color:var(--gray-800)}.connection-status{display:flex;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.status-indicator{width:4rem;height:4rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem}.status-indicator.connected{background-color:var(--success-color)}.status-indicator.disconnected{background-color:var(--error-color)}.status-info{flex:1}.status-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-1)}.status-title.connected{color:var(--success-color)}.status-title.disconnected{color:var(--error-color)}.status-desc{color:var(--gray-600);font-size:var(--font-size-sm)}.user-info{font-size:var(--font-size-xs);color:var(--gray-500);margin-top:var(--spacing-1)}.connection-buttons{display:flex;gap:var(--spacing-2)}.connection-btn{padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);border:none;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-2)}.connect-btn{background-color:var(--success-color);color:var(--white)}.connect-btn:hover{background-color:var(--success-dark)}.send-messages-btn{background-color:var(--primary-color);color:var(--white);padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-base)}.send-messages-btn:hover{background-color:var(--primary-dark)}.disconnect-btn{background-color:var(--error-color);color:var(--white);padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-base)}.disconnect-btn:hover{background-color:var(--error-dark)}.qr-code-container{margin-top:var(--spacing-6);padding:var(--spacing-4);background-color:var(--gray-100);border-radius:var(--radius-lg);text-align:center}.qr-code-title{margin-bottom:var(--spacing-4);font-weight:var(--font-weight-medium)}.qr-code-image{max-width:250px;margin:0 auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.qr-code-instructions{margin-top:var(--spacing-4);font-size:var(--font-size-sm);color:var(--gray-600)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-6)}.settings-group{display:flex;flex-direction:column}.settings-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--gray-700);margin-bottom:var(--spacing-2)}.settings-select{width:100%;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--gray-300);border-radius:var(--radius-lg);font-size:var(--font-size-base);transition:all var(--transition-fast);background-color:var(--white)}.settings-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #1976d21a}.settings-select:disabled{background-color:var(--gray-100);cursor:not-allowed}.help-text{font-size:var(--font-size-xs);color:var(--amber-600);margin-top:var(--spacing-1)}.delay-container{display:flex;align-items:center;gap:var(--spacing-4)}.delay-slider{flex:1;height:.5rem;background-color:var(--gray-200);border-radius:var(--radius-full);appearance:none;cursor:pointer}.delay-slider::-webkit-slider-thumb{appearance:none;width:1rem;height:1rem;background-color:var(--primary-color);border-radius:50%;cursor:pointer}.delay-value{background-color:var(--primary-color);color:var(--white);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);min-width:60px;text-align:center}.delay-help{font-size:var(--font-size-xs);color:var(--gray-500);margin-top:var(--spacing-1)}.presets-container{margin-top:var(--spacing-6)}.presets-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-3)}.presets-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.preset-btn{padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);border:none;cursor:pointer}.preset-btn.active{background-color:var(--primary-color);color:var(--white)}.preset-btn.inactive{background-color:var(--gray-100);color:var(--gray-700)}.preset-btn.inactive:hover{background-color:var(--gray-200)}.send-button-container{margin-top:var(--spacing-6)}.send-button{width:100%;background-color:var(--success-color);color:var(--white);border:none;border-radius:var(--radius-lg);padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--spacing-2)}.send-button:hover:not(:disabled){background-color:var(--success-dark)}.send-button:disabled{background-color:var(--gray-300);cursor:not-allowed;opacity:.5}.send-spinner{width:1rem;height:1rem;border:2px solid var(--white);border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}.validation-errors{margin-top:var(--spacing-2);font-size:var(--font-size-sm);color:var(--amber-600)}.validation-errors>div{margin-bottom:var(--spacing-1)}.campaign-summary{margin-top:var(--spacing-6);padding:var(--spacing-4);background-color:var(--blue-50);border-radius:var(--radius-lg);border:1px solid var(--blue-200)}.summary-title{font-weight:var(--font-weight-semibold);color:var(--blue-700);margin-bottom:var(--spacing-2)}.summary-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4);font-size:var(--font-size-sm)}.summary-stat{display:flex;justify-content:space-between}.summary-label{color:var(--gray-600)}.summary-value{font-weight:var(--font-weight-semibold)}.summary-value.ready{color:var(--success-color)}.summary-value.not-ready{color:var(--error-color)}.progress-section{background-color:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--spacing-6);border:1px solid var(--gray-200)}.progress-header{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-4);display:flex;align-items:center;gap:var(--spacing-2)}.progress-bar-container{width:100%;background-color:var(--gray-200);border-radius:var(--radius-full);height:1.5rem;margin-bottom:var(--spacing-4)}.progress-bar{background:linear-gradient(to right,var(--success-color),var(--primary-color));height:1.5rem;border-radius:var(--radius-full);transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center}.progress-text{color:var(--white);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.progress-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--spacing-4);background-color:var(--gray-100);border-radius:var(--radius-lg);padding:var(--spacing-4)}.progress-stat{text-align:center}.progress-stat-label{font-size:var(--font-size-xs);color:var(--gray-500);text-transform:uppercase;tracking:var(--tracking-wide);margin-bottom:var(--spacing-1)}.progress-stat-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.progress-stat-value.success{color:var(--success-color)}.progress-stat-value.failure{color:var(--error-color)}.results-container{max-height:15rem;overflow-y:auto}.results-title{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2)}.results-list{display:flex;flex-direction:column;gap:var(--spacing-2)}.result-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3);border-radius:var(--radius-lg)}.result-item.success{background-color:var(--green-50);border:1px solid var(--green-200)}.result-item.failure{background-color:var(--red-50);border:1px solid var(--red-200)}.result-info{display:flex;align-items:center;gap:var(--spacing-2)}.result-row{font-weight:var(--font-weight-medium)}.result-phone{font-size:var(--font-size-sm);color:var(--gray-600)}.result-status{display:flex;align-items:center;gap:var(--spacing-2)}.result-error{font-size:var(--font-size-xs);color:var(--error-color);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:768px){.campaigns-container{padding:var(--spacing-4)}.settings-grid{grid-template-columns:1fr;gap:var(--spacing-4)}.connection-status{flex-direction:column;text-align:center;gap:var(--spacing-3)}.connection-buttons,.presets-buttons{justify-content:center}.summary-stats{grid-template-columns:1fr}.progress-stats{grid-template-columns:1fr;gap:var(--spacing-2)}}@media(max-width:640px){.campaigns-card{padding:var(--spacing-4)}.campaigns-header{font-size:var(--font-size-xl)}.delay-container{flex-direction:column;gap:var(--spacing-2)}.connection-buttons{flex-direction:column}}.templates-container{padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-6)}.templates-card{background-color:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--gray-200);overflow:hidden;margin-bottom:var(--spacing-6)}.templates-card-body{padding:var(--spacing-6)}.templates-header{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--gray-800);margin-bottom:var(--spacing-6)}.template-form-group{margin-bottom:var(--spacing-6)}.template-form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--gray-700);margin-bottom:var(--spacing-2)}.template-input{width:100%;padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--gray-300);border-radius:var(--radius-lg);font-size:var(--font-size-base);transition:all var(--transition-fast);background-color:var(--white);color:var(--gray-800)}.template-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #1976d21a}.template-textarea{min-height:120px;resize:vertical;font-family:var(--font-family);line-height:var(--line-height-normal)}.template-input::placeholder{color:var(--gray-400)}.template-form-alt{font-size:var(--font-size-sm);color:var(--gray-600);margin-top:var(--spacing-1)}.template-form-alt.text-error{color:var(--error-color)}.template-form-alt.text-success{color:var(--success-color)}.template-variables-container{margin-bottom:var(--spacing-6)}.template-variables-list{display:flex;flex-wrap:wrap;gap:var(--spacing-2);padding:var(--spacing-4);background-color:var(--gray-50);border-radius:var(--radius-lg)}.template-variable-btn{background-color:var(--primary-color);color:var(--white);border:none;border-radius:var(--radius-md);padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.template-variable-btn:hover{background-color:var(--primary-dark);transform:translateY(-1px)}.template-detected-variables{margin-top:var(--spacing-6)}.template-detected-list{display:flex;flex-wrap:wrap;gap:var(--spacing-2);padding:var(--spacing-4);background-color:var(--gray-50);border-radius:var(--radius-lg)}.template-detected-variable{padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.template-detected-variable.valid{background-color:var(--success-color);color:var(--white)}.template-detected-variable.invalid{background-color:var(--error-color);color:var(--white)}.template-actions{display:flex;gap:var(--spacing-2);margin-top:var(--spacing-6)}.template-btn{padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-2)}.template-btn-primary{background-color:var(--primary-color);color:var(--white)}.template-btn-primary:hover:not(:disabled){background-color:var(--primary-dark);transform:translateY(-1px)}.template-btn-secondary{background-color:var(--gray-200);color:var(--gray-700)}.template-btn-secondary:hover:not(:disabled){background-color:var(--gray-300)}.template-btn:disabled{opacity:.5;cursor:not-allowed}.template-preview-container{margin-top:var(--spacing-6)}.template-preview-content{padding:var(--spacing-4);background-color:var(--gray-50);border-radius:var(--radius-lg);min-height:100px;white-space:pre-wrap;font-family:var(--font-family-mono);font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--gray-700);border:1px solid var(--gray-200)}.saved-templates-container{margin-top:var(--spacing-6)}.template-item{background-color:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--spacing-4);margin-bottom:var(--spacing-4);transition:all var(--transition-fast)}.template-item:hover{background-color:var(--gray-100);transform:translateY(-1px)}.template-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-2)}.template-item-title{font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);color:var(--gray-800)}.template-item-date{font-size:var(--font-size-xs);color:var(--gray-500)}.template-item-content{background-color:var(--white);padding:var(--spacing-3);border-radius:var(--radius-lg);margin-bottom:var(--spacing-3);border:1px solid var(--gray-200);white-space:pre-wrap;font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--gray-700)}.template-item-footer{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-xs);color:var(--gray-500)}.template-item-variables{display:flex;flex-wrap:wrap;gap:var(--spacing-1)}.template-variable-tag{background-color:var(--gray-200);color:var(--gray-700);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-family:var(--font-family-mono)}.template-item-actions{display:flex;gap:var(--spacing-2)}.template-item-btn{padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.template-item-btn-load{background-color:var(--primary-color);color:var(--white)}.template-item-btn-load:hover{background-color:var(--primary-dark)}.template-item-btn-delete{background-color:var(--error-color);color:var(--white)}.template-item-btn-delete:hover{background-color:var(--error-dark)}.empty-state{text-align:center;padding:var(--spacing-12) var(--spacing-6);color:var(--gray-500)}.empty-state-icon{font-size:4rem;margin-bottom:var(--spacing-4);opacity:.5}.empty-state-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2);color:var(--gray-700)}.empty-state-description{font-size:var(--font-size-base);margin-bottom:var(--spacing-6);max-width:400px;margin-left:auto;margin-right:auto;line-height:var(--line-height-relaxed)}.empty-state-action{display:inline-flex;align-items:center;gap:var(--spacing-2);background-color:var(--primary-color);color:var(--white);padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-lg);text-decoration:none;font-weight:var(--font-weight-medium);transition:background-color var(--transition-fast)}.empty-state-action:hover{background-color:var(--primary-dark)}@media(max-width:768px){.templates-container,.templates-card-body{padding:var(--spacing-4)}.templates-header{font-size:var(--font-size-xl)}.template-actions{flex-direction:column}.template-item-header{flex-direction:column;gap:var(--spacing-2)}.template-item-footer{flex-direction:column;gap:var(--spacing-2);text-align:left}}@media(max-width:640px){.template-form-group{margin-bottom:var(--spacing-4)}.templates-header{font-size:var(--font-size-lg)}.template-variables-list,.template-detected-list,.template-item{padding:var(--spacing-3)}.empty-state{padding:var(--spacing-8) var(--spacing-4)}}.overview-container{padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-6)}.overview-stats-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--spacing-4)}@media(min-width:768px){.overview-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.overview-stats-grid{grid-template-columns:repeat(4,1fr)}}.overview-stat-card{background-color:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-6);border:1px solid var(--gray-200);transition:transform var(--transition-fast)}.overview-stat-card:hover{transform:translateY(-2px)}.overview-stat-figure{margin-bottom:var(--spacing-3)}.overview-stat-icon{font-size:2.5rem;line-height:1}.overview-stat-icon.primary{color:var(--primary-color)}.overview-stat-icon.secondary{color:var(--secondary-color)}.overview-stat-icon.success{color:var(--success-color)}.overview-stat-icon.error{color:var(--error-color)}.overview-stat-icon.info{color:var(--blue-600)}.overview-stat-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--gray-600);margin-bottom:var(--spacing-1);text-transform:uppercase;letter-spacing:.05em}.overview-stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--gray-800);line-height:1}.overview-stat-value.primary{color:var(--primary-color)}.overview-stat-value.secondary{color:var(--secondary-color)}.overview-stat-value.success{color:var(--success-color)}.overview-stat-value.error{color:var(--error-color)}.overview-stat-value.info{color:var(--blue-600)}.overview-stat-desc{font-size:var(--font-size-xs);color:var(--gray-500);margin-top:var(--spacing-1)}.overview-quick-actions{background-color:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--gray-200);overflow:hidden}.overview-quick-actions-body{padding:var(--spacing-6)}.overview-quick-actions-header{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-6);color:var(--gray-800)}.overview-actions-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--spacing-4)}@media(min-width:768px){.overview-actions-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.overview-actions-grid{grid-template-columns:repeat(4,1fr)}}.overview-action-btn{background-color:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--spacing-6);height:6rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-1);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--gray-700)}.overview-action-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.overview-action-btn.primary{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--white)}.overview-action-btn.primary:hover{background-color:var(--primary-dark);border-color:var(--primary-dark)}.overview-action-btn.secondary{background-color:var(--secondary-color);border-color:var(--secondary-color);color:var(--white)}.overview-action-btn.secondary:hover{background-color:var(--secondary-dark);border-color:var(--secondary-dark)}.overview-action-btn.accent{background-color:var(--error-color);border-color:var(--error-color);color:var(--white)}.overview-action-btn.accent:hover{background-color:var(--error-dark);border-color:var(--error-dark)}.overview-action-btn.success{background-color:var(--success-color);border-color:var(--success-color);color:var(--white)}.overview-action-btn.success:hover{background-color:var(--success-dark);border-color:var(--success-dark)}.overview-action-icon{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-1)}.overview-system-status{background-color:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--gray-200);overflow:hidden}.overview-system-status-body{padding:var(--spacing-6)}.overview-system-status-header{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-4);color:var(--gray-800)}.overview-status-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.overview-status-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4);background-color:var(--gray-50);border-radius:var(--radius-lg);border:1px solid var(--gray-200)}.overview-status-left{display:flex;align-items:center;gap:var(--spacing-3)}.overview-status-indicator{width:.75rem;height:.75rem;border-radius:50%}.overview-status-indicator.success{background-color:var(--success-color)}.overview-status-indicator.error{background-color:var(--error-color)}.overview-status-indicator.info{background-color:var(--blue-600)}.overview-status-indicator.warning{background-color:var(--warning-color)}.overview-status-label{font-weight:var(--font-weight-medium);color:var(--gray-700)}.overview-status-badge{padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em}.overview-status-badge.success{background-color:var(--success-color);color:var(--white)}.overview-status-badge.error{background-color:var(--error-color);color:var(--white)}.overview-status-badge.info{background-color:var(--blue-600);color:var(--white)}.overview-status-badge.warning{background-color:var(--warning-color);color:var(--white)}@media(max-width:768px){.overview-container,.overview-quick-actions-body,.overview-system-status-body{padding:var(--spacing-4)}.overview-actions-grid{grid-template-columns:repeat(2,1fr)}.overview-action-btn{height:5rem;padding:var(--spacing-4);font-size:var(--font-size-sm)}.overview-action-icon{font-size:var(--font-size-xl)}}@media(max-width:640px){.overview-stats-grid,.overview-actions-grid{grid-template-columns:1fr}.overview-status-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-2)}.overview-quick-actions-header{font-size:var(--font-size-xl)}.overview-system-status-header{font-size:var(--font-size-lg)}}.contacts-container{padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-6)}.contacts-upload-card{background-color:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-6);border:1px solid var(--gray-200)}.contacts-upload-header{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-6);color:var(--gray-800)}.contacts-upload-area{border:2px dashed var(--gray-300);border-radius:var(--radius-lg);padding:var(--spacing-8);text-align:center;transition:border-color var(--transition-fast)}.contacts-upload-area:hover{border-color:var(--primary-color)}.contacts-upload-input{display:none}.contacts-upload-label{cursor:pointer}.contacts-upload-icon{font-size:4rem;margin-bottom:var(--spacing-4);opacity:.5}.contacts-upload-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--gray-700);margin-bottom:var(--spacing-2)}.contacts-upload-desc{font-size:var(--font-size-sm);color:var(--gray-500)}.contacts-file-selected{margin-top:var(--spacing-4);padding:var(--spacing-4);background-color:var(--green-50);border-radius:var(--radius-lg);border:1px solid var(--green-200)}.contacts-file-info{display:flex;align-items:center;gap:var(--spacing-2)}.contacts-file-icon{color:var(--success-color)}.contacts-file-label{font-weight:var(--font-weight-medium);color:var(--gray-700)}.contacts-file-name{color:var(--gray-600)}.contacts-preview-card{background-color:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-6);border:1px solid var(--gray-200)}.contacts-preview-header{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-4);color:var(--gray-800)}.contacts-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4);background-color:var(--gray-50);border-radius:var(--radius-lg);padding:var(--spacing-4);margin-bottom:var(--spacing-6)}.contacts-stat-item{text-align:center}.contacts-stat-label{font-size:var(--font-size-xs);color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-1)}.contacts-stat-value.blue{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--primary-color)}.contacts-stat-value.purple{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--secondary-color)}.contacts-columns-section{margin-bottom:var(--spacing-6)}.contacts-columns-title{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2);color:var(--gray-700)}.contacts-columns-list{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.contacts-column-tag{padding:var(--spacing-1) var(--spacing-2);background-color:var(--gray-100);color:var(--gray-700);border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.contacts-table-container{overflow-x:auto}.contacts-table{width:100%;font-size:var(--font-size-sm)}.contacts-table th{background-color:var(--gray-100);padding:var(--spacing-2) var(--spacing-4);text-align:left;font-weight:var(--font-weight-medium);color:var(--gray-700)}.contacts-table td{padding:var(--spacing-2) var(--spacing-4);max-width:20rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--gray-600)}.contacts-table tr{border-top:1px solid var(--gray-200)}.contacts-show-more{text-align:center;margin-top:var(--spacing-4)}.contacts-show-more-badge{display:inline-block;padding:var(--spacing-1) var(--spacing-3);background-color:var(--blue-100);color:var(--blue-700);border-radius:var(--radius-full);font-size:var(--font-size-sm)}.contacts-quality-section{margin-top:var(--spacing-6);padding:var(--spacing-4);background-color:var(--blue-50);border-radius:var(--radius-lg);border:1px solid var(--blue-200)}.contacts-quality-title{font-weight:var(--font-weight-semibold);color:var(--blue-700);margin-bottom:var(--spacing-2);display:flex;align-items:center;gap:var(--spacing-2)}.contacts-quality-list{display:flex;flex-direction:column;gap:var(--spacing-1);font-size:var(--font-size-sm)}.contacts-quality-item{display:flex;align-items:center;gap:var(--spacing-2)}@media(max-width:768px){.contacts-container,.contacts-upload-card,.contacts-preview-card{padding:var(--spacing-4)}.contacts-upload-area{padding:var(--spacing-6)}.contacts-upload-icon{font-size:3rem}.contacts-upload-title{font-size:var(--font-size-base)}.contacts-stats-grid{grid-template-columns:1fr;gap:var(--spacing-2)}.contacts-preview-header{font-size:var(--font-size-lg)}.contacts-table th,.contacts-table td{padding:var(--spacing-1) var(--spacing-2)}}@media(max-width:640px){.contacts-columns-list{justify-content:center}.contacts-quality-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-1)}}.custom-scrollbar::-webkit-scrollbar{width:8px}.custom-scrollbar::-webkit-scrollbar-track{background:var(--gray-100);border-radius:var(--radius-full)}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:var(--radius-full)}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}.wavy-background{background-image:radial-gradient(circle at 20% 50%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(255,219,112,.2) 0%,transparent 50%)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;margin:0;padding:0;width:100%;height:100%;overflow-x:hidden}#root{width:100%;height:100%;min-height:100%}.App{width:100%;height:100%;min-height:100%;display:flex;flex-direction:column;margin:0;padding:0;box-sizing:border-box}button,input,textarea,select{font-family:inherit}.text-center{text-align:center}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.available-variables,.detected-variables{margin-top:1rem;padding:1rem;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.available-variables h5,.detected-variables h5{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:#495057}.variables-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.variable-tag{display:inline-block;padding:.375rem .75rem;background-color:#e3f2fd;color:#1565c0;border-radius:16px;font-size:.75rem;font-weight:500;font-family:Courier New,monospace;border:1px solid #bbdefb;transition:all .2s ease}.variable-tag.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.variable-tag.clickable:hover{background-color:#1976d2;color:#fff;transform:translateY(-1px);box-shadow:0 2px 4px #1976d24d}.variable-tag.available{background-color:#e8f5e8;color:#2e7d32;border-color:#c8e6c9}.variable-tag.missing{background-color:#fff3e0;color:#f57c00;border-color:#ffcc02}.available-variables .help-text,.detected-variables .help-text{display:block;margin-top:.5rem;font-size:.75rem;color:#6c757d;font-style:italic}.user-info{margin:.75rem 0;padding:.5rem;background-color:#e8f5e8;border-radius:6px;border:1px solid #c8e6c9}.user-details{display:flex;flex-direction:column;gap:.25rem}.user-name{font-size:.875rem;font-weight:600;color:#2e7d32}.user-number{font-size:.75rem;color:#388e3c;font-family:Courier New,monospace}.whatsapp-actions{margin-top:.75rem}.connected-actions{display:flex;gap:.5rem;flex-wrap:wrap}.whatsapp-btn{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.whatsapp-btn.send-btn{background-color:#1976d2;color:#fff}.whatsapp-btn.send-btn:hover{background-color:#1565c0;transform:translateY(-1px);box-shadow:0 2px 4px #1976d24d}.whatsapp-btn.disconnect-btn{background-color:#f44336;color:#fff}.whatsapp-btn.disconnect-btn:hover{background-color:#d32f2f;transform:translateY(-1px);box-shadow:0 2px 4px #f443364d}.whatsapp-btn.connect-btn{background-color:#ff9800;color:#fff;width:100%;justify-content:center}.whatsapp-btn.connect-btn:hover{background-color:#f57c00;transform:translateY(-1px);box-shadow:0 2px 4px #ff98004d}