@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.status-indicator{position:relative}.status-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.status-btn:hover{background:var(--card-bg)}.status-btn.green{border-color:#4ade804d}.status-btn.green:hover{background:#4ade8014}.status-btn.yellow{border-color:#fbbf244d}.status-btn.yellow:hover{background:#fbbf2414}.status-btn.orange{border-color:#fb923c4d}.status-btn.orange:hover{background:#fb923c14}.status-btn.red{border-color:#f871714d}.status-btn.red:hover{background:#f8717114}.status-btn.blue{border-color:#60a5fa4d}.status-btn.blue:hover{background:#60a5fa14}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--text-muted);flex-shrink:0}.status-dot.green{background:#4ade80;box-shadow:0 0 6px #4ade8066}.status-dot.yellow{background:#fbbf24;box-shadow:0 0 6px #fbbf2466;animation:pulse 2s ease-in-out infinite}.status-dot.orange{background:#fb923c;box-shadow:0 0 6px #fb923c66;animation:pulse 1.5s ease-in-out infinite}.status-dot.red{background:#f87171;box-shadow:0 0 6px #f8717166;animation:pulse-scale 1s ease-in-out infinite}.status-dot.blue{background:#60a5fa;box-shadow:0 0 6px #60a5fa66}.status-dot.gray{background:var(--text-muted)}.status-dot.large{width:12px;height:12px}.status-dot.small{width:6px;height:6px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse-scale{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.15)}}.status-btn svg{color:inherit}.status-btn.green svg{color:#4ade80}.status-btn.yellow svg{color:#fbbf24}.status-btn.orange svg{color:#fb923c}.status-btn.red svg{color:#f87171}.status-btn.blue svg{color:#60a5fa}.status-label{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chevron{transition:transform .2s ease}.chevron.open{transform:rotate(180deg)}.status-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:360px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;box-shadow:0 12px 40px #0000001f;z-index:1000;overflow:hidden;animation:slideDown .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.status-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border-color)}.status-dropdown-header h4{margin:0;font-size:.95rem;font-weight:700;color:var(--text-primary)}.refresh-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.refresh-btn:hover:not(:disabled){background:var(--card-bg);color:var(--accent-color);border-color:var(--accent-color)}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.refresh-btn .spin{animation:spin 1s linear infinite}.status-main{display:flex;align-items:center;gap:12px;padding:16px;margin:12px;border-radius:12px;background:var(--input-bg)}.status-main.green{background:#4ade8014;border:1px solid rgba(74,222,128,.15)}.status-main.yellow{background:#fbbf2414;border:1px solid rgba(251,191,36,.15)}.status-main.orange{background:#fb923c14;border:1px solid rgba(251,146,60,.15)}.status-main.red{background:#f8717114;border:1px solid rgba(248,113,113,.15)}.status-main.blue{background:#60a5fa14;border:1px solid rgba(96,165,250,.15)}.status-main-info{display:flex;flex-direction:column;gap:4px}.status-main-label{font-size:1rem;font-weight:700;color:var(--text-primary)}.status-main.green .status-main-label{color:#22c55e}.status-main.yellow .status-main-label{color:#eab308}.status-main.orange .status-main-label{color:#f97316}.status-main.red .status-main-label{color:#ef4444}.status-main.blue .status-main-label{color:#3b82f6}.status-main-description{font-size:.8rem;color:var(--text-secondary)}.status-section{padding:0 16px 16px}.status-section h5{display:flex;align-items:center;gap:6px;margin:0 0 10px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.status-section h5 svg{color:var(--accent-color)}.incident-section h5 svg{color:#f87171}.incident-detail{padding:14px;background:#f871710d;border:1px solid rgba(248,113,113,.1);border-radius:10px}.incident-detail.minor{background:#fbbf240d;border-color:#fbbf241a}.incident-detail.major{background:#fb923c0d;border-color:#fb923c1a}.incident-detail.critical{background:#f871710d;border-color:#f871711a}.incident-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}.incident-title{font-size:.9rem;font-weight:600;color:var(--text-primary);line-height:1.4}.incident-badge{flex-shrink:0;padding:3px 8px;border-radius:4px;font-size:.65rem;font-weight:700;text-transform:uppercase}.incident-badge.none{background:#4ade8026;color:#22c55e}.incident-badge.minor{background:#fbbf2426;color:#ca8a04}.incident-badge.major{background:#fb923c26;color:#ea580c}.incident-badge.critical{background:#f8717126;color:#dc2626}.incident-meta{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.meta-item{display:flex;align-items:center;gap:6px;font-size:.8rem}.meta-item svg{color:var(--text-muted)}.meta-label{color:var(--text-muted)}.meta-value{color:var(--text-secondary)}.meta-value.muted{color:var(--text-muted);font-size:.75rem}.status-tag{padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:600}.status-tag.green{background:#4ade8026;color:#22c55e}.status-tag.yellow{background:#fbbf2426;color:#ca8a04}.status-tag.orange{background:#fb923c26;color:#ea580c}.status-tag.red{background:#f8717126;color:#dc2626}.status-tag.blue{background:#60a5fa26;color:#2563eb}.incident-link{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:500;color:var(--accent-color);text-decoration:none;transition:opacity .2s ease}.incident-link:hover{opacity:.8}.component-section h5 svg{color:#fbbf24}.component-detail{padding:14px;background:var(--input-bg);border:1px solid var(--border-color);border-radius:10px}.component-detail.yellow{background:#fbbf240d;border-color:#fbbf241a}.component-detail.orange{background:#fb923c0d;border-color:#fb923c1a}.component-detail.red{background:#f871710d;border-color:#f871711a}.component-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.component-title{font-size:.9rem;font-weight:600;color:var(--text-primary)}.component-badge{padding:3px 8px;border-radius:4px;font-size:.65rem;font-weight:700;text-transform:uppercase}.component-badge.green{background:#4ade8026;color:#22c55e}.component-badge.yellow{background:#fbbf2426;color:#ca8a04}.component-badge.orange{background:#fb923c26;color:#ea580c}.component-badge.red{background:#f8717126;color:#dc2626}.component-change{display:flex;align-items:center;gap:8px;margin-bottom:10px}.component-change svg{color:var(--text-muted)}.component-meta{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-muted)}.components-list{display:flex;flex-direction:column;gap:8px}.component-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--input-bg);border-radius:8px;font-size:.85rem}.component-name{flex:1;color:var(--text-secondary)}.component-status{font-size:.7rem;font-weight:600;text-transform:uppercase}.component-status.green{color:#22c55e}.component-status.yellow{color:#ca8a04}.component-status.orange{color:#ea580c}.component-status.red{color:#dc2626}.component-status.blue{color:#2563eb}.incidents-list{display:flex;flex-direction:column;gap:6px}.incident-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--input-bg);border-radius:8px;font-size:.8rem;color:var(--text-secondary);text-decoration:none;transition:all .2s ease}.incident-item:hover{background:var(--card-bg);color:var(--text-primary)}.incident-item.minor{border-left:3px solid #fbbf24}.incident-item.major{border-left:3px solid #fb923c}.incident-item.critical{border-left:3px solid #f87171}.incident-item-content{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.incident-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.incident-time{font-size:.7rem;color:var(--text-muted)}.status-footer{padding:10px 16px;font-size:.7rem;color:var(--text-muted);border-top:1px solid var(--border-color)}.status-link{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 16px;background:var(--input-bg);color:var(--accent-color);font-size:.85rem;font-weight:500;text-decoration:none;transition:all .2s ease}.status-link:hover{background:#8b5cf614}@media(max-width:600px){.status-label{display:none}.status-btn{padding:8px}.status-dropdown{width:calc(100vw - 32px);right:-8px}}.header{display:flex;justify-content:space-between;align-items:center;padding:16px 0;margin-bottom:24px;border-bottom:1px solid var(--border-color)}.header-left{display:flex;align-items:center}.logo{display:flex;align-items:center;gap:14px}.logo-icon{width:40px;height:40px}.logo svg{color:var(--accent-color)}.logo-text{display:flex;flex-direction:column}.logo-text h1{margin:0;font-size:1.4rem;font-weight:700;color:var(--text-primary);letter-spacing:-.5px;line-height:1.2}.agent-count{font-size:.75rem;color:var(--text-muted);font-weight:500}.header-right{display:flex;align-items:center;gap:12px}.header-divider{width:1px;height:28px;background:var(--border-color);margin:0 4px}.header-actions{display:flex;align-items:center;gap:8px}.icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--input-bg);border:1px solid var(--border-color);border-radius:10px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.icon-btn:hover{background:var(--card-bg);color:var(--accent-color);border-color:var(--accent-color)}.create-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--accent-color);border:none;border-radius:10px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px var(--accent-shadow)}.create-btn:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px var(--accent-shadow)}.user-menu{display:flex;align-items:center;gap:10px;padding-left:12px;margin-left:4px;border-left:1px solid var(--border-color)}.user-name{font-size:.85rem;font-weight:600;color:var(--text-primary)}.logout-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.logout-btn:hover{background:#f871711a;border-color:#f87171;color:#f87171}@media(max-width:768px){.header{flex-direction:column;gap:16px;align-items:stretch}.header-right{justify-content:flex-end;flex-wrap:wrap;gap:8px}.header-divider,.create-btn span{display:none}.create-btn{padding:10px;min-width:40px;justify-content:center}.user-name{display:none}.user-menu{padding-left:0;margin-left:0;border-left:none}}.filter-panel{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:16px 20px;margin-bottom:24px;display:flex;flex-direction:column;gap:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tiles-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.filter-groups{display:flex;align-items:flex-end;gap:0;flex:1}.filter-group-section{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:0 20px}.filter-group-section:first-child{padding-left:0}.filter-group-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);white-space:nowrap;padding-left:4px}.filter-group-tiles{display:flex;gap:6px}.group-separator{width:1px;height:52px;background:var(--border-color);flex-shrink:0}.status-tile{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--input-bg);border:1px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease;min-width:0}.status-tile:hover:not(:disabled){background:var(--card-bg);border-color:var(--border-color)}.status-tile:disabled{cursor:default;opacity:.8}.status-tile.active{border-color:var(--accent-color);background:#8b5cf60f}.status-tile.active .tile-count{color:var(--accent-color)}.tile-count{font-size:1rem;font-weight:700;color:var(--text-primary);line-height:1}.tile-name{font-size:.7rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-tile.tbd svg{color:#a78bfa}.status-tile.not-started svg{color:#a1a1aa}.status-tile.active-status svg{color:#4ade80}.status-tile.expired svg{color:#f87171}.status-tile.week svg{color:#2dd4bf}.status-tile.overdue svg{color:#fbbf24}.status-tile.my-agents svg{color:#3b82f6}.status-tile.all-agents svg{color:#64748b}.status-tile.my-agents.active{background:linear-gradient(135deg,#3b82f61f,#6366f114);border-color:#3b82f6}.status-tile.my-agents.active .tile-count{color:#3b82f6}.status-tile.overdue.alert{background:#fbbf2414;border-color:#fbbf2433}.status-tile.overdue.alert .tile-count{color:#fbbf24}.tiles-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.compact-btn{display:flex;align-items:center;justify-content:center;gap:5px;padding:6px 10px;background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap}.compact-btn:hover{border-color:var(--accent-color);color:var(--text-primary);background:#8b5cf60a}.compact-btn.filters-toggle{min-width:80px}.compact-btn.filters-toggle.open,.compact-btn.filters-toggle.has-filters{border-color:var(--accent-color);color:var(--accent-color);background:#8b5cf60f}.filter-count{display:flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;background:var(--accent-color);color:#fff;font-size:.6rem;font-weight:700;border-radius:8px}.compact-btn.reset-btn{padding:6px 8px}.compact-btn.reset-btn:hover{background:#ef444414;border-color:#ef44444d;color:#ef4444}.compact-btn.save-btn{padding:6px 8px}.compact-btn.save-btn:hover:not(:disabled){background:var(--secondary-accent);border-color:transparent;color:#fff}.compact-btn.save-btn.saved,.compact-btn.save-btn.is-saved{background:#14b8a614;border-color:#14b8a64d;color:#14b8a6}.results-counter{display:flex;align-items:center;gap:5px;padding:5px 10px;background:var(--input-bg);border:1px solid var(--border-color);border-radius:6px;font-size:.72rem;color:var(--text-muted);white-space:nowrap}.results-counter strong{color:var(--text-primary);font-weight:700;font-variant-numeric:tabular-nums}.results-counter.saved{background:#14b8a60f;border-color:#14b8a633}.results-counter.saved svg{color:#14b8a6}.filters-collapsible{display:flex;flex-direction:column;gap:10px;padding-top:10px;margin-top:10px;border-top:1px solid var(--border-color);animation:slideDown .15s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.filters-row{display:flex;gap:12px;align-items:center}.search-group{display:flex;gap:8px;flex:1}.search-input{position:relative;display:flex;align-items:center;flex:1;max-width:200px}.search-input>svg:first-child{position:absolute;left:10px;color:var(--text-muted);pointer-events:none;width:14px;height:14px}.search-input input{width:100%;padding:7px 30px 7px 32px;background:var(--input-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.8rem;font-family:inherit;transition:all .15s ease}.search-input input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-shadow)}.search-input input::placeholder{color:var(--text-muted);font-size:.75rem}.input-clear{position:absolute;right:8px;display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:var(--text-muted);border:none;border-radius:50%;color:var(--card-bg);cursor:pointer;transition:all .15s ease}.input-clear:hover{background:#ef4444}.all-filters-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:10px}.filter-item{display:flex;flex-direction:column;gap:4px}.filter-item label{display:flex;align-items:center;gap:5px;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.filter-item select{padding:7px 26px 7px 10px;background:var(--input-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.8rem;font-family:inherit;cursor:pointer;transition:all .15s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.filter-item select:focus{outline:none;border-color:var(--accent-color)}.filter-item select.has-value{border-color:var(--accent-color);background-color:#8b5cf60a}@media(max-width:1400px){.filter-group-section{padding:0 12px}.status-tile{padding:5px 8px}.tile-count{font-size:.8rem}.tile-name{font-size:.6rem;max-width:50px}.filter-group-label{display:none}}@media(max-width:1200px){.tiles-row{flex-wrap:wrap;gap:10px}.filter-groups{flex-wrap:wrap;gap:8px}.group-separator{display:none}.filter-group-section{padding:8px 10px;background:var(--input-bg);border-radius:8px;border:1px solid var(--border-color);gap:6px}.filter-group-section:first-child{padding-left:10px}}@media(max-width:900px){.filter-panel{padding:8px 12px}.tiles-row{flex-direction:column;align-items:stretch;gap:10px}.filter-groups{order:1;flex-direction:column;align-items:stretch}.filter-group-section{width:100%;justify-content:flex-start;flex-direction:row}.filter-group-tiles{flex:1;flex-wrap:wrap}.status-tile{flex:1;min-width:70px}.tiles-actions{order:2;justify-content:flex-end}.filters-row{flex-direction:column;align-items:stretch}.search-group{width:100%}.search-input{max-width:none}.all-filters-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.filter-panel{padding:8px 12px;margin-bottom:16px}.filter-group-tiles{gap:4px}.status-tile{padding:5px 6px;flex-direction:column;align-items:center;text-align:center;gap:2px}.status-tile svg{width:14px;height:14px}.tile-count{font-size:.75rem}.tile-name{font-size:.55rem;max-width:48px}.search-group{flex-direction:column;gap:6px}.tiles-actions{flex-wrap:wrap;gap:5px}.compact-btn{padding:5px 8px;font-size:.7rem}.results-counter{font-size:.65rem;padding:4px 8px}.all-filters-grid{grid-template-columns:repeat(2,1fr);gap:8px}}@media(max-width:480px){.filter-group-section{flex-direction:column;align-items:flex-start;gap:8px}.filter-group-tiles{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.status-tile{min-width:0}.tech-filters{grid-template-columns:1fr}.compact-btn.filters-toggle{min-width:auto}.compact-btn.filters-toggle span:not(.filter-count){display:none}}.chip{display:inline-flex;align-items:center;padding:5px 12px;border-radius:6px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.chip-active{background:#4ade8026;color:#22c55e}.chip-expired{background:#f8717126;color:#ef4444}.chip-not-started,.chip-imported{background:#a1a1aa26;color:#71717a}.chip-tbd{background:#a78bfa26;color:#8b5cf6}.chip-demo{background:#a78bfa26;color:#a78bfa}.chip-golive{background:#fbbf2426;color:#d97706}.chip-poc{background:#2dd4bf26;color:#14b8a6}.chip-prod{background:#38bdf826;color:#0284c7}.table-wrapper{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;overflow:visible;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.table-search-bar{display:flex;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid var(--border-color);background:var(--table-header-bg);border-radius:16px 16px 0 0}.search-input-wrapper{position:relative;flex:1;max-width:400px}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.table-search-input{width:100%;padding:10px 40px 10px 44px;background:var(--input-bg);border:1px solid var(--border-color);border-radius:10px;font-size:.875rem;color:var(--text-primary);font-family:inherit;transition:all .2s ease}.table-search-input::placeholder{color:var(--text-muted)}.table-search-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #8b5cf61a}.search-clear-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--badge-bg);border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.search-clear-btn:hover{background:var(--border-color);color:var(--text-primary)}.search-results-count{font-size:.8rem;color:var(--text-muted);white-space:nowrap}.agents-table{width:100%;border-collapse:collapse;font-size:.875rem;border-radius:16px}.agents-table thead{background:var(--table-header-bg);border-bottom:1px solid var(--border-color)}.agents-table th{padding:14px 16px;text-align:left;font-weight:600;font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);white-space:nowrap}.agents-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .15s ease}.agents-table th.sortable:hover{color:var(--text-primary);background:var(--table-row-hover)}.agents-table th .th-content{display:inline-flex;align-items:center;gap:6px}.sort-icon{opacity:.4;transition:all .15s ease}.sort-icon.active{opacity:1;color:var(--accent-color)}.agents-table th.sortable:hover .sort-icon.inactive{opacity:.7}.agents-table tbody tr{border-bottom:1px solid var(--border-color);transition:background .2s ease}.agents-table tbody tr:last-child{border-bottom:none}.agents-table tbody tr:hover{background:var(--table-row-hover)}.agents-table tbody tr.clickable-row{cursor:pointer}.agents-table td{padding:14px 16px;color:var(--text-primary);vertical-align:middle}.cell-nome{min-width:140px}.nome-value{font-weight:600;color:var(--text-primary)}.cell-cliente{min-width:140px}.cliente-name{color:var(--text-secondary)}.link-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#8b5cf61a;color:var(--accent-color);border-radius:8px;text-decoration:none;font-size:.75rem;font-weight:500;transition:all .2s ease}.link-btn:hover{background:#8b5cf62e;color:var(--accent-hover)}.no-value{color:var(--text-muted)}.numero-cell{display:flex;align-items:center;gap:8px}.numero-cell svg{color:var(--accent-color);opacity:.7;flex-shrink:0}.numero-value{padding:6px 10px;background:var(--code-bg);border-radius:6px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.75rem;color:var(--text-primary);letter-spacing:.3px}.copy-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.copy-btn:hover{background:var(--table-row-hover);color:var(--accent-color);border-color:var(--accent-color)}.copy-btn.copied{background:#4ade801a;color:#4ade80;border-color:#4ade80}.code-value{padding:4px 8px;background:var(--code-bg);border-radius:6px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.75rem;color:var(--accent-color)}.tenant-value{padding:4px 8px;background:var(--code-bg);border-radius:6px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.75rem;color:var(--text-secondary)}.email-cell{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:.8rem}.email-cell svg{color:var(--text-muted);flex-shrink:0}.date-cell{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:.8rem;white-space:nowrap}.date-cell svg{color:var(--text-muted);flex-shrink:0}.ambiente-badge{padding:4px 10px;background:var(--badge-bg);border-radius:6px;font-size:.75rem;font-weight:500;color:var(--text-secondary)}.last-update{font-size:.75rem;color:var(--text-muted)}.action-menu-container{position:relative}.action-menu-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid var(--border-color);border-radius:10px;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.action-menu-btn:hover{background:var(--input-bg);color:var(--text-primary)}.action-menu-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 24px #0000001a;overflow:hidden;z-index:100;min-width:180px;white-space:nowrap;animation:dropdownFade .15s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;background:transparent;border:none;color:var(--text-primary);font-size:.85rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .15s ease;text-align:left}.menu-item:hover{background:var(--input-bg)}.menu-item.renew{color:#2dd4bf}.menu-item.renew:hover{background:#2dd4bf1a}.menu-item.delete{color:var(--danger-color)}.menu-item.delete:hover{background:#f871711a}.modality-icons{display:flex;align-items:center;gap:6px}.modality-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;transition:all .2s ease;cursor:default}.modality-icon.voice{color:#2dd4bf;background:#2dd4bf1a}.modality-icon.chat{color:#a78bfa;background:#a78bfa1a}.modality-icon.email{color:#fbbf24;background:#fbbf241a}.modality-icon.observer{color:#60a5fa;background:#60a5fa1a}.modality-icon.backoffice{color:#f472b6;background:#f472b61a}.table-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:80px 20px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;color:var(--text-secondary)}.spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}.table-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;text-align:center}.empty-icon{font-size:48px;margin-bottom:16px}.table-empty h3{margin:0 0 8px;color:var(--text-primary);font-size:1.125rem}.table-empty p{margin:0;color:var(--text-secondary);font-size:.875rem}@media(max-width:768px){.table-wrapper{overflow-x:auto}.agents-table{min-width:600px}}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}.modal-content{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;width:100%;max-width:550px;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s ease;position:relative}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid var(--border-color);position:sticky;top:0;background:var(--card-bg);z-index:10;border-radius:20px 20px 0 0;flex-shrink:0}.modal-body{overflow-y:auto;flex:1}.modal-header h2{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid var(--border-color);border-radius:10px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.close-btn:hover{background:var(--danger-color);border-color:var(--danger-color);color:#fff}.modal-form{padding:28px;display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}.form-group textarea{resize:vertical;min-height:80px}.code-input{font-family:JetBrains Mono,Fira Code,monospace;font-size:1rem!important;font-weight:600;letter-spacing:2px;text-align:center;background:var(--code-bg)!important}.regenerate-btn{display:flex;align-items:center;justify-content:center;width:44px;background:var(--accent-color);border:none;border-radius:10px;color:#fff;cursor:pointer;transition:all .2s ease}.regenerate-btn:hover{background:var(--accent-hover);transform:rotate(180deg)}.calculated-field{padding:12px 14px;background:var(--code-bg);border:1px solid var(--border-color);border-radius:10px;color:var(--text-secondary);font-size:.9rem;font-weight:500}.info-box{padding:16px;background:var(--input-bg);border:1px solid var(--border-color);border-radius:12px;font-size:.8rem;color:var(--text-secondary);line-height:1.6}.info-box strong{color:var(--accent-color)}.info-box ul{margin:8px 0 0;padding-left:20px}.info-box li{margin:4px 0}.form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:8px;border-top:1px solid var(--border-color);margin-top:8px}.cancel-btn{padding:12px 24px;background:transparent;border:1px solid var(--border-color);border-radius:10px;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.submit-btn{padding:12px 28px;background:var(--accent-color);border:none;border-radius:10px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.submit-btn:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 16px var(--accent-shadow)}.date-input-calendar{font-family:inherit;cursor:pointer}.date-input-calendar::-webkit-calendar-picker-indicator{cursor:pointer;padding:4px;margin-left:4px;border-radius:4px;background-color:var(--accent-color);filter:invert(1);transition:all .2s ease}.date-input-calendar::-webkit-calendar-picker-indicator:hover{background-color:var(--accent-hover);transform:scale(1.1)}.form-section{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--input-bg);border:1px solid var(--border-color);border-radius:12px}.section-label{display:flex;align-items:center;gap:8px;font-weight:600;font-size:.85rem;color:var(--text-primary)}.number-type-toggle{display:flex;gap:8px;margin-bottom:16px}.toggle-btn{flex:1;padding:10px 16px;border:1px solid var(--border-color);background:var(--card-bg);border-radius:8px;font-size:.85rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.toggle-btn:hover{border-color:var(--accent-color);color:var(--text-primary)}.toggle-btn.active{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.demo-number-field{display:flex;align-items:center;gap:12px}.demo-number-preview{flex:1;display:flex;align-items:center;padding:12px 16px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;font-family:SF Mono,Monaco,Menlo,monospace;font-size:.9rem}.demo-code{color:var(--accent-color);font-weight:600}.phone-input{width:100%;padding:12px 16px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;font-size:.9rem;color:var(--text-primary);transition:all .2s ease}.phone-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-shadow)}.preview-call{margin-top:8px;padding:10px 14px;background:linear-gradient(135deg,#10b9811a,#10b9810d);border:1px solid rgba(16,185,129,.2);border-radius:8px;font-size:.85rem;color:var(--text-secondary)}.preview-call code{font-family:SF Mono,Monaco,Menlo,monospace;color:#10b981;font-weight:600}.agent-mode-selector{display:flex;gap:10px}.mode-option span{font-size:.8rem;font-weight:600}.modality-label{margin-top:8px}.modality-toggles{display:flex;gap:10px}.modality-toggle{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 12px;border:2px solid var(--border-color);background:var(--card-bg);border-radius:12px;cursor:pointer;transition:all .2s ease;color:var(--text-secondary)}.modality-toggle input{display:none}.modality-toggle span{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.modality-toggle:hover{border-color:var(--accent-color);color:var(--text-primary)}.modality-toggle.active{border-color:var(--accent-color);background:linear-gradient(135deg,#6366f11a,#8b5cf61a);color:var(--accent-color)}@media(max-width:500px){.form-row{grid-template-columns:1fr}.modality-toggles{flex-wrap:wrap}.modality-toggle{flex:1 1 calc(50% - 10px);min-width:100px}}.detail-modal-content{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s ease}.detail-modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid var(--border-color);gap:16px;position:sticky;top:0;background:var(--card-bg);z-index:10;border-radius:20px 20px 0 0;flex-shrink:0}.detail-modal-body{overflow-y:auto;flex:1;padding:0}.imported-banner{margin:16px 28px 0;padding:16px;background:linear-gradient(135deg,#8b5cf626,#a78bfa1a);border:1px solid rgba(139,92,246,.3);border-radius:12px;animation:pulse-import 2s ease-in-out infinite}@keyframes pulse-import{0%,to{opacity:1}50%{opacity:.85}}.imported-banner-content{display:flex;align-items:flex-start;gap:12px}.imported-icon{font-size:1.5rem}.imported-text{flex:1}.imported-text strong{display:block;font-size:.95rem;color:#8b5cf6;margin-bottom:4px}.imported-text p{margin:0;font-size:.85rem;color:var(--text-secondary)}.last-sync-banner{display:flex;align-items:center;gap:8px;margin:12px 28px 0;padding:10px 14px;background:linear-gradient(135deg,#3b82f61a,#3b82f60d);border:1px solid rgba(59,130,246,.2);border-radius:8px;font-size:.8rem;color:#3b82f6}.last-sync-banner svg{flex-shrink:0}.detail-modal-content .modal-header h2{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-primary);flex-shrink:0}.modal-header-actions{display:flex;align-items:center;gap:12px;flex-wrap:nowrap}.save-btn{display:flex;align-items:center;gap:6px;padding:10px 18px;background:var(--accent-color);border:none;border-radius:10px;color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.save-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.detail-form{padding:0 28px 28px;display:flex;flex-direction:column;gap:8px}.detail-section{padding:20px 0;border-bottom:1px solid var(--border-color)}.detail-section:last-of-type{border-bottom:none}.detail-section h3{margin:0 0 16px;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--accent-color)}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px}.form-row:last-child{margin-bottom:0}.form-row.three-cols{grid-template-columns:repeat(3,1fr)}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.form-group input,.form-group select,.form-group textarea{padding:12px 14px;background:var(--input-bg);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:.9rem;transition:all .2s ease;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-shadow)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}.form-group textarea{resize:vertical;min-height:100px}.input-with-action{display:flex;gap:8px}.input-with-action input{flex:1}.link-action{display:flex;align-items:center;justify-content:center;width:44px;background:var(--accent-color);border-radius:10px;color:#fff;transition:all .2s ease}.link-action:hover{background:var(--accent-hover)}.last-update-info{padding:16px 0 0;font-size:.8rem;color:var(--text-muted);text-align:right}.date-input-it{font-family:SF Mono,Monaco,Menlo,monospace;letter-spacing:.5px}.date-input-wrapper{position:relative;display:flex;align-items:center}.date-display-input{width:100%;padding:12px 40px 12px 14px;font-size:.9rem;border:1px solid var(--border-color);border-radius:10px;background:var(--input-bg);color:var(--text-primary);cursor:pointer;transition:all .2s ease}.date-display-input:hover{border-color:var(--accent-color)}.date-display-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #6366f11a}.date-display-input::placeholder{color:var(--text-muted)}.date-hidden-picker{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:28px;height:28px;opacity:0;cursor:pointer}.date-input-wrapper:after{content:"📅";position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:1rem;pointer-events:none}.detail-section h3{display:flex;align-items:center;gap:8px}.number-type-toggle-detail{display:flex;gap:4px;background:var(--input-bg);border-radius:8px;padding:4px;margin-bottom:16px}.toggle-btn-detail{flex:1;padding:8px 16px;border:none;background:transparent;border-radius:6px;font-size:.85rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.toggle-btn-detail:hover{color:var(--text-primary)}.toggle-btn-detail.active{background:var(--accent-color);color:#fff}.demo-number-display{display:flex;align-items:center;padding:0 12px;background:var(--input-bg);border:1px solid var(--border-color);border-radius:10px;font-family:SF Mono,Monaco,Menlo,monospace;font-size:.9rem}.demo-prefix,.demo-suffix{color:var(--text-muted)}.demo-code-input{width:60px;padding:12px 4px;border:none;background:transparent;color:var(--accent-color);font-family:inherit;font-size:inherit;font-weight:600;text-align:center}.demo-code-input:focus{outline:none}.modality-toggles-detail{display:flex;gap:12px}.modality-toggle-detail{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;border:2px solid var(--border-color);background:var(--card-bg);border-radius:12px;cursor:pointer;transition:all .2s ease;color:var(--text-secondary)}.modality-toggle-detail input{display:none}.modality-toggle-detail span{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.modality-toggle-detail:hover{border-color:var(--accent-color);color:var(--text-primary)}.modality-toggle-detail.active{border-color:var(--accent-color);background:linear-gradient(135deg,#6366f11a,#8b5cf61a);color:var(--accent-color)}.agent-mode-selector{display:flex;gap:12px;margin-bottom:16px}.mode-option{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 12px;border:2px solid var(--border-color);background:var(--card-bg);border-radius:12px;cursor:pointer;transition:all .2s ease;color:var(--text-secondary)}.mode-option input{display:none}.mode-option span{font-size:.85rem;font-weight:600}.mode-option:hover{border-color:var(--accent-color);color:var(--text-primary)}.mode-option.active{border-color:var(--accent-color);background:linear-gradient(135deg,#6366f11a,#8b5cf61a);color:var(--accent-color)}.modality-subtitle{margin:0 0 12px;font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.call-preview{margin-top:12px;padding:12px 16px;background:linear-gradient(135deg,#10b9811a,#10b9810d);border:1px solid rgba(16,185,129,.2);border-radius:10px;display:flex;align-items:center;gap:10px}.call-preview .preview-label{font-size:.85rem;color:var(--text-secondary)}.call-preview .preview-number{font-family:SF Mono,Monaco,Menlo,monospace;color:#10b981;font-weight:600;font-size:.95rem}.technical-section{background:linear-gradient(135deg,#3b82f60d,#6366f108);border:1px solid rgba(59,130,246,.15);border-radius:12px;padding:16px!important;margin-top:8px}.section-header-expandable{display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none}.section-header-expandable h3{display:flex;align-items:center;gap:8px;margin:0;color:#3b82f6}.section-actions{display:flex;align-items:center;gap:8px;color:var(--text-secondary)}.sync-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:8px;color:#3b82f6;cursor:pointer;transition:all .2s ease}.sync-btn:hover:not(:disabled){background:#3b82f633}.sync-btn:disabled{opacity:.6;cursor:not-allowed}.settings-error{margin-top:12px;padding:10px 14px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#ef4444;font-size:.85rem}.technical-info-content{margin-top:16px}.tech-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.tech-info-item{display:flex;flex-direction:column;gap:4px}.tech-info-item.full-width{grid-column:1 / -1}.tech-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.tech-value{font-size:.9rem;color:var(--text-primary);word-break:break-word}.tech-value.small{font-size:.85rem;line-height:1.4}.tech-subsection{margin-top:16px;padding-top:16px;border-top:1px solid rgba(59,130,246,.1)}.tech-subsection h4{margin:0 0 12px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#3b82f6}.config-json{background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;padding:12px;font-family:SF Mono,Monaco,Menlo,monospace;font-size:.75rem;line-height:1.5;color:var(--text-secondary);overflow-x:auto;max-height:200px;overflow-y:auto;margin:0;white-space:pre-wrap;word-break:break-word}.voice-config-display{display:flex;flex-direction:column;gap:12px}.voice-primary{background:linear-gradient(135deg,#10b98114,#10b98105);border:1px solid rgba(16,185,129,.2);border-radius:10px;padding:14px}.voice-provider-badge{display:flex;align-items:center;gap:8px;margin-bottom:10px}.provider-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.provider-name{font-size:.95rem;font-weight:700;color:#10b981;text-transform:capitalize}.voice-details{display:flex;flex-wrap:wrap;gap:8px}.voice-detail-item{display:flex;align-items:center;gap:4px;background:var(--input-bg);padding:4px 10px;border-radius:6px;font-size:.8rem}.detail-key{color:var(--text-muted)}.detail-value{color:var(--text-primary);font-family:SF Mono,Monaco,Menlo,monospace;font-size:.75rem}.voice-backup-section{padding:10px;background:var(--input-bg);border-radius:8px}.backup-status{font-size:.85rem;font-weight:500;padding:6px 0}.backup-status.has-backup{color:#10b981}.backup-status.no-backup{color:#f59e0b}.backup-voices-list{margin-top:10px;display:flex;flex-direction:column;gap:8px}.backup-voice-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:10px 12px}.backup-provider{font-weight:600;color:#6366f1;text-transform:capitalize;font-size:.85rem}.backup-details{margin-top:6px;display:flex;flex-wrap:wrap;gap:6px}.backup-detail{font-size:.75rem;color:var(--text-secondary);background:var(--input-bg);padding:2px 8px;border-radius:4px;font-family:SF Mono,Monaco,Menlo,monospace}.phone-numbers-list{display:flex;flex-direction:column;gap:10px}.phone-number-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;transition:all .2s ease}.phone-number-item:hover{border-color:var(--accent-color);background:#6366f105}.phone-number-info{display:flex;align-items:center;gap:10px;flex:1;flex-wrap:wrap}.phone-number-info svg{color:var(--text-muted);flex-shrink:0}.phone-details{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.phone-detail{font-size:.75rem;color:var(--text-secondary);background:var(--input-bg);padding:2px 8px;border-radius:4px}.phone-number{font-family:SF Mono,Monaco,Menlo,monospace;font-size:.95rem;font-weight:600;color:var(--text-primary)}.phone-name{font-size:.85rem;color:var(--text-secondary)}.phone-type.badge{padding:2px 8px;background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;font-size:.7rem;font-weight:600;border-radius:4px;text-transform:uppercase}.current-direct-badge{padding:4px 10px;background:linear-gradient(135deg,#10b98126,#10b9811a);border:1px solid rgba(16,185,129,.3);color:#10b981;font-size:.7rem;font-weight:600;border-radius:6px;text-transform:uppercase}.set-direct-number-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.set-direct-number-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.set-direct-number-btn svg{color:#fff}.eot-config-display{display:flex;flex-direction:column;gap:12px}.eot-status{display:flex;align-items:center;gap:8px}.eot-badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:6px;font-size:.8rem;font-weight:600}.eot-badge.enabled{background:#10b98126;color:#10b981}.eot-badge.disabled{background:#ef444426;color:#ef4444}.eot-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;padding:12px;background:var(--input-bg);border-radius:8px}.eot-detail-item{display:flex;flex-direction:column;gap:2px}.eot-detail-item .label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.eot-detail-item .value{font-size:.9rem;font-weight:600;color:var(--text-primary)}.last-sync-info{margin-top:16px;padding-top:12px;border-top:1px solid rgba(59,130,246,.1);font-size:.75rem;color:var(--text-muted);text-align:right}.no-settings-info{margin-top:16px;text-align:center;padding:20px}.no-settings-info p{margin:0 0 12px;color:var(--text-secondary);font-size:.9rem}.fetch-settings-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:linear-gradient(135deg,#3b82f6,#6366f1);border:none;border-radius:10px;color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.fetch-settings-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.associate-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:10px;color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0;min-width:fit-content}.associate-btn.create-btn{background:linear-gradient(135deg,#7c3aed,#a855f7)}.associate-btn.import-btn{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.associate-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #a855f74d}.associate-btn.import-btn:hover{box-shadow:0 4px 12px #3b82f64d}.create-tabs{display:flex;gap:8px;margin-bottom:16px;padding:4px;background:var(--input-bg);border-radius:10px}.create-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.create-tab:hover{color:var(--text-primary);background:#0000000d}[data-theme=dark] .create-tab:hover{background:#ffffff0d}.create-tab.active{background:#fff;color:var(--accent-color);box-shadow:0 2px 8px #0000001a}[data-theme=dark] .create-tab.active{background:var(--card-bg)}.import-form h4 svg{color:#3b82f6!important}.import-form{background:linear-gradient(135deg,#3b82f614,#60a5fa0d)!important;border-color:#3b82f633!important}.associated-badge{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#22c55e26;border:1px solid rgba(34,197,94,.3);border-radius:8px;color:#22c55e;font-size:.8rem;font-weight:600}.detach-btn{display:flex;align-items:center;justify-content:center;padding:8px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;cursor:pointer;transition:all .2s ease}.detach-btn:hover{background:#ef444433;border-color:#ef444480}.detach-confirm-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1100}.detach-confirm-dialog{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:24px;max-width:400px;width:90%;box-shadow:0 20px 60px #0000004d}.detach-confirm-dialog h4{margin:0 0 12px;color:var(--text-primary);font-size:1.1rem}.detach-confirm-dialog p{margin:0 0 8px;color:var(--text-secondary);font-size:.9rem}.detach-warning{color:#ef4444!important;font-weight:500}.detach-confirm-actions{display:flex;gap:12px;margin-top:20px;justify-content:flex-end}.confirm-detach-btn{display:flex;align-items:center;gap:6px;padding:10px 18px;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.confirm-detach-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.confirm-detach-btn:disabled{opacity:.6;cursor:not-allowed}.associate-form-container{padding:0 28px;margin-bottom:16px}.associate-form{background:linear-gradient(135deg,#7c3aed14,#a855f70d);border:1px solid rgba(168,85,247,.2);border-radius:16px;padding:20px}.associate-form h4{display:flex;align-items:center;gap:10px;margin:0 0 8px;font-size:1rem;font-weight:700;color:var(--text-primary)}.associate-form h4 svg{color:#a855f7}.associate-description{margin:0 0 16px;font-size:.85rem;color:var(--text-secondary)}.associate-input-row{display:flex;gap:12px;margin-bottom:16px}.associate-link-input{flex:1;padding:12px 16px;background:var(--input-bg);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:.9rem;transition:all .2s ease}.associate-link-input:focus{outline:none;border-color:#a855f7;box-shadow:0 0 0 3px #a855f726}.associate-link-input::placeholder{color:var(--text-muted);font-size:.85rem}.extract-btn{padding:12px 20px;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:10px;color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.extract-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #a855f74d}.extract-btn:disabled{opacity:.6;cursor:not-allowed}.associate-error{margin-top:12px;padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:10px;color:#ef4444;font-size:.85rem}.extracted-data-preview{margin-top:20px;padding-top:20px;border-top:1px solid rgba(168,85,247,.2)}.extracted-data-preview h5{margin:0 0 16px;font-size:.9rem;font-weight:700;color:var(--text-primary)}.extracted-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.extracted-item{display:flex;flex-direction:column;gap:4px}.extracted-item .label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.extracted-item .value{font-size:.9rem;color:var(--text-primary);word-break:break-word}.extracted-note{margin:0 0 16px;padding:10px 14px;background:#a855f71a;border-left:3px solid var(--accent-color);border-radius:0 8px 8px 0;font-size:.8rem;color:var(--text-secondary)}.extracted-note strong{color:var(--accent-color)}.extracted-section{margin-top:12px;padding:12px;background:#00000008;border-radius:10px}[data-theme=dark] .extracted-section{background:#ffffff08}.extracted-section .section-label{display:block;margin-bottom:12px;font-size:.8rem;font-weight:600;color:var(--text-secondary)}.extracted-section .extracted-grid{margin-bottom:0}.create-agent-preview{margin-bottom:20px;padding:16px;background:#00000008;border-radius:12px}[data-theme=dark] .create-agent-preview{background:#ffffff08}.create-agent-preview h5{margin:0 0 12px;font-size:.85rem;font-weight:700;color:var(--text-primary)}.preview-grid{display:flex;flex-direction:column;gap:10px}.preview-item{display:flex;gap:8px}.preview-item .label{font-size:.8rem;font-weight:600;color:var(--text-muted);min-width:150px}.preview-item .value{font-size:.85rem;color:var(--text-primary)}.create-agent-form{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.create-agent-form .form-group{display:flex;flex-direction:column;gap:8px}.create-agent-form label{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.create-select{padding:12px 14px;background:var(--input-bg);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:all .2s ease}.create-select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-shadow)}.create-textarea{width:100%;padding:12px 14px;background:var(--input-bg);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:.9rem;font-family:inherit;resize:vertical;transition:all .2s ease}.create-textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-shadow)}.gender-selector{display:flex;gap:12px}.gender-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;background:var(--input-bg);border:2px solid var(--border-color);border-radius:12px;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.gender-btn:hover{border-color:var(--accent-color)}.gender-btn.active{border-color:var(--accent-color);background:#a855f71a;color:var(--accent-color)}.voice-config-section{background:#3b82f60d;border:1px solid rgba(59,130,246,.2);border-radius:12px;padding:16px;margin-top:8px}.voice-config-section>label{display:block;margin-bottom:12px;font-weight:600;color:var(--text-primary)}.voice-config-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.voice-field{display:flex;flex-direction:column;gap:6px}.voice-field label{font-size:.8rem;color:var(--text-secondary);font-weight:500}.voice-field input,.voice-field select{padding:10px 14px;background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.9rem}.voice-field input:focus,.voice-field select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-shadow)}.voice-config-section .field-hint{display:block;margin-top:12px;font-size:.75rem;color:var(--text-tertiary);background:#22c55e1a;padding:8px 12px;border-radius:6px;border-left:3px solid #22c55e}.associate-warning{padding:12px 16px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:10px;color:#f59e0b;font-size:.85rem;margin-bottom:16px}.associate-actions{display:flex;gap:12px;justify-content:flex-end}.cancel-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.confirm-associate-btn{padding:10px 20px;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:10px;color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.confirm-associate-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}.confirm-associate-btn:disabled{opacity:.6;cursor:not-allowed}.spin{animation:spin 1s linear infinite}@media(max-width:600px){.form-row,.form-row.three-cols{grid-template-columns:1fr}.associate-input-row{flex-direction:column}.extracted-grid{grid-template-columns:1fr}.modal-header-actions{flex-wrap:wrap;gap:8px}.detail-modal-content .modal-header{flex-wrap:wrap}}.section-header-with-action{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-header-with-action h3{display:flex;align-items:center;gap:8px;margin:0}.add-team-member-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--accent-color);border:none;border-radius:8px;color:#fff;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.add-team-member-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.empty-team{padding:24px;text-align:center;background:var(--input-bg);border-radius:12px;border:2px dashed var(--border-color)}.empty-team p{margin:0;color:var(--text-muted);font-size:.9rem}.team-list{display:flex;flex-direction:column;gap:12px}.team-member-row{display:flex;align-items:center;gap:12px;padding:12px;background:var(--input-bg);border:1px solid var(--border-color);border-radius:12px;transition:all .2s ease}.team-member-row:hover{border-color:var(--accent-color)}.team-member-fields{flex:1;display:flex;gap:12px}.team-member-select{flex:1.5;padding:10px 12px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.9rem;transition:all .2s ease;cursor:pointer}.team-member-select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-shadow)}.team-member-name{flex:1.5;padding:10px 12px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.9rem;transition:all .2s ease}.team-member-role{flex:1;padding:10px 12px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.9rem;transition:all .2s ease}.team-member-name:focus,.team-member-role:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-shadow)}.team-member-name::placeholder,.team-member-role::placeholder{color:var(--text-muted)}.remove-team-member-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-muted);cursor:pointer;transition:all .2s ease;flex-shrink:0}.remove-team-member-btn:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}@media(max-width:600px){.team-member-fields{flex-direction:column;gap:8px}.team-member-select,.team-member-name,.team-member-role{flex:1}}.settings-modal-content{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;width:100%;max-width:650px;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s ease;position:relative}.settings-modal-content .modal-header{position:sticky;top:0;background:var(--card-bg);z-index:10;border-radius:20px 20px 0 0;flex-shrink:0}.settings-modal-body{overflow-y:auto;flex:1}.unsaved-indicator{background:var(--warning-bg, rgba(255, 193, 7, .1));color:var(--warning-color, #ffc107);padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:500}.unsaved-confirm-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:20;border-radius:20px}.settings-tabs{display:flex;gap:4px;padding:0 28px;border-bottom:1px solid var(--border-color)}.settings-tabs .tab{display:flex;align-items:center;gap:8px;padding:14px 20px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.settings-tabs .tab:hover{color:var(--text-primary)}.settings-tabs .tab.active{color:var(--accent-color);border-bottom-color:var(--accent-color)}.settings-form{padding:0 28px 28px}.settings-section{padding:20px 0}.section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.settings-section h3{margin:0 0 8px;font-size:1rem;font-weight:700;color:var(--text-primary)}.settings-description{margin:0;font-size:.85rem;color:var(--text-secondary);line-height:1.5}.settings-grid{display:flex;flex-direction:column;gap:16px;margin-top:20px}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--input-bg);border-radius:12px;border:1px solid var(--border-color)}.setting-item label{display:flex;flex-direction:column;gap:4px}.setting-label{font-size:.9rem;font-weight:600;color:var(--text-primary)}.setting-hint{font-size:.75rem;color:var(--text-muted)}.input-with-unit{display:flex;align-items:center;gap:8px}.input-with-unit input{width:80px;padding:10px 12px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.9rem;text-align:center;transition:all .2s ease}.input-with-unit input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-shadow)}.input-with-unit .unit{font-size:.85rem;color:var(--text-secondary)}.input-with-unit input.read-only{background:var(--input-bg);opacity:.7;cursor:not-allowed}.read-only-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#6b72801a;border:1px solid rgba(107,114,128,.2);border-radius:8px;color:var(--text-muted);font-size:.75rem;font-weight:500}.tipo-list{display:flex;flex-direction:column;gap:16px;margin-top:20px}.tipo-item{padding:20px;background:var(--input-bg);border:1px solid var(--border-color);border-radius:12px;transition:all .2s ease}.tipo-item:hover{border-color:var(--accent-color)}.tipo-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.tipo-badge{display:inline-flex;align-items:center;padding:6px 14px;border-radius:8px;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.tipo-badge.demo{background:linear-gradient(135deg,#3b82f626,#3b82f60d);color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.tipo-badge.golive{background:linear-gradient(135deg,#f59e0b26,#f59e0b0d);color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.tipo-badge.prod{background:linear-gradient(135deg,#22c55e26,#22c55e0d);color:#22c55e;border:1px solid rgba(34,197,94,.3)}.tipo-config{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;margin-bottom:8px}.tipo-config label{display:flex;flex-direction:column;gap:2px}.tipo-config .setting-label{font-size:.8rem;color:var(--text-secondary)}.tipo-description{margin:0;font-size:.8rem;color:var(--text-muted);font-style:italic}.tipo-name-edit{display:flex;align-items:center;gap:8px;flex:1}.tipo-name-edit .edit-icon{color:var(--text-muted);flex-shrink:0}.tipo-name-input{flex:1;padding:8px 12px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;font-size:.9rem;font-weight:600;color:var(--text-primary);transition:all .2s ease}.tipo-name-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-shadow)}.delete-tipo-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-muted);cursor:pointer;transition:all .2s ease;flex-shrink:0}.delete-tipo-btn:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.tipo-id-display{display:flex;align-items:center;gap:6px;margin-top:8px;padding-top:8px;border-top:1px dashed var(--border-color)}.tipo-id-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.tipo-id-value{font-size:.75rem;font-family:SF Mono,Monaco,Menlo,monospace;background:var(--input-bg);padding:2px 8px;border-radius:4px;color:var(--text-secondary)}.tipo-badge.custom{background:linear-gradient(135deg,#8b5cf626,#8b5cf60d);color:#8b5cf6;border:1px solid rgba(139,92,246,.3)}.tipo-badge.poc{background:linear-gradient(135deg,#f59e0b26,#f59e0b0d);color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.delete-type-dialog{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:24px;max-width:420px;box-shadow:0 8px 32px #0003}.delete-type-dialog h4{margin:0 0 12px;font-size:1.1rem;color:var(--text-primary);display:flex;align-items:center;gap:8px}.delete-type-dialog p{margin:0 0 12px;color:var(--text-secondary);font-size:.9rem}.delete-type-dialog p strong{color:var(--accent-color)}.remap-select{width:100%;padding:12px 14px;background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.9rem;margin-bottom:20px;cursor:pointer}.remap-select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-shadow)}.add-key-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--accent-color);border:none;border-radius:8px;color:#fff;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.add-key-btn:hover{background:var(--accent-hover)}.add-key-form{background:var(--input-bg);border:1px solid var(--border-color);border-radius:12px;padding:16px;margin-bottom:16px}.key-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.key-inputs input.full-width{grid-column:1 / -1}.key-inputs input{padding:10px 12px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.85rem}.key-inputs input:focus{outline:none;border-color:var(--accent-color)}.key-inputs input::placeholder{color:var(--text-muted)}.key-actions{display:flex;justify-content:flex-end;gap:8px}.key-actions button{padding:8px 16px;font-size:.8rem}.api-keys-list{display:flex;flex-direction:column;gap:8px}.no-keys{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;color:var(--text-muted);text-align:center}.no-keys p{margin:0;font-size:.9rem}.api-key-item{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:var(--input-bg);border:1px solid var(--border-color);border-radius:10px}.key-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.key-header{display:flex;align-items:center;gap:4px;font-family:JetBrains Mono,monospace;font-size:.9rem}.key-ambiente{color:var(--accent-color);font-weight:600}.key-separator{color:var(--text-muted)}.key-tenant{color:var(--text-secondary)}.key-url{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.key-item-actions{display:flex;gap:8px;flex-shrink:0}.import-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--accent-color);border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .2s ease}.import-btn:hover:not(:disabled){background:var(--accent-hover)}.import-btn:disabled{opacity:.6;cursor:not-allowed}.import-btn .spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.delete-key-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.delete-key-btn:hover{background:var(--danger-color);border-color:var(--danger-color);color:#fff}.form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:20px;border-top:1px solid var(--border-color)}.cancel-btn{padding:10px 20px;background:transparent;border:1px solid var(--border-color);border-radius:10px;color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-btn:hover{background:var(--input-bg);color:var(--text-primary)}.submit-btn{display:flex;align-items:center;gap:6px;padding:10px 20px;background:var(--accent-color);border:none;border-radius:10px;color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.submit-btn:hover{background:var(--accent-hover)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.loading-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-secondary);gap:12px}.loading-prompt .spin{animation:spin 1s linear infinite}.prompt-editor-container{margin-top:16px;border:1px solid var(--border-color);border-radius:12px;overflow:hidden;background:var(--input-bg)}.prompt-editor-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:#a855f714;border-bottom:1px solid var(--border-color)}.prompt-label{font-size:.8rem;font-weight:600;color:var(--accent-color);text-transform:uppercase;letter-spacing:.5px}.prompt-updated{font-size:.75rem;color:var(--text-muted)}.prompt-editor{width:100%;min-height:400px;padding:16px;background:var(--input-bg);border:none;color:var(--text-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;line-height:1.5;resize:vertical}.prompt-editor:focus{outline:none}.prompt-error{margin-top:12px;padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:.85rem}.prompt-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:16px}.prompt-help{margin-top:24px;padding:16px;background:#3b82f60d;border:1px solid rgba(59,130,246,.2);border-radius:12px}.prompt-help h4{margin:0 0 12px;color:var(--text-primary);font-size:.9rem}.prompt-help p{margin:0 0 8px;color:var(--text-secondary);font-size:.85rem}.prompt-help ul{margin:8px 0 12px;padding-left:24px;color:var(--text-secondary);font-size:.8rem}.prompt-help li{margin-bottom:4px}.prompt-help code{background:var(--input-bg);padding:2px 6px;border-radius:4px;font-family:Monaco,Menlo,monospace;font-size:.75rem;color:var(--accent-color)}.import-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.import-modal{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;width:100%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;animation:slideUp .3s ease;box-shadow:0 20px 60px #0000004d}.import-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color)}.import-modal-header h3{display:flex;align-items:center;gap:10px;margin:0;font-size:1.1rem;color:var(--text-primary)}.import-modal-body{flex:1;overflow-y:auto;padding:20px 24px}.import-search-bar{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--input-bg);border:1px solid var(--border-color);border-radius:10px;margin-bottom:16px;transition:all .2s ease}.import-search-bar:focus-within{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-shadow)}.import-search-bar .search-icon{color:var(--text-muted);flex-shrink:0}.import-search-input{flex:1;border:none;background:transparent;color:var(--text-primary);font-size:.9rem;outline:none}.import-search-input::placeholder{color:var(--text-muted)}.clear-search-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--border-color);border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.clear-search-btn:hover{background:var(--text-muted);color:#fff}.filtered-count{color:var(--accent-color);font-weight:500}.loading-agents{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-secondary);gap:12px}.import-stats{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--input-bg);border-radius:10px;font-size:.85rem;color:var(--text-secondary);margin-bottom:16px}.import-stats .separator{color:var(--text-muted)}.import-stats .imported-count{color:var(--success-color, #22c55e)}.import-stats .selected-count{color:var(--accent-color);font-weight:600}.import-actions-bar{display:flex;gap:8px;margin-bottom:16px}.select-all-btn,.deselect-btn{padding:8px 14px;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:all .2s ease}.select-all-btn:hover,.deselect-btn:hover{background:var(--input-bg);color:var(--text-primary)}.agents-list{display:flex;flex-direction:column;gap:8px;max-height:350px;overflow-y:auto}.agent-item{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:var(--input-bg);border:1px solid var(--border-color);border-radius:10px;cursor:pointer;transition:all .2s ease}.agent-item:hover:not(.imported){border-color:var(--accent-color);background:#a855f70d}.agent-item.selected{border-color:var(--accent-color);background:#a855f71a}.agent-item.imported{cursor:default;opacity:.7;background:#22c55e0d;border-color:#22c55e4d}.agent-checkbox{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;margin-top:2px}.empty-checkbox{width:18px;height:18px;border:2px solid var(--border-color);border-radius:4px;transition:all .2s ease}.agent-item:hover:not(.imported) .empty-checkbox{border-color:var(--accent-color)}.check-icon{color:var(--accent-color)}.check-icon.imported{color:var(--success-color, #22c55e)}.check-icon.selected{color:var(--accent-color)}.agent-info{flex:1;min-width:0}.agent-name-row{display:flex;align-items:center;gap:10px;margin-bottom:4px}.agent-name{font-weight:600;color:var(--text-primary);font-size:.9rem}.agent-mode-icons{display:flex;align-items:center;gap:6px}.mode-icon{opacity:.7}.mode-icon.voice{color:#22c55e}.mode-icon.chat{color:#3b82f6}.mode-icon.email{color:#f59e0b}.mode-icon.passive{color:#8b5cf6}.mode-icon.backoffice{color:#ec4899}.agent-description{font-size:.8rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-local-info{font-size:.75rem;color:var(--success-color, #22c55e);margin-top:4px}.agent-badges{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.mode-badge{padding:4px 10px;border-radius:6px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.mode-badge.active{background:#22c55e26;color:#22c55e}.mode-badge.passive{background:#8b5cf626;color:#8b5cf6}.mode-badge.backoffice{background:#ec489926;color:#ec4899}.imported-badge{padding:4px 10px;background:#3b82f626;color:#3b82f6;border-radius:6px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.import-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border-color)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-color);padding:20px}.login-container{width:100%;max-width:420px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:24px;padding:48px 40px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 20px 60px #00000026}.login-header{text-align:center;margin-bottom:36px}.login-logo{display:flex;justify-content:center;margin-bottom:20px}.login-logo-icon{width:72px;height:72px;padding:14px;border-radius:20px;box-shadow:0 8px 24px var(--accent-shadow)}.login-header h1{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}.login-header p{font-size:.9rem;color:var(--text-secondary)}.login-form{display:flex;flex-direction:column;gap:20px}.login-error{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;color:#ef4444;font-size:.875rem}.login-field{display:flex;flex-direction:column;gap:8px}.login-field label{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:var(--text-secondary)}.login-field input{width:100%;padding:14px 16px;background:var(--input-bg);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:1rem;transition:all .2s ease}.login-field input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 4px var(--accent-shadow)}.login-field input::placeholder{color:var(--text-muted)}.login-field input:disabled{opacity:.6;cursor:not-allowed}.login-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px;background:linear-gradient(135deg,var(--accent-color),#8b5cf6);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:8px}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px var(--accent-shadow)}.login-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.login-success{text-align:center;padding:20px 0}.login-success .success-icon{color:#22c55e;margin-bottom:20px}.login-success h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:12px}.login-success p{font-size:.95rem;color:var(--text-secondary);margin-bottom:8px}.login-success .login-hint{font-size:.85rem;color:var(--text-muted);margin-bottom:24px}.login-form .login-hint{font-size:.85rem;color:var(--text-muted);text-align:center;margin-top:16px;margin-bottom:0}.login-btn.secondary{background:transparent;border:1px solid var(--border-color);color:var(--text-primary)}.login-btn.secondary:hover:not(:disabled){background:var(--input-bg);border-color:var(--accent-color)}.login-footer{margin-top:32px;text-align:center}.login-footer p{font-size:.75rem;color:var(--text-muted)}@media(max-width:480px){.login-container{padding:36px 24px;border-radius:16px}.login-logo-icon{width:60px;height:60px;padding:12px}.login-header h1{font-size:1.25rem}}.team-page{padding:24px;max-width:1200px;margin:0 auto}.team-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;flex-wrap:wrap;gap:16px}.back-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:transparent;border:1px solid var(--border-color);border-radius:10px;color:var(--text-secondary);font-size:.9rem;cursor:pointer;transition:all .2s ease}.back-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.team-title{display:flex;align-items:center;gap:12px}.team-title svg{color:var(--accent-color)}.team-title h1{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.add-user-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,var(--accent-color),#8b5cf6);border:none;border-radius:12px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.add-user-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--accent-shadow)}.team-search{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;margin-bottom:24px}.team-search svg{color:var(--text-muted);flex-shrink:0}.team-search input{flex:1;border:none;background:transparent;color:var(--text-primary);font-size:.95rem;outline:none}.team-search input::placeholder{color:var(--text-muted)}.team-error{padding:16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;color:#ef4444;margin-bottom:24px}.team-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;gap:16px;color:var(--text-secondary)}.spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:spin .8s linear infinite}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.user-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;transition:all .2s ease}.user-card:hover{border-color:var(--accent-color);box-shadow:0 4px 12px #0000001a}.user-avatar{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,var(--accent-color),#8b5cf6);border-radius:14px;color:#fff;flex-shrink:0}.user-info{flex:1;min-width:0}.user-info h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-username,.user-email{display:block;font-size:.8rem;color:var(--text-muted);margin-bottom:4px}.user-ruolo{display:block;font-size:.8rem;color:var(--text-secondary);margin-bottom:6px;font-style:italic}.user-role{display:inline-block;padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.user-role.admin{background:#f59e0b26;color:#f59e0b}.user-role.user{background:#3b82f626;color:#3b82f6}.user-date{display:block;margin-top:6px;font-size:.75rem;color:var(--text-muted)}.user-actions{display:flex;gap:8px}.action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.action-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.action-btn.delete:hover{border-color:#ef4444;color:#ef4444;background:#ef44441a}.no-users{grid-column:1 / -1;text-align:center;padding:60px 20px;color:var(--text-muted);font-size:1rem}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.user-modal{width:100%;max-width:480px;max-height:90vh;background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;display:flex;flex-direction:column;position:relative}.user-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color);position:sticky;top:0;background:var(--card-bg);z-index:10;border-radius:20px 20px 0 0;flex-shrink:0}.user-modal .modal-body{overflow-y:auto;flex:1}.user-modal .unsaved-confirm-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:20;border-radius:20px}.unsaved-confirm-dialog{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:24px;max-width:400px;text-align:center;box-shadow:0 8px 32px #0003}.unsaved-confirm-dialog h4{margin:0 0 12px;font-size:1.1rem;color:var(--text-primary)}.unsaved-confirm-dialog p{margin:0 0 20px;color:var(--text-secondary)}.unsaved-confirm-actions{display:flex;gap:12px;justify-content:center}.confirm-close-btn{background:var(--danger-color, #dc3545);color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:500}.confirm-close-btn:hover{opacity:.9}.user-modal .modal-header h2{font-size:1.2rem;font-weight:600;color:var(--text-primary)}.user-modal .close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.user-modal .close-btn:hover{background:var(--table-row-hover);color:var(--text-primary)}.user-form{padding:24px;display:flex;flex-direction:column;gap:20px}.form-error{padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#ef4444;font-size:.875rem}.user-form .form-row{display:flex;gap:16px}.user-form .form-row .form-group{flex:1}.user-form .form-group{display:flex;flex-direction:column;gap:8px}.user-form label{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.user-form input{width:100%;padding:12px 14px;background:var(--input-bg);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:.9rem;transition:all .2s ease}.user-form input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-shadow)}.user-form input::placeholder{color:var(--text-muted)}.role-selector{display:flex;gap:12px}.role-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;background:var(--input-bg);border:2px solid var(--border-color);border-radius:12px;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.role-btn:hover{border-color:var(--accent-color)}.role-btn.active{border-color:var(--accent-color);background:#6366f11a;color:var(--accent-color)}.form-actions{display:flex;gap:12px;margin-top:8px}.form-actions .cancel-btn{flex:1;padding:14px;background:transparent;border:1px solid var(--border-color);border-radius:12px;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.form-actions .cancel-btn:hover{background:var(--table-row-hover)}.form-actions .save-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;background:linear-gradient(135deg,var(--accent-color),#8b5cf6);border:none;border-radius:12px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.form-actions .save-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px var(--accent-shadow)}.form-actions .save-btn:disabled{opacity:.7;cursor:not-allowed}.loading-spinner-small{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@media(max-width:768px){.team-header{flex-direction:column;align-items:stretch}.team-title,.back-btn,.add-user-btn{justify-content:center}.users-grid{grid-template-columns:1fr}}:root{--bg-primary: #fafafa;--bg-secondary: #ffffff;--card-bg: rgba(255, 255, 255, .95);--input-bg: #f4f4f5;--table-header-bg: #fafafa;--table-row-hover: rgba(113, 113, 122, .04);--code-bg: #f4f4f5;--badge-bg: #e4e4e7;--text-primary: #18181b;--text-secondary: #52525b;--text-muted: #a1a1aa;--border-color: #e4e4e7;--accent-color: #8b5cf6;--accent-hover: #7c3aed;--accent-light: #c4b5fd;--accent-shadow: rgba(139, 92, 246, .15);--secondary-accent: #2dd4bf;--secondary-hover: #14b8a6;--danger-color: #f87171;--success-color: #4ade80;--warning-color: #fbbf24}[data-theme=dark]{--bg-primary: #0a0a0b;--bg-secondary: #111113;--card-bg: rgba(17, 17, 19, .98);--input-bg: #18181b;--table-header-bg: #111113;--table-row-hover: rgba(139, 92, 246, .05);--code-bg: #18181b;--badge-bg: #27272a;--text-primary: #fafafa;--text-secondary: #a1a1aa;--text-muted: #71717a;--border-color: #27272a;--accent-color: #a78bfa;--accent-hover: #8b5cf6;--accent-light: #c4b5fd;--accent-shadow: rgba(167, 139, 250, .12);--secondary-accent: #5eead4;--secondary-hover: #2dd4bf}*{box-sizing:border-box}html{font-size:16px}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;transition:background .3s ease,color .3s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 0% 0%,rgba(139,92,246,.06) 0%,transparent 50%),radial-gradient(ellipse at 100% 0%,rgba(45,212,191,.04) 0%,transparent 40%),radial-gradient(ellipse at 50% 100%,rgba(139,92,246,.03) 0%,transparent 50%);pointer-events:none;z-index:-1}[data-theme=dark] body:before{background:radial-gradient(ellipse at 0% 0%,rgba(139,92,246,.08) 0%,transparent 50%),radial-gradient(ellipse at 100% 0%,rgba(45,212,191,.05) 0%,transparent 40%),radial-gradient(ellipse at 50% 100%,rgba(139,92,246,.04) 0%,transparent 50%)}.app{min-height:100vh;padding:24px}.container{max-width:1600px;margin:0 auto}.error-banner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px 20px;background:var(--card-bg);border:1px solid var(--danger-color);border-radius:16px;text-align:center}.error-banner p{margin:0;color:var(--danger-color);font-size:1rem}.error-banner button{padding:10px 24px;background:var(--accent-color);border:none;border-radius:10px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.error-banner button:hover{background:var(--accent-hover)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:var(--accent-color);color:#fff}.auth-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px;color:var(--text-secondary)}.auth-loading .spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}