:root{font-size:75%;--color-primary: #5145cd;--color-primary-dark: #3f31ad;--color-accent: #0084ff;--color-accent-soft: #e0f0ff;--color-success: #25d366;--color-danger: #ff4b4b;--bg-body: #f0f2f5;--bg-card: #ffffff;--bg-sidebar: #ffffff;--text-main: #050505;--text-secondary: #65676b;--text-muted: #8c9199;--text-white: #ffffff;--border-light: #e4e6eb;--border-medium: #ced0d4;--bubble-me: #dcf8c6;--bubble-them: #ffffff;--chat-bg: #e5ddd5;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 2px 8px rgba(0, 0, 0, .1);--shadow-card: 0 1px 3px rgba(0, 0, 0, .1);--font-family: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-body);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}ul{list-style:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px;transition:background .3s}::-webkit-scrollbar-thumb:hover{background:#0003}*{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.1) transparent}.app-container{display:flex;height:100vh;width:100vw;overflow:hidden}.layout-right{display:flex;flex-direction:column;flex:1;height:100vh;overflow:hidden}.main-content{flex:1;background-color:var(--bg-body);overflow:hidden;position:relative;display:flex;flex-direction:column}.top-header{height:60px;background-color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 20px;border-bottom:1px solid var(--border-light)}.header-left{display:flex;align-items:center;gap:40px}.header-user-info{display:flex;align-items:center;gap:10px}.user-avatar{font-size:40px;color:#999}.user-details{display:flex;flex-direction:column;font-size:.9rem}.user-name{font-weight:700;display:flex;align-items:center;gap:5px}.user-role{font-size:.75rem;color:var(--text-secondary);display:flex;align-items:center;gap:5px}.icon-sm{font-size:14px;color:var(--color-primary)}.user-name .icon-sm{color:green}.sede-selector-wrapper{position:relative;z-index:1000}.sede-selector{background:#fff;border:1px solid var(--border-light);padding:8px 16px;border-radius:8px;font-size:.9rem;display:flex;align-items:center;gap:12px;color:var(--text-secondary);cursor:pointer;font-weight:600;transition:all .2s ease;-webkit-user-select:none;user-select:none}.sede-selector:hover{border-color:var(--sede-color);background:#f8fafc}.sede-selector .chevron{transition:transform .3s ease}.sede-selector .chevron.open{transform:rotate(180deg)}.sede-dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:200px;background:#fff;border:1px solid var(--border-light);border-radius:12px;box-shadow:0 10px 25px #0000001a;padding:8px;display:flex;flex-direction:column;gap:4px;animation:fadeInDown .2s ease}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sede-option{padding:10px 14px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .2s;font-size:.9rem;color:var(--text-secondary)}.sede-option:hover{background:#f0f2f5;color:var(--text-main)}.sede-option.active{background:var(--sede-color);color:#fff}.sede-color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.sede-option.active .sede-color-dot{border:2px solid white}.sidebar{width:60px;background-color:var(--color-primary);display:flex;flex-direction:column;align-items:center;padding:20px 0;color:#fff;z-index:10;box-shadow:2px 0 5px #0000001a}.sidebar-logo{font-size:24px;margin-bottom:30px;color:#fff}.sidebar-nav{display:flex;flex-direction:column;gap:10px;width:100%;align-items:center}.nav-item{width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:8px;color:#ffffffb3;transition:all .2s ease;font-size:20px;cursor:pointer;position:relative}.nav-item:hover{background-color:#ffffff1a;color:#fff}.nav-item.active{background-color:#fff3;color:#fff}.nav-badge{position:absolute;top:0;right:0;background-color:#ef4444;color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--color-primary);transform:translate(25%,-25%)}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:15px}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#090a0cbf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:9999!important;animation:fadeIn .1s ease-out}.modal-content{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;border:1px solid rgba(255,255,255,.1);width:600px;max-width:95%;max-height:90vh;position:relative;display:flex;flex-direction:column;animation:slideUp .15s cubic-bezier(.16,1,.3,1)}.modal-header{padding:24px 32px;background:#fff;border-bottom:1px solid #f0f2f5;display:flex;justify-content:space-between;align-items:center;border-top-left-radius:16px;border-top-right-radius:16px;flex-shrink:0}.btn-close-modal{background:transparent;border:none;color:#9ca3af;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-close-modal:hover{background-color:#f1f5f9;color:#ef4444!important;transform:rotate(90deg)}.btn-close-modal:hover svg{color:#ef4444!important;fill:currentColor}.modal-body{padding:32px;background-color:#fff;overflow-y:auto;flex:1}.modal-row{display:flex;gap:20px;margin-bottom:24px}.modal-input-group{display:flex;flex-direction:column;gap:8px;margin-bottom:24px;width:100%}.modal-input-group label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.modal-input,.modal-select,.modal-textarea{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:.95rem;color:#1e293b;background-color:#f8fafc;transition:all .2s ease;font-family:inherit}.modal-input:focus,.modal-select:focus,.modal-textarea:focus{background-color:#fff;border-color:#00a884;box-shadow:0 4px 12px #00a8841a;outline:none}.modal-textarea{min-height:100px;resize:vertical}.color-picker-container{display:flex;align-items:center;gap:12px;padding:6px 12px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px}.modal-color-input{border:none;width:32px;height:32px;cursor:pointer;background:none}.color-hex-label{font-family:monospace;font-size:.9rem;color:#64748b}.toggle-row{display:flex;align-items:center;gap:15px;margin-top:10px}.toggle-switch{width:54px;height:28px;background:#e2e8f0;border-radius:20px;position:relative;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #0000000d;display:flex;align-items:center}.toggle-switch.active{background:#00a884;box-shadow:inset 0 2px 4px #00a88433}.toggle-knob{width:22px;height:22px;background:#fff;border-radius:50%;position:absolute;left:3px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 2px 5px #0003}.toggle-switch.active .toggle-knob{left:29px}.toggle-state-text{font-size:.75rem;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;min-width:25px;transition:all .2s}.toggle-state-text.active{color:#00a884}.toggle-state-text.inactive-label.active{color:#64748b}.modal-footer{padding:20px 32px 24px;background-color:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:12px;border-bottom-left-radius:16px;border-bottom-right-radius:16px}.btn-secondary{padding:10px 24px;border-radius:10px;background:#fff;border:1px solid #cbd5e0;color:#64748b;font-weight:600;cursor:pointer;transition:all .2s;font-size:.95rem}.btn-secondary:hover{background:#f1f5f9;color:#1e293b;border-color:#94a3b8}.btn-primary{padding:10px 32px;border-radius:10px;background:#3182ce;border:none;color:#fff;font-weight:700;cursor:pointer;box-shadow:0 4px 6px #3182ce33;transition:all .2s;font-size:.95rem;display:flex;align-items:center;gap:8px}.btn-primary:hover{background:#2b6cb0;transform:translateY(-2px);box-shadow:0 6px 12px #3182ce4d}.btn-cancel{padding:10px 24px;border-radius:10px;background:#fff;border:1px solid #cbd5e0;color:#64748b;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:#f1f5f9;color:#1e293b}.btn-add-modal{padding:10px 32px;border-radius:10px;background:#00a884;border:none;color:#fff;font-weight:700;cursor:pointer;box-shadow:0 4px 6px #00a88433;transition:all .2s}.btn-add-modal:hover{background:#008f72;transform:translateY(-2px);box-shadow:0 10px 15px #00a8844d}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.multi-select-container{position:relative;width:100%}.multi-select-trigger{min-height:52px;padding:8px 12px;border:2px solid #e2e8f0;border-radius:12px;background:#f8fafc;cursor:pointer;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;transition:all .2s cubic-bezier(.4,0,.2,1)}.selected-chips-container{display:flex;flex-wrap:wrap;gap:6px;flex:1}.trigger-icons{color:#94a3b8;display:flex;align-items:center}.multi-select-trigger:hover{border-color:#cbd5e0;background:#fff;box-shadow:0 2px 5px #00000005}.multi-select-trigger.is-open{border-color:#00a884;box-shadow:0 0 0 4px #00a8841a;background:#fff}.tag-chip{background:#e0f2f1;color:#00695c;padding:4px 10px;border-radius:20px;font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:6px;border:1px solid #b2dfdb;transition:all .2s;-webkit-user-select:none;user-select:none}.tag-remove{cursor:pointer;display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:#ffffff80;color:#004d40;font-size:10px;transition:all .2s}.tag-remove:hover{background:#ef5350;color:#fff}.placeholder-text{color:#94a3b8;font-size:.95rem}.multi-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;width:100%;background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;border:1px solid #e2e8f0;z-index:10050;max-height:200px;overflow-y:auto;padding:6px}.dropdown-item{padding:10px 12px;border-radius:8px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .2s;color:#334155;font-size:.9rem;margin-bottom:2px}.dropdown-item:hover{background:#f1f5f9}.dropdown-item.form-label-premium{display:block;margin-bottom:8px;font-weight:500;color:#e2e8f0;font-size:.95rem}.form-input-premium{width:100%;padding:12px 16px;border:1px solid rgba(255,255,255,.1);border-radius:12px;font-size:1rem;transition:all .2s;background:#ffffff0d;color:#fff}.form-input-premium:focus{outline:none;border-color:var(--accent-blue);background:#ffffff1a;box-shadow:0 0 0 3px #3b82f633}.form-input-premium::placeholder{color:#fff6}.dropdown-item.selected{background:#f0fdf4;color:#15803d;font-weight:600}.checkbox-visual{width:18px;height:18px;border:2px solid #cbd5e0;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s;background:#fff;color:#fff}.dropdown-item.selected .checkbox-visual{background:#00a884;border-color:#00a884}.area-color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.item-label{flex:1}.no-options{padding:15px;text-align:center;color:#94a3b8;font-size:.85rem}.plans-grid-premium{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding:10px 5px}.plan-card-premium{background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.4);border-radius:20px;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 15px -3px #0000000d;display:flex;flex-direction:column;overflow:hidden}.plan-card-premium:hover{transform:translateY(-5px);background:#fffffff2;box-shadow:0 20px 25px -5px #0000001a;border-color:#3182ce4d}.plan-card-premium.is-visible{border-color:#3182ce80;background:linear-gradient(135deg,#ffffffe6,#ebf8ff99)}.plan-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.plan-icon-wrapper{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#475569;box-shadow:inset 0 2px 4px #0000000d}.plan-card-premium.is-visible .plan-icon-wrapper{background:linear-gradient(135deg,#3182ce,#2c5282);color:#fff}.plan-badge-status{font-size:.7rem;font-weight:700;text-transform:uppercase;padding:4px 10px;border-radius:10px;letter-spacing:.025em}.plan-badge-active{background-color:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.plan-title-premium{font-size:1.15rem;font-weight:800;color:#1e293b;margin:0 0 4px;line-height:1.3}.plan-id-premium{font-size:.75rem;color:#94a3b8;margin:0 0 20px;font-family:JetBrains Mono,monospace}.plan-price-wrapper{margin-top:auto;display:flex;flex-direction:column}.plan-amount-premium{font-size:1.75rem;font-weight:850;color:#0f172a;display:flex;align-items:baseline;gap:4px}.plan-currency-premium{font-size:.9rem;font-weight:600;color:#64748b}.plan-interval-premium{font-size:.85rem;font-weight:500;color:#94a3b8;margin-top:-2px}.plan-toggle-container{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#f1f5f9;border-radius:12px;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none}.plan-toggle-container:hover{background:#e2e8f0}.plan-toggle-switch{width:36px;height:20px;background:#cbd5e0;border-radius:10px;position:relative;transition:all .3s}.plan-toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 2px 4px #0003}.plan-toggle-container.active .plan-toggle-switch{background:#3182ce}.plan-toggle-container.active .plan-toggle-switch:after{left:18px}.plan-toggle-label{font-size:.75rem;font-weight:700;color:#475569}.subscriptions-list-premium{display:flex;flex-direction:column;gap:16px;padding:4px}.subscription-card-premium{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.4);border-radius:16px;padding:20px;display:flex;justify-content:space-between;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #00000008}.subscription-card-premium:hover{transform:translateY(-2px);background:#ffffffd9;box-shadow:0 8px 25px #0000000f;border-color:#4a90e24d}.subscription-main-info{display:flex;align-items:center;gap:18px}.sub-avatar-wrapper{width:48px;height:48px;background:linear-gradient(135deg,#e0eafc,#cfdef3);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#4a90e2;box-shadow:inset 0 2px 4px #ffffff80}.sub-details-premium h4{margin:0;font-size:1.05rem;font-weight:700;color:#1e293b;letter-spacing:-.01em}.sub-client-id{font-size:.82rem;color:#64748b;margin-top:2px;display:flex;align-items:center;gap:5px}.sub-plan-badge{background:#f1f5f9;color:#475569;padding:3px 10px;border-radius:20px;font-size:.72rem;font-weight:600;margin-top:6px;display:inline-block;border:1px solid #e2e8f0}.subscription-secondary-info{text-align:right;display:flex;align-items:center;gap:24px}.sub-price-group{display:flex;flex-direction:column;align-items:flex-end}.sub-amount-premium{font-size:1.15rem;font-weight:800;color:#0f172a}.sub-status-premium{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;margin-top:4px}.sub-status-active{color:#10b981}.sub-status-pending{color:#f59e0b}.sub-status-success{color:#10b981}.sub-status-failed{color:#ef4444}.sub-status-canceled{color:#94a3b8}.sub-actions-premium{display:flex;align-items:center;gap:12px}.btn-retry-premium{background:#1e293b;color:#fff;border:none;padding:8px 16px;border-radius:10px;font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:8px;transition:all .2s;cursor:pointer}.btn-retry-premium:hover{background:#0f172a}.sub-chevron{color:#cbd5e1;transition:transform .2s}.subscription-card-premium:hover .sub-chevron{transform:translate(3px);color:#94a3b8}.alert-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeInOverlay .2s ease-out}.alert-modal-content{background:#fff;width:90%;max-width:400px;padding:30px;border-radius:20px;box-shadow:0 20px 50px #0003;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;transform:scale(.9);animation:popupScale .3s cubic-bezier(.34,1.56,.64,1) forwards}.alert-close-btn{position:absolute;top:15px;right:15px;background:none;border:none;font-size:24px;color:#a0aec0;cursor:pointer;transition:color .2s}.alert-close-btn:hover{color:#4a5568}.alert-icon-wrapper{margin-bottom:20px}.alert-icon{font-size:80px}.alert-icon.success{color:#25d366;animation:iconBounce .5s cubic-bezier(.34,1.56,.64,1)}.alert-icon.error{color:#e53e3e;animation:iconShake .4s ease-in-out}.alert-title{font-size:1.5rem;font-weight:800;color:#1a202c;margin-bottom:10px}.alert-message{font-size:1rem;color:#4a5568;line-height:1.5}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes popupScale{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes iconBounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes iconShake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}:root{--login-bg: #f0f4f8;--login-primary: #00a884;--login-secondary: #6200ea;--login-text: #1a202c;--login-text-muted: #718096}.login-container{display:flex;height:100vh;width:100vw;font-family:Inter,system-ui,-apple-system,sans-serif;overflow:hidden;background-color:#fff}.login-left{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px;background:#fff;z-index:2}.login-right{flex:1.2;background:linear-gradient(135deg,#090a0c,#1a202c);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;position:relative;overflow:hidden}.login-right:before{content:"";position:absolute;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,rgba(0,168,132,.15) 0%,transparent 40%),radial-gradient(circle at 70% 70%,rgba(98,0,234,.15) 0%,transparent 40%);animation:rotateMesh 20s linear infinite;z-index:1}@keyframes rotateMesh{0%{transform:translate(-25%,-25%) rotate(0)}to{transform:translate(-25%,-25%) rotate(360deg)}}.hero-content{position:relative;z-index:2;text-align:center;animation:slideInRight .8s cubic-bezier(.16,1,.3,1)}.hero-logo{font-size:3.5rem;font-weight:800;margin-bottom:2rem;display:flex;align-items:center;justify-content:center;gap:15px;letter-spacing:-2px}.hero-logo svg{filter:drop-shadow(0 0 15px rgba(0,168,132,.5))}.hero-title{font-size:2.8rem;font-weight:900;line-height:1.1;text-transform:uppercase;letter-spacing:-1px}.hero-yellow{display:block;background:linear-gradient(to right,#f6e05e,#ecc94b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-top:10px}.login-card{width:100%;max-width:440px;padding:40px;background:#fff;border-radius:24px;box-shadow:0 10px 25px #00000008;animation:fadeInScale .6s cubic-bezier(.16,1,.3,1)}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.login-logo-container{text-align:center;margin-bottom:40px}.rocket-circle{width:150px;height:150px;background:transparent;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.login-title{font-size:1.75rem;font-weight:800;color:#1a202c;letter-spacing:-.5px}.form-group{margin-bottom:24px}.form-label{display:block;font-size:.8rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;padding-left:4px}.form-input-wrapper{position:relative}.form-input{width:100%;padding:14px 18px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:14px;font-size:1rem;color:#1e293b;transition:all .2s cubic-bezier(.4,0,.2,1)}.form-input:focus{background:#fff;border-color:var(--login-primary);box-shadow:0 0 0 4px #00a8841a;outline:none}.password-toggle{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#94a3b8;cursor:pointer;display:flex;padding:5px;transition:color .2s}.password-toggle:hover{color:var(--login-primary)}.login-btn{width:100%;padding:16px;background:linear-gradient(135deg,#00a884,#008f72);color:#fff;border:none;border-radius:14px;font-size:1rem;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #00a88440;transition:all .3s cubic-bezier(.16,1,.3,1);margin-top:10px;text-transform:uppercase;letter-spacing:1px}.login-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00a88466;filter:brightness(1.1)}.login-btn:active{transform:translateY(0)}.login-footer{position:absolute;bottom:30px;font-size:.75rem;color:#94a3b8;font-weight:500}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@media(max-width:992px){.login-right{display:none}.login-left{width:100%;background:radial-gradient(circle at top right,#f8fafc,#fff)}}.dashboard-container{display:flex;flex-direction:column;gap:20px;padding:10px}.dashboard-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:15px}.card{background:#fff;padding:25px;border-radius:20px;box-shadow:var(--shadow-sm);transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(255,255,255,.5);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;width:6px;height:100%}.card.en-servicio:before{background:var(--whatsapp-green)}.card.esperando:before{background:#f6ad55}.card.finalizado:before{background:var(--color-accent)}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.card-title{font-size:.9rem;font-weight:600;margin-bottom:20px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.card-value{font-size:2.5rem;font-weight:700;color:var(--text-primary)}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.chart-section{background:#fff;padding:25px;border-radius:20px;box-shadow:var(--shadow-sm);border:1px solid rgba(255,255,255,.5)}.chart-title{margin-bottom:25px;font-size:1.1rem;font-weight:600;color:var(--text-primary);display:flex;justify-content:space-between;align-items:center}.chart-wrapper{width:100%;height:300px;margin-top:10px}@media(max-width:1024px){.analytics-grid{grid-template-columns:1fr}}.quick-reply-menu{position:absolute;bottom:70px;left:20px;background:#fff;width:300px;max-height:250px;overflow-y:auto;border-radius:8px;box-shadow:0 -4px 20px #00000026;z-index:1000;border:1px solid #e9edef;display:flex;flex-direction:column}.quick-reply-header{padding:8px 12px;background:#f0f2f5;font-size:.75rem;font-weight:600;color:#667781;border-bottom:1px solid #e9edef}.quick-reply-item{padding:10px 15px;border-bottom:1px solid #f9f9f9;cursor:pointer;transition:background .2s;display:flex;flex-direction:column;gap:2px}.quick-reply-item:hover,.quick-reply-item.selected{background-color:#f5f6f6}.quick-reply-shortcut{font-weight:600;color:#111b21;font-size:.9rem;display:flex;align-items:center;gap:6px}.quick-reply-shortcut strong{color:#00a884}.quick-reply-text{font-size:.8rem;color:#667781;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:root{--border-light: #e9edef;--text-main: #111b21;--text-muted: #667781;--color-accent: #00a884;--color-danger: #ea0038}.chat-interface{display:flex;height:100%;background:#fff;overflow:hidden;position:relative}.chat-contacts-sidebar{width:380px;border-right:1px solid var(--border-light);display:flex;flex-direction:column;background-color:#fff}.sidebar-header-top{height:60px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;background-color:#f0f2f5;border-bottom:1px solid var(--border-light)}.sidebar-header-top .header-user-info{display:flex;align-items:center;gap:8px}.user-avatar{font-size:32px;color:#999}.sidebar-header-top .user-details{display:flex;flex-direction:column;font-size:.8rem}.sidebar-header-top .user-name{font-weight:700;display:flex;align-items:center;gap:4px;color:#111b21}.sidebar-header-top .user-details-role{font-size:.7rem;color:#667781;display:flex;align-items:center;gap:4px}.sidebar-header-top .icon-sm{font-size:12px}.sidebar-header-top .user-name .icon-sm{color:#00a884}.sidebar-header-top .sede-selector{border:1px solid #d1d7db;padding:4px 10px;border-radius:4px;font-size:.8rem;display:flex;align-items:center;gap:6px;color:#667781;cursor:pointer;background:#fff}.sidebar-search-area{padding:10px 15px;background:#fff}.search-box{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:14px;color:#8c9199;z-index:2}.search-box input{width:100%;padding:8px 10px 8px 50px!important;border:none;border-radius:8px;font-size:.9rem;background:#f0f2f5;outline:none}.sidebar-tabs{display:flex;background:#fff;padding:10px 10px 0;gap:5px}.sidebar-tab{padding:10px 5px;font-size:.88rem;font-weight:600;color:#667781;background:none;border:none;cursor:pointer;flex:1;display:flex;align-items:center;gap:8px;justify-content:center;position:relative;border-radius:8px 8px 0 0;transition:all .2s}.sidebar-tab:hover{background:#f5f6f6}.sidebar-tab.active{color:#00a884}.sidebar-tab.active:after{content:"";position:absolute;bottom:0;left:10%;right:10%;height:3px;background-color:#00a884;border-radius:3px 3px 0 0}.count-badge{color:#fff;font-size:.7rem;padding:2px 8px;border-radius:12px;min-width:20px;font-weight:700}.count-badge.atendiendo{background:#00a884}.count-badge.waiting{background:#ffa000}.count-badge.closed{background:#8696a0}.take-chat-btn{background-color:#00a884;color:#fff;border:none;padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:5px}.header-actions{display:flex;align-items:center;gap:15px}.icon-action-btn{background:#fff;border:1px solid rgba(0,0,0,.05);font-size:1.35rem;color:#54656f;cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;transition:all .2s cubic-bezier(.165,.84,.44,1);box-shadow:0 2px 5px #0000000d}.icon-action-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000001a;color:#00a884}.icon-action-btn.pinned{color:#ffa000;border-color:#ffa00033}.resolve-btn{background:#00a884;color:#fff;border:none;padding:8px 20px;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 4px 10px #00a88440;transition:all .2s}.resolve-btn:hover{background:#008f72;transform:translateY(-2px);box-shadow:0 6px 15px #00a88459}.closed-chat-actions{padding:20px;background:#fff;display:flex;justify-content:center}.more-menu-container{position:relative}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:8px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:180px;z-index:100;overflow:hidden;padding:5px 0}.dropdown-item{width:100%;padding:10px 15px;background:none;border:none;text-align:left;font-size:.9rem;color:#444;cursor:pointer;transition:background .2s}.dropdown-item:hover{background-color:#f5f5f5}.dropdown-item.delete{color:#ea0038;font-weight:500}.dropdown-item.delete:hover{background-color:#fff1f0}.reopen-btn{display:flex;align-items:center;gap:8px;padding:10px 24px;background:#f0f2f5;border:1px solid #d1d7db;border-radius:20px;color:#54656f;font-weight:600;cursor:pointer}.conversations-list{flex:1;overflow-y:auto}.conversation-card{display:flex;padding:12px 16px 12px 14px;gap:12px;cursor:pointer;border-bottom:1px solid #f0f2f5;transition:background .1s;align-items:center;position:relative}.sidebar-badge-indicator{position:absolute;left:0;top:5px;bottom:5px;width:4px;background-color:var(--sede-color, #9c27b0);border-top-right-radius:4px;border-bottom-right-radius:4px}.conversation-card:hover{background:#f5f6f6}.conversation-card.active{background:#f0f2f5}.avatar-wrapper{position:relative;flex-shrink:0}.avatar-wrapper img{width:49px;height:49px;border-radius:50%;background:#dfe5e7}.card-content{flex:1;min-width:0}.card-header{display:flex;justify-content:space-between;margin-bottom:4px}.user-name{font-size:1rem;font-weight:400;color:#111b21}.msg-time{font-size:.75rem;color:#667781}.preview-text{font-size:.85rem;color:#667781;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.time-group{display:flex;align-items:center;gap:5px}.alarm-icon{font-size:1rem;color:#4caf50}.pin-indicator{position:absolute;top:-5px;right:-5px;background:gold;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;border:2px solid #fff;box-shadow:0 1px 3px #0003;z-index:10}.chat-viewport{flex:1;display:flex;flex-direction:column;background-color:#efeae2;background-image:url(https://user-images.githubusercontent.com/15075759/28719144-86dc0f70-73b1-11e7-911d-60d70fcded21.png);background-repeat:repeat;background-size:400px;position:relative;height:100%;min-width:0}.viewport-header{height:64px;padding:0 20px;background:#f0f2f5;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(0,0,0,.08);position:relative;z-index:20}.header-user{display:flex;align-items:center;gap:12px}.avatar-wrapper-sm img{width:40px;height:40px;border-radius:50%}.header-info h3{font-size:16px;font-weight:500;margin:0}.user-status{font-size:.75rem;color:#00a884;font-weight:500}.user-phone{font-size:.8rem;color:#667781;display:block;margin-top:-2px}.messages-container{flex:1;overflow-y:auto;padding:10px 4% 20px;display:flex;flex-direction:column;gap:4px}.date-separator{display:flex;justify-content:center;margin:15px 0;padding:4px 12px}.date-separator span{background-color:#fff;color:#54656f;font-size:12.5px;padding:5px 12px;border-radius:7.5px;box-shadow:0 1px .5px #0b141a21;text-transform:uppercase}.no-history-alert{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:100px;color:#667781;text-align:center;font-size:14px}.message-row{display:flex;width:100%;margin-bottom:2px}.message-bubble{max-width:65%;padding:6px 7px 5px 9px;border-radius:7.5px;position:relative;box-shadow:0 1px .5px #00000021;font-size:14.2px;line-height:19px;min-width:70px}.message-row.received .message-bubble{background:#fff;align-self:flex-start;border-top-left-radius:0}.message-row.received .message-bubble:before{content:"";position:absolute;left:-8px;top:0;width:8px;height:13px;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 8 13' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.533 3.568L8 12.193V0H2.812C1.042 0 .474 1.156 1.533 3.568z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.message-row.sent{justify-content:flex-end}.message-row.sent .message-bubble{background:#dcf8c6;border-top-right-radius:0}.message-row.sent .message-bubble:before{content:"";position:absolute;right:-8px;top:0;width:8px;height:13px;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 8 13' fill='%23dcf8c6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.467 3.568L0 12.193V0H5.188C6.958 0 7.526 1.156 6.467 3.568z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.bubble-text{color:#111b21;white-space:pre-wrap;word-wrap:break-word;display:inline-block;padding-bottom:2px}.bubble-meta{float:right;margin-top:4px;margin-left:8px;margin-bottom:-2px;font-size:11px;color:#667781;display:flex;align-items:center;gap:3px;-webkit-user-select:none;user-select:none;position:relative;bottom:-2px}.read-status{color:#53bdeb;font-size:16px}.message-media{margin-bottom:4px;border-radius:6px;overflow:hidden;margin-left:-2px;margin-right:-2px}.bubble-img{max-width:100%;max-height:400px;border-radius:4px;display:block;object-fit:cover}.bubble-video{max-width:100%;max-height:400px;border-radius:4px;display:block}.file-attachment{display:flex;gap:12px;padding:10px;background:#0000000a;border-radius:6px;align-items:center}.file-icon-box{width:48px;height:48px;background:#00a884;color:#fff;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:24px}.file-info{flex:1;display:flex;flex-direction:column}.file-name{font-weight:500;font-size:14px}.file-download-link{font-size:12px;color:#00a884;text-decoration:none}.audio-player-custom{display:flex;align-items:center;gap:10px;min-width:240px}.input-toolbar-outer{background:#f0f2f5;padding:10px 16px;border-top:1px solid rgba(0,0,0,.05);position:relative;z-index:5}.input-toolbar{display:flex;align-items:center;gap:12px;background:transparent}.message-input-wrapper{flex:1;background:#fff;border-radius:24px;padding:6px 16px;display:flex;align-items:center;box-shadow:0 1px 1px #0000000f;min-height:44px}.message-input-wrapper textarea{width:100%;border:none;outline:none;padding:8px 0;font-size:15px;color:#111b21;background:transparent;resize:none;max-height:120px;overflow-y:auto;line-height:20px}.message-input-wrapper textarea::placeholder{color:#8696a0}.icon-btn,.mic-btn,.send-btn{background:none;border:none;font-size:24px;color:#54656f;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;transition:background .2s}.icon-btn:hover,.mic-btn:hover{background:#0000000d}.send-btn,.mic-btn{background:#00a884;color:#fff;width:44px;height:44px;padding:0}.send-btn:hover{background:#008f70}.mic-btn.active{background:#ea0038}.emoji-picker-simple{display:flex;flex-wrap:wrap;gap:12px;background:#fff;padding:15px;border-bottom:1px solid var(--border-light);max-height:120px;overflow-y:auto}.emoji-picker-simple span{font-size:24px;cursor:pointer}.media-preview-bar{background:#fff;padding:8px 16px;display:flex;justify-content:space-between;border-bottom:1px solid var(--border-light)}.attach-container{position:relative}.attach-dropdown{position:absolute;bottom:50px;left:0;background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000026;padding:10px 0;min-width:220px;z-index:100;animation:slideUp .2s ease-out}.attach-item{display:flex;align-items:center;gap:15px;padding:10px 15px;width:100%;border:none;background:transparent;cursor:pointer;transition:background .2s}.attach-item:hover{background:#f5f6f6}.attach-icon{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px}.attach-icon.doc{background-color:#7f66ff}.attach-icon.img{background-color:#007bfc}.attach-item span{font-size:14px;color:#111b21;font-weight:500}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.empty-tab-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:#667781}.empty-tab-state .empty-illustration img{width:80px;height:80px;margin-bottom:15px;opacity:.6}.empty-tab-state h3{font-size:16px;font-weight:600;margin-bottom:8px;color:#3b4a54}.empty-tab-state p{font-size:14px;line-height:1.4}.empty-tab-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;height:100%}.empty-illustration img{width:140px;margin-bottom:24px}.empty-tab-state h3{font-weight:300;color:#41525d;margin-bottom:8px;font-size:26px}.empty-tab-state p{color:#667781;font-size:14px;text-align:center}.whatsapp-emoji-picker{background:#fff;border-bottom:1px solid var(--border-light);height:380px;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none;position:relative;z-index:100}.picker-categories{display:flex;justify-content:space-around;padding:10px 0;background:#fff}.picker-categories button{background:none;border:none;font-size:24px;color:#667781;cursor:pointer;padding:5px;position:relative}.picker-categories button.active{color:#00a884}.picker-categories button.active:after{content:"";position:absolute;bottom:-10px;left:0;right:0;height:3px;background-color:#00a884}.picker-search{padding:10px 15px}.search-input-wrapper{background:#f0f2f5;border-radius:8px;display:flex;align-items:center;padding:0 10px}.search-input-wrapper .search-icon{color:#667781;font-size:18px}.search-input-wrapper input{background:transparent;border:none;outline:none;padding:8px 10px;flex:1;font-size:15px}.picker-emoji-list{flex:1;overflow-y:auto;padding:0 15px}.emoji-section h4{font-size:14px;font-weight:500;color:#667781;margin:15px 0 10px}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.emoji-grid span{font-size:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:5px;border-radius:6px;transition:background .1s}.emoji-grid span:hover{background:#f0f2f5}.picker-footer{display:flex;justify-content:center;gap:20px;padding:10px 0;background:#f0f2f5}.picker-footer button{background:none;border:none;display:flex;align-items:center;gap:8px;color:#667781;font-weight:600;font-size:14px;cursor:pointer;padding:5px 15px;border-radius:20px}.picker-footer button.active{background:#fff;color:#111b21;box-shadow:0 1px 3px #0000001a}.gif-icon,.sticker-icon{font-size:16px}.voice-action-btn{background:none;border:none;font-size:26px;color:#54656f;cursor:pointer;display:flex}.recording-toolbar{background:#f0f2f5;padding:10px 16px;display:flex;align-items:center;gap:15px;justify-content:flex-end}.recording-timer{display:flex;align-items:center;gap:8px;font-family:monospace;font-size:16px;color:#444}.rec-dot{color:#ea0038;animation:pulse 1s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.recording-actions{display:flex;gap:15px}.cancel-rec-btn{background:none;border:none;font-size:24px;color:#ea0038;cursor:pointer}.send-rec-btn{background:#00a884;border:none;font-size:20px;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.sticker-checkbox{display:flex;align-items:center;gap:6px;font-size:14px;color:#54656f;cursor:pointer}.sticker-checkbox input{width:16px;height:16px}.image-modal-overlay{position:fixed;inset:0;background:#000000d9;z-index:2000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.image-modal-content{position:relative;max-width:90vw;max-height:90vh}.image-modal-content img{max-width:100%;max-height:90vh;border-radius:8px;box-shadow:0 4px 20px #00000080}.phone-link{color:#027eb5;cursor:pointer;text-decoration:underline;font-weight:500}.profile-image-modal{position:relative;max-width:90vw;max-height:90vh;border-radius:8px;overflow:hidden;box-shadow:0 5px 25px #00000080}.profile-image-modal img{max-width:100%;max-height:80vh;display:block}.close-modal-btn{position:absolute;top:10px;right:10px;background:#00000080;color:#fff;border:none;border-radius:50%;width:32px;height:32px;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center}.empty-viewport{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f0f2f5;text-align:center;color:#667781}.empty-viewport img{width:200px;margin-bottom:20px;opacity:.5}.waiting-card{background-color:#ffa0000d}.waiting-card.active{background-color:#f0f2f5}.contact-info-sidebar{width:380px;height:100%;background:#fff;border-left:1px solid var(--border-light);display:flex;flex-direction:column;animation:slideInRight .3s cubic-bezier(.1,.82,.25,1);box-shadow:-2px 0 5px #00000005;z-index:10}@keyframes slideInRight{0%{transform:translate(100%);width:0;opacity:0}to{transform:translate(0);width:380px;opacity:1}}.sidebar-header-right{height:60px;display:flex;align-items:center;padding:0 20px;background:#f0f2f5;border-bottom:1px solid var(--border-light);flex-shrink:0}.sidebar-header-right h3{flex:1;margin:0;font-size:16px;font-weight:500;color:var(--text-main)}.close-sidebar-btn{background:none;border:none;font-size:24px;color:var(--text-muted);cursor:pointer;display:flex;padding:8px;border-radius:50%;transition:background .2s}.close-sidebar-btn:hover{background:#0000000d}.sidebar-content-right{flex:1;overflow-y:auto;padding:24px 30px;background:#f0f2f5}.profile-large{background:#fff;padding:24px;border-radius:4px;margin-bottom:10px;text-align:center;box-shadow:0 1px 2px #0000000f}.profile-large img{width:200px;height:200px;border-radius:50%;object-fit:cover;margin-bottom:16px;cursor:pointer;transition:transform .2s}.profile-large img:hover{transform:scale(1.02)}.profile-large h2{font-size:22px;font-weight:400;color:#111b21;margin:0 0 8px}.profile-number{color:var(--text-muted);font-size:17px;margin:0}.profile-section{background:#fff;padding:16px 24px;box-shadow:0 1px 2px #0000000f;margin-bottom:10px;border-radius:4px}.section-label{font-size:14px;color:var(--text-muted);margin-bottom:8px}.section-value{font-size:16px;color:#111b21;line-height:1.4}.profile-actions-danger{background:#fff;padding:24px;box-shadow:0 1px 2px #0000000f;margin-top:20px;text-align:center;border-radius:4px}.action-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:12px;border:none;border-radius:3px;font-size:15px;cursor:pointer;background:transparent;transition:background .2s;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.action-btn.block{color:#ea0038;border:1px solid rgba(234,0,56,.1)}.action-btn.block:hover{background:#ea00380d}.action-btn.unblock{color:var(--text-muted);border:1px solid var(--border-light)}.action-btn.unblock:hover{background:#0000000d}.action-note{margin-top:16px;font-size:13px;color:var(--text-muted);display:flex;align-items:flex-start;gap:8px;text-align:left;line-height:1.5;background:#f8f9fa;padding:10px;border-radius:4px}.header-info.clickable{cursor:pointer;border-radius:6px;padding:4px 10px;transition:background .2s;-webkit-user-select:none;user-select:none}.header-info.clickable:hover{background:#0000000a}.modal-overlay{position:fixed;inset:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s}.modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-width:500px;width:90%;display:flex;flex-direction:column}.modal-header{padding:15px 20px;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:18px;font-weight:600;color:#111b21}.close-btn{background:none;border:none;font-size:24px;color:#667781;cursor:pointer}.modal-body{padding:20px}.modal-footer{padding:15px 20px;border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;gap:10px;background:#f0f2f5;border-radius:0 0 8px 8px}.cancel-btn{padding:10px 20px;background:#fff;border:1px solid #d1d7db;border-radius:20px;color:#54656f;font-weight:600;cursor:pointer}.confirm-btn{padding:10px 20px;background:#00a884;border:none;border-radius:20px;color:#fff;font-weight:600;cursor:pointer}.confirm-btn:disabled{background:#d1d7db;cursor:not-allowed}.transfer-modal{max-width:500px;width:90%;padding:0;overflow:hidden}.transfer-info-group{margin-bottom:20px}.transfer-info-group label{display:block;font-size:14px;color:#667781;margin-bottom:8px;font-weight:500}.source-display{padding:12px;background:#f0f2f5;border-radius:8px;color:#111b21;font-size:16px;display:flex;align-items:center;border:1px solid var(--border-light)}.transfer-arrow-separator{display:flex;justify-content:center;color:#00a884;margin:10px 0}.form-select{width:100%;padding:12px;border:1px solid #d1d7db;border-radius:8px;font-size:16px;color:#111b21;outline:none;background:#fff}.form-select:focus{border-color:#00a884}.confirmation-warning{margin-top:20px;padding:15px;background:#fff5c4;border-radius:8px;color:#856404;border:1px solid #ffeeba;font-size:14px;text-align:center}.confirmation-warning p{margin:0 0 5px}.confirmation-warning strong{color:#111b21}:root{--bg-main: #f4f7fa;--accent-primary: #00a884;--accent-primary-light: rgba(0, 168, 132, .1);--accent-primary-dark: #008f72;--text-primary: #1e293b;--text-secondary: #64748b;--border-light: #eef2f6;--glass-shadow: 0 10px 30px rgba(0, 0, 0, .04)}.contacts-container{padding:50px 60px;height:100vh;overflow-y:auto;background:var(--bg-main);display:flex;flex-direction:column;gap:40px}.contacts-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:5px}.contacts-header .header-title-wrapper h1{font-size:2.2rem;font-weight:800;color:var(--text-primary);margin:0 0 8px;letter-spacing:-.03em}.contacts-header .header-title-wrapper p{color:var(--text-secondary);font-size:1rem;margin:0;max-width:600px}.contacts-actions{display:flex;gap:16px;align-items:center}.search-box{display:flex;align-items:center;background:#fff;border-radius:14px;padding:0 16px;min-width:340px;border:1px solid var(--border-light);transition:all .25s ease;box-shadow:0 2px 10px #00000005}.search-box:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 4px var(--accent-primary-light)}.search-icon{color:#94a3b8;font-size:18px}.search-box input{border:none;background:transparent;padding:14px 10px;outline:none;width:100%;font-size:.95rem;color:var(--text-primary)}.contacts-table-card{background:#fff;border-radius:24px;border:1px solid var(--border-light);box-shadow:var(--glass-shadow);overflow:hidden;animation:slideUp .5s cubic-bezier(.165,.84,.44,1)}.contacts-table{width:100%;border-collapse:collapse}.contacts-table th{padding:20px 24px;font-weight:700;color:#94a3b8;background:#fcfdfe;text-align:left;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border-light)}.contacts-table td{padding:18px 24px;border-bottom:1px solid var(--border-light);color:var(--text-primary);font-size:.95rem;vertical-align:middle}.contacts-table tr:hover{background:#f8fafc}.avatar-cell{display:flex;align-items:center;gap:14px}.contact-avatar{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.95rem;box-shadow:0 4px 10px #0000001a}.contact-name-main{font-weight:700;color:var(--text-primary)}.actions-cell{display:flex;gap:8px;justify-content:center}.btn-chat:hover{background:var(--accent-primary-light);color:var(--accent-primary)}.table-footer{padding:20px 24px;background:#fcfdfe;border-top:1px solid var(--border-light);color:var(--text-secondary);font-size:.85rem;display:flex;justify-content:flex-end;font-weight:600}@media(max-width:1024px){.contacts-container{padding:30px}.contacts-header{flex-direction:column;align-items:flex-start;gap:20px}.search-box{min-width:100%}}:root{--bg-main: #f4f7fa;--accent-primary: #00a884;--accent-primary-light: rgba(0, 168, 132, .1);--accent-primary-dark: #008f72;--accent-blue: #3182ce;--accent-blue-dark: #2c5282;--text-primary: #1e293b;--text-secondary: #64748b;--border-light: #eef2f6;--glass-shadow: 0 10px 30px rgba(0, 0, 0, .04)}.campaigns-container{padding:30px 40px;height:calc(100vh - 60px);max-height:calc(100vh - 60px);width:100%;overflow-y:scroll;background:var(--bg-main);display:flex;flex-direction:column;gap:30px;position:relative;box-sizing:border-box}.campaigns-container::-webkit-scrollbar{width:10px;display:block}.campaigns-container::-webkit-scrollbar-track{background:transparent}.campaigns-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px;border:3px solid var(--bg-main)}.campaigns-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.campaigns-container{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.campaigns-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:5px;flex-shrink:0}.campaigns-header .header-title-wrapper h1{font-size:2.2rem;font-weight:800;color:var(--text-primary);margin:0 0 8px;letter-spacing:-.03em}.campaigns-header .header-title-wrapper p{color:var(--text-secondary);font-size:1rem;margin:0;max-width:600px}.btn-primary-premium{background:var(--accent-primary);color:#fff;padding:14px 28px;border-radius:14px;font-weight:700;font-size:.95rem;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 20px #00a88426;display:flex;align-items:center;justify-content:center;gap:8px}.btn-primary-premium:disabled{background:#cbd5e1;cursor:not-allowed;transform:none;box-shadow:none}.campaigns-content{background:#fff;border-radius:24px;border:1px solid var(--border-light);box-shadow:var(--glass-shadow);animation:slideUp .5s cubic-bezier(.165,.84,.44,1);display:flex;flex-direction:column;width:100%;margin-bottom:50px}.campaigns-content.empty-state{padding:100px 40px;align-items:center;justify-content:center;text-align:center}.empty-illustration{margin-bottom:30px;opacity:.8;color:#cbd5e1}.empty-title{font-size:1.5rem;font-weight:800;color:var(--text-primary);margin-bottom:30px}.campaigns-list-view{width:100%}.campaigns-table{width:100%;border-collapse:collapse}.campaigns-table th{padding:20px 24px;font-weight:700;color:#94a3b8;background:#fcfdfe;text-align:left;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border-light)}.campaigns-table td{padding:18px 24px;border-bottom:1px solid var(--border-light);color:var(--text-primary);font-size:.95rem;vertical-align:middle}.campaigns-table tr:hover{background:#f8fafc}.action-buttons{display:flex;gap:8px;justify-content:center}.view-btn:hover{background:#f1f5f9;color:var(--text-primary)}.edit-btn:hover{background:#e0f2fe;color:#0ea5e9}.delete-btn:hover{background:#fee2e2;color:#ef4444}.status-badge{font-size:.75rem;padding:6px 12px;border-radius:10px;font-weight:800;text-transform:uppercase}.campaign-modal{width:650px!important;max-width:95%!important;transition:width .3s cubic-bezier(.4,0,.2,1)}.campaign-modal.step-2,.campaign-modal.step-3,.campaign-modal.report-modal{width:1100px!important}.modal-header.blue-gradient{background:linear-gradient(135deg,var(--accent-blue) 0%,var(--accent-blue-dark) 100%);border:none;padding:30px 40px}.modal-header.blue-gradient h3{font-size:1.4rem}.campaign-modal .modal-body{padding:45px 50px}.modal-input-group label{font-size:.85rem;margin-bottom:10px}.modal-input{padding:16px 20px;font-size:1.1rem;height:64px!important;display:flex;align-items:center}.step-content{animation:fadeIn .3s ease-out}.source-options{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px}.source-card-premium{background:#f8fafc;border:2px solid #eef2f6;border-radius:24px;padding:40px 30px;display:flex;flex-direction:column;align-items:center;gap:20px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--text-secondary)}.source-card-premium span{font-size:1rem;font-weight:800;letter-spacing:.05em}.source-card-premium:hover{background:#fff;border-color:var(--accent-blue);transform:translateY(-5px);box-shadow:0 10px 25px #3182ce1a;color:var(--accent-blue)}.source-card-premium.selected{background:#fff;border-color:var(--accent-blue);color:var(--accent-blue);box-shadow:0 10px 25px #3182ce26}.excel-preview-container{border:1px solid #eef2f6;border-radius:16px;overflow:hidden;margin-bottom:30px;max-height:300px;overflow-y:auto}.excel-preview-table{width:100%;border-collapse:collapse}.excel-preview-table th{background:#f8fafc;padding:12px 16px;font-size:.75rem;font-weight:800;color:#94a3b8;text-transform:uppercase;text-align:left;border-bottom:2px solid #f1f5f9}.excel-preview-table td{padding:16px 20px;font-size:1rem;border-bottom:1px solid #f1f5f9}.input-with-icon{position:relative;display:flex;align-items:center}.modal-input[type=datetime-local]::-webkit-calendar-picker-indicator{background:transparent;color:transparent;cursor:pointer;height:auto;inset:0;position:absolute;width:auto}.input-icon-right{position:absolute;right:16px;color:#94a3b8;pointer-events:none}.campaign-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:40px}.stat-card{background:#f8fafc;padding:25px 20px;border-radius:24px;border:2px solid #eef2f6;display:flex;flex-direction:column;align-items:center;gap:15px}.stat-card strong{font-size:.85rem;text-transform:uppercase;color:#94a3b8;letter-spacing:.05em}.stat-card .value{font-size:2.2rem;font-weight:800}.stat-card.success{border-color:#d1fae5}.stat-card.success .value{color:#059669}.stat-card.error{border-color:#fee2e2}.stat-card.error .value{color:#ef4444}.stat-card.pending{border-color:#e0f2fe}.stat-card.pending .value{color:#0ea5e9}.badge-status{padding:6px 12px;border-radius:10px;font-size:.8rem;font-weight:700;display:inline-flex;align-items:center;gap:6px}.badge-status.success{background:#d1fae5;color:#059669}.badge-status.error{background:#fee2e2;color:#ef4444}.badge-status.pending{background:#e0f2fe;color:#0ea5e9}.form-group-floating{position:relative;margin-bottom:35px}.floating-label{position:absolute;top:-14px;left:15px;background:#fff;padding:0 10px;font-size:.85rem;font-weight:800;color:var(--accent-blue);text-transform:uppercase;letter-spacing:.05em;z-index:10}.variables-info{margin:20px 0;font-size:.9rem;color:var(--text-secondary);display:flex;flex-wrap:wrap;align-items:center;gap:8px}.variable-pill{background:#f1f5f9;color:#475569;padding:6px 14px;border-radius:20px;font-weight:600;font-size:.8rem;cursor:pointer;transition:all .2s;border:1px solid #cbd5e1;display:inline-flex;align-items:center;gap:6px;-webkit-user-select:none;user-select:none;width:auto}.variable-pill:hover{background:#e2e8f0;color:#0f172a;border-color:#94a3b8;transform:translateY(-1px)}.variable-pill:active{transform:translateY(0)}.message-editor-container{background:#f8fafc;border:2px solid #eef2f6;border-radius:20px;overflow:hidden}.message-preview-area{padding:30px;min-height:200px;background:#fff;border-bottom:2px solid #eef2f6;color:var(--text-primary);font-size:1.1rem}.message-input-bar{padding:20px 30px;display:flex;align-items:center;gap:15px;background:#f8fafc;min-height:95px;border-top:1px solid #f1f5f9}.editor-icon-btn{width:48px;height:48px;color:#94a3b8;background:#fff;border:2px solid #eef2f6;border-radius:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.editor-icon-btn:hover{color:var(--accent-blue);border-color:var(--accent-blue);background:#fff;transform:translateY(-2px)}.message-chat-input{flex:1;background:#fff;border:2px solid #eef2f6;border-radius:16px;padding:14px 20px;outline:none;font-size:1.05rem}.message-chat-input:focus{border-color:var(--accent-blue)}.validation-error-msg{background:#fff5f5;color:#e53e3e;padding:12px 16px;border-radius:12px;font-size:.9rem;font-weight:600;margin-bottom:20px;display:flex;align-items:center;gap:10px;border:1px solid #feb2b2}.input-error{border-color:#fc8181!important;background-color:#fffafb!important}.animate-shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}@media(max-width:1024px){.campaigns-container{padding:30px}.campaigns-header{flex-direction:column;align-items:flex-start;gap:20px}}.sales-container{padding:30px;background-color:var(--bg-main);height:calc(100vh - 60px);max-height:calc(100vh - 60px);overflow-y:scroll;box-sizing:border-box}.sales-container::-webkit-scrollbar{width:10px;display:block}.sales-container::-webkit-scrollbar-track{background:transparent}.sales-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px;border:3px solid var(--bg-main)}.sales-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.sales-container{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.sales-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-shrink:0}.sales-title{font-size:1.8rem;font-weight:800;color:var(--text-primary);margin:0}.sales-subtitle{color:var(--text-secondary);margin:5px 0 0}.sales-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px}.sales-stat-card{background:#fff;padding:20px;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;display:flex;align-items:center;gap:15px;border:1px solid var(--border-light)}.stat-icon-wrapper{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.sales-filters{background:#fff;padding:20px;border-radius:16px;display:flex;gap:20px;align-items:flex-end;margin-bottom:30px;box-shadow:0 2px 4px #0000000d}.filter-group{display:flex;flex-direction:column;gap:8px;flex:1}.filter-group label{font-weight:600;font-size:.9rem;color:var(--text-secondary)}.sales-table-card{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;overflow-x:auto;border:1px solid var(--border-light)}.sales-table-card::-webkit-scrollbar{width:10px;display:block}.sales-table-card::-webkit-scrollbar-track{background:transparent}.sales-table-card::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px;border:3px solid white}.sales-table-card::-webkit-scrollbar-thumb:hover{background:#94a3b8}.sales-table-card{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.sales-table{width:100%;border-collapse:collapse}.sales-table th{background:#f8fafc;padding:15px 20px;text-align:left;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-light);font-size:.9rem}.sales-table td{padding:15px 20px;border-bottom:1px solid var(--border-light);color:var(--text-primary)}.sales-table tr:last-child td{border-bottom:none}.badge-sale{padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600}.badge-factura{background:#e0f2fe;color:#0284c7}.badge-boleta{background:#dcfce7;color:#166534}.settings-container{padding:0}:root{--bg-main: #f4f7fa;--accent-primary: #00a884;--accent-blue: #3182ce;--accent-purple: #7c3aed;--text-primary: #1e293b;--text-secondary: #64748b;--border-light: #eef2f6;--glass-shadow: 0 10px 30px rgba(0, 0, 0, .04)}.appointments-container{padding:30px 40px;height:calc(100vh - 60px);max-height:calc(100vh - 60px);width:100%;overflow-y:auto;background:var(--bg-main);display:flex;flex-direction:column;gap:30px;box-sizing:border-box}.appointments-header{display:flex;justify-content:space-between;align-items:flex-end;flex-shrink:0}.header-title-wrapper p{color:var(--text-secondary);font-size:1rem;margin:0}.stat-grid-premium{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.stat-card-premium{background:#fff;padding:24px;border-radius:20px;border:1px solid var(--border-light);box-shadow:var(--glass-shadow);display:flex;align-items:center;gap:20px;transition:transform .3s ease}.stat-card-premium:hover{transform:translateY(-5px)}.stat-icon{width:54px;height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.stat-icon.total{background:#eff6ff;color:#3b82f6}.stat-icon.confirmed{background:#ecfdf5;color:#10b981}.stat-icon.not_confirmed{background:#fef2f2;color:#ef4444}.stat-icon.pending{background:#fffbeb;color:#f59e0b}.stat-icon.reprogramming{background:#e0f2fe;color:#0284c7}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:1.8rem;font-weight:800;color:var(--text-primary);line-height:1.2}.stat-label{font-size:.85rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.02em}.appointments-content{display:flex;flex-direction:column;gap:20px}.filters-bar{display:flex;gap:15px;align-items:center;background:#fff;padding:15px 25px;border-radius:18px;border:1px solid var(--border-light);box-shadow:var(--glass-shadow)}.search-wrapper{position:relative;flex:1}.search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#94a3b8}.search-input{width:100%;padding:12px 15px 12px 45px;border-radius:12px;border:1px solid #e2e8f0;font-size:.95rem;transition:all .2s}.search-input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #3182ce1a}.status-select{padding:12px 15px;border-radius:12px;border:1px solid #e2e8f0;font-size:.95rem;background:#fff;cursor:pointer;min-width:180px}.appointments-table-card{background:#fff;border-radius:24px;border:1px solid var(--border-light);box-shadow:var(--glass-shadow);overflow:hidden}.appointments-table{width:100%;border-collapse:collapse}.appointments-table th{padding:20px 24px;font-weight:700;color:#94a3b8;background:#fcfdfe;text-align:left;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border-light)}.appointments-table td{padding:18px 24px;border-bottom:1px solid var(--border-light);color:var(--text-primary);font-size:.95rem;vertical-align:middle}.appointments-table tr:hover{background:#f8fafc}.status-badge{padding:6px 14px;border-radius:10px;font-size:.75rem;font-weight:800;text-transform:uppercase;display:inline-flex;align-items:center;gap:6px}.status-badge.confirmed{background:#d1fae5;color:#059669}.status-badge.not_confirmed{background:#fee2e2;color:#ef4444}.status-badge.pending{background:#fef3c7;color:#d97706}.status-badge.reprogramming{background:#e0f2fe;color:#0369a1}.empty-state{padding:80px 40px;text-align:center;color:var(--text-secondary)}.empty-state h3{font-size:1.2rem;margin-top:15px;color:var(--text-primary)}.btn-export-premium{background:linear-gradient(135deg,#059669,#047857);color:#fff;padding:12px 24px;border-radius:12px;font-weight:700;font-size:.9rem;border:none;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s ease;box-shadow:0 4px 12px #05966933}.btn-export-premium:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0596694d}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stat-card-premium,.appointments-table-card,.filters-bar{animation:fadeIn .4s ease-out forwards}:root{--sidebar-width: 260px;--bg-main: #f4f7fa;--bg-sidebar: #ffffff;--bg-card: #ffffff;--accent-primary: #00a884;--accent-primary-light: rgba(0, 168, 132, .1);--accent-primary-dark: #008f72;--accent-secondary: #4f46e5;--text-primary: #1e293b;--text-secondary: #64748b;--border-light: #eef2f6;--glass-shadow: 0 10px 30px rgba(0, 0, 0, .04)}.settings-page-wrapper{display:flex;height:100vh;background:var(--bg-main);overflow:hidden}.settings-sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border-light);display:flex;flex-direction:column;padding:40px 16px;gap:8px;z-index:10}.settings-sidebar-header{margin-bottom:40px;padding:0 12px}.settings-sidebar-header h2{font-size:1.1rem;font-weight:800;color:var(--text-primary);margin:0;text-transform:uppercase;letter-spacing:.05em;opacity:.8}.sidebar-nav-item{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:14px;color:var(--text-secondary);font-weight:600;font-size:.95rem;cursor:pointer;transition:all .25s ease;position:relative}.sidebar-nav-item:hover{background:#f8fafc;color:var(--text-primary)}.sidebar-nav-item.active{background:var(--accent-primary-light);color:var(--accent-primary)}.sidebar-nav-item.active:after{content:"";position:absolute;right:0;top:12px;bottom:12px;width:4px;background:var(--accent-primary);border-radius:4px 0 0 4px}.sidebar-nav-item .icon{font-size:1.25rem}.settings-main-content{flex:1;padding:50px 60px;overflow-y:auto;display:flex;flex-direction:column;gap:40px}.content-section-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px}.header-title-wrapper h1{font-size:2.2rem;font-weight:800;color:var(--text-primary);margin:0 0 8px;letter-spacing:-.03em}.header-title-wrapper p{color:var(--text-secondary);font-size:1rem;margin:0;max-width:600px}.settings-card{background:#fff;border-radius:24px;border:1px solid var(--border-light);box-shadow:var(--glass-shadow);padding:40px;animation:slideUp .5s cubic-bezier(.165,.84,.44,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.connections-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:30px}.connection-card{background:#fff;border:1px solid var(--border-light);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:16px;transition:all .3s ease;position:relative;overflow:hidden}.connection-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0000000f;border-color:#cbd5e1}.card-header{display:flex;justify-content:space-between;align-items:center}.conn-status-badge{padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.status-online{background:#dcfce7;color:#166534}.status-offline{background:#fee2e2;color:#991b1b}.conn-name{font-size:1.4rem;font-weight:800;color:var(--text-primary);margin:0}.conn-number{font-family:JetBrains Mono,monospace;font-size:1rem;color:var(--text-secondary);letter-spacing:.05em}.card-footer{margin-top:auto;padding-top:20px;border-top:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.conn-sync{font-size:.8rem;color:#94a3b8;display:flex;align-items:center;gap:5px}.card-actions{display:flex;gap:10px}.action-btn{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);background:#f1f5f9;color:var(--text-secondary)}.action-btn:hover{transform:scale(1.1)}.btn-delete:hover{background:#fee2e2;color:#ef4444}.btn-edit:hover{background:#e0f2fe;color:#0ea5e9}.btn-qr:hover{background:var(--accent-primary-light);color:var(--accent-primary)}.btn-primary-premium{background:var(--accent-primary);color:#fff;padding:14px 28px;border-radius:14px;font-weight:700;font-size:.95rem;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 20px #00a88426}.btn-primary-premium:hover{background:var(--accent-primary-dark);transform:translateY(-2px);box-shadow:0 15px 30px #00a88440}.areas-table-container{background:#fff;border-radius:16px;border:1px solid var(--border-light);overflow:hidden}.areas-table{width:100%;border-collapse:collapse}.areas-table th{padding:16px 20px;font-weight:700;color:#94a3b8;background:#fcfdfe;text-align:left;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border-light)}.areas-table td{padding:16px 20px;border-bottom:1px solid var(--border-light);color:var(--text-primary);font-size:.95rem}.areas-table tr:hover{background:#f8fafc}.active-badge{padding:4px 10px;border-radius:8px;font-weight:700;font-size:.7rem;text-transform:uppercase}.form-label{display:block;margin-bottom:8px;font-weight:700;color:var(--text-primary);font-size:.9rem}.form-input{width:100%;padding:12px 16px;border-radius:12px;border:1px solid var(--border-light);background:#f8fafc;transition:all .2s ease;font-size:.95rem}.form-input:focus{border-color:var(--accent-primary);background:#fff;outline:none;box-shadow:0 0 0 4px var(--accent-primary-light)}input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-primary);cursor:pointer}@media(max-width:1024px){.settings-main-content{padding:30px}.connections-grid{grid-template-columns:1fr}}.qr-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.qr-card{background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;width:90%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;position:relative;animation:scaleUp .3s cubic-bezier(.16,1,.3,1)}.qr-card-header{padding:24px 32px;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center;background:#f8fafc}.qr-card-header h2{margin:0;font-size:1.25rem;color:var(--text-primary);font-weight:800}.btn-close-modal{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-close-modal:hover{background:#e2e8f0;color:var(--text-primary)}.qr-content-grid{display:grid;grid-template-columns:1fr 1fr;padding:40px;gap:40px;align-items:center}.qr-section-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background:#fff;border-radius:20px;border:2px dashed var(--border-light)}.qr-code-frame{padding:16px;background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a}.qr-status-pill{margin-top:24px;padding:8px 16px;border-radius:20px;font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:8px;background:#f1f5f9;color:var(--text-secondary)}.status-waiting{background:#eff6ff;color:#1d4ed8}.status-success{background:#dcfce7;color:#166534}.status-error{background:#fee2e2;color:#991b1b}.qr-instructions-wrapper h3{margin:0 0 20px;font-size:1.5rem;color:var(--text-primary);font-weight:800}.qr-instructions-list{display:flex;flex-direction:column;gap:20px}.instruction-step{display:flex;align-items:flex-start;gap:16px}.step-icon{width:36px;height:36px;background:var(--accent-primary-light);color:var(--accent-primary);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.step-content p{margin:0;font-size:.95rem;color:var(--text-primary);font-weight:600;line-height:1.4}.step-content span{display:block;margin-top:4px;font-size:.85rem;color:var(--text-secondary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:768px){.qr-content-grid{grid-template-columns:1fr;padding:24px;gap:24px}.qr-instructions-wrapper{text-align:center}.instruction-step{flex-direction:column;align-items:center;text-align:center}}.qr-code-frame{position:relative;min-width:288px;min-height:288px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:none!important;box-shadow:none!important}.qr-skeleton{position:absolute;inset:16px;background:linear-gradient(90deg,#f0f4f8 25%,#e2e8f0,#f0f4f8 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:8px;z-index:1}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.qr-loading-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2;background:#fffc;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.qr-loading-content{display:flex;flex-direction:column;align-items:center;gap:12px}.qr-loading-content p{margin:0;font-weight:700;color:var(--text-primary)}.qr-loading-content span{font-size:.8rem;color:var(--text-secondary)}.qr-success-overlay,.qr-error-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;animation:fadeIn .4s ease-out}.qr-rendered{animation:pulse-qr 2s infinite ease-in-out}@keyframes pulse-qr{0%{opacity:.95;transform:scale(1)}50%{opacity:1;transform:scale(1.01)}to{opacity:.95;transform:scale(1)}}.qr-retry-btn{margin-top:16px;padding:10px 18px;background:#fff;border:1px solid #e2e8f0;color:var(--text-primary);border-radius:12px;font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #0000000d}.qr-retry-btn:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 6px 16px #00000014}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}}{}