:root{--background: #0a0a0f;--card: #12121a;--card-hover: #16161f;--card-border: rgba(255, 255, 255, .06);--primary: #c333ff;--primary-glow: rgba(195, 51, 255, .15);--sidebar-width: 260px;--text-primary: #e5e5e5;--text-secondary: #a3a3a3}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--background);color:var(--text-primary);font-family:system-ui,-apple-system,sans-serif;overflow-x:hidden}a{text-decoration:none;color:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:#222;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.login-container{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;background-color:#0f0a1a;background-image:radial-gradient(circle at 10% 20%,rgba(195,51,255,.1) 0%,transparent 20%);font-family:system-ui,-apple-system,sans-serif}.login-card{width:100%;max-width:400px;padding:40px;background:#161026;border:1px solid rgba(195,51,255,.3);border-radius:20px;box-shadow:0 20px 50px #00000080;text-align:center}.logo-glow{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#c333ff,#8b5cf6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:5px;letter-spacing:-1px}.login-header p{color:#888;font-size:.9rem;margin-top:0}.status-box{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 0}.status-box h3{color:#fff;margin:15px 0 5px}.spinner{width:40px;height:40px;border:4px solid rgba(195,51,255,.2);border-top-color:#c333ff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}.btn-voltar{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;margin-top:20px;background:linear-gradient(135deg,#c333ff,#8b5cf6);border:none;border-radius:8px;color:#fff;text-decoration:none;font-weight:700;transition:.2s}.btn-voltar:hover{transform:translateY(-2px);box-shadow:0 5px 15px #c333ff4d}.dashboard-container{display:flex;flex-direction:column;gap:24px;animation:fadeUp .4s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.dashboard-header h1{font-size:1.8rem;color:#fff;margin:0 0 8px}.dashboard-header p{color:#a3a3a3;margin:0;font-size:.95rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.stat-card{background:#12121a;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:24px;display:flex;align-items:center;gap:20px;transition:all .3s ease}.stat-card:hover{border-color:#c333ff4d;transform:translateY(-3px);box-shadow:0 10px 30px #00000080}.stat-icon{width:54px;height:54px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.purple{background:#c333ff1a;color:#c333ff}.stat-icon.green{background:#22c55e1a;color:#22c55e}.stat-icon.blue{background:#3b82f61a;color:#3b82f6}.stat-icon.orange{background:#f973161a;color:#f97316}.stat-info{display:flex;flex-direction:column}.stat-title{color:#888;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px}.stat-value{color:#fff;font-size:1.8rem;font-weight:800;line-height:1}.status-banner{display:flex;align-items:center;justify-content:space-between;background:#f9731614;border:1px solid rgba(249,115,22,.2);padding:16px 24px;border-radius:12px;flex-wrap:wrap;gap:15px}.status-banner.active{background:#22c55e14;border-color:#22c55e33}.status-info{display:flex;align-items:center;gap:12px}.status-text h3{color:#fff;margin:0 0 4px;font-size:1rem}.status-text p{color:#a3a3a3;margin:0;font-size:.85rem}.status-btn{padding:10px 20px;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;border:none;transition:all .2s;text-decoration:none}.status-btn.connect{background:#f97316;color:#fff}.status-btn.connect:hover{background:#ea580c}@media(max-width:768px){.stats-grid{grid-template-columns:1fr}.status-banner{flex-direction:column;align-items:flex-start}.status-btn{width:100%;text-align:center}}.sessao-container{display:flex;flex-direction:column;gap:24px;animation:fadeUp .4s ease;max-width:1000px}.sessao-container.centered{align-items:center;justify-content:center;height:60vh;color:#a3a3a3}.sessao-header h1{font-size:1.8rem;color:#fff;margin:0 0 8px}.sessao-header p{color:#a3a3a3;margin:0;font-size:.95rem}.connection-wrapper{display:grid;grid-template-columns:1fr 1.2fr;gap:24px}.info-panel{background:#c333ff08;border:1px solid rgba(195,51,255,.15);border-radius:16px;padding:24px}.info-panel h3{display:flex;align-items:center;gap:8px;color:#c333ff;margin-top:0}.info-panel ol{padding-left:20px;color:#e5e5e5;font-size:.95rem;line-height:1.6}.info-panel li{margin-bottom:12px}.info-panel strong{color:#fff}.security-note{display:flex;align-items:flex-start;gap:10px;margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.05);color:#a3a3a3;font-size:.85rem;line-height:1.4}.form-panel{background:#12121a;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:30px}.sessao-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.85rem;font-weight:600;color:#a3a3a3;text-transform:uppercase}.input-wrapper{display:flex;align-items:center;gap:10px;background:#0a0a0f;border:1px solid rgba(255,255,255,.1);padding:0 15px;border-radius:10px;transition:border .3s}.input-wrapper:focus-within{border-color:#c333ff}.input-wrapper svg{color:#666}.input-wrapper input{flex:1;background:transparent;border:none;padding:14px 0;color:#fff;font-size:1rem;outline:none}.btn-primary{display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#c333ff,#8b5cf6);color:#fff;border:none;padding:14px;border-radius:10px;font-weight:700;font-size:1rem;cursor:pointer;transition:.3s;margin-top:10px}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #c333ff4d}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.status-card{background:#12121a;border:1px solid rgba(34,197,94,.3);border-radius:16px;padding:40px;text-align:center;display:flex;flex-direction:column;align-items:center}.status-card .status-icon{width:80px;height:80px;border-radius:50%;background:#22c55e1a;color:#22c55e;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.status-card h2{color:#fff;margin:0 0 10px}.phone-display{font-size:1.5rem;font-weight:700;color:#c333ff;margin:0 0 10px;letter-spacing:2px}.status-desc{color:#a3a3a3;margin-bottom:30px}.btn-logout{display:flex;align-items:center;gap:8px;background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3);padding:12px 24px;border-radius:8px;font-weight:700;cursor:pointer;transition:.3s}.btn-logout:hover{background:#ef444433}.error-banner{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3);padding:12px 16px;border-radius:8px;display:flex;align-items:center;gap:10px;font-size:.9rem;margin-bottom:20px}.step-back{color:#8b5cf6;font-size:.9rem;cursor:pointer;display:inline-block;margin-bottom:10px;font-weight:600}.instruction-text{color:#fff;margin-bottom:20px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.connection-wrapper{grid-template-columns:1fr}.info-panel{order:2}.form-panel{order:1}}.bots-container{display:flex;flex-direction:column;gap:24px;animation:fadeUp .4s ease}.bots-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 20px;color:#888}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bots-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.bots-header h1{font-size:1.8rem;color:#fff;margin:0;display:flex;align-items:center;gap:10px}.bots-header p{color:#a3a3a3;margin:4px 0 0;font-size:.95rem}.bots-toast{display:flex;align-items:center;gap:10px;padding:14px 20px;border-radius:10px;font-size:.9rem;font-weight:500;animation:slideIn .3s ease}.bots-toast.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.25);color:#22c55e}.bots-toast.error{background:#ef44441a;border:1px solid rgba(239,68,68,.25);color:#ef4444}.bots-form-card{background:#12121a;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:28px}.bots-form-title{display:flex;align-items:center;gap:10px;color:#fff;margin-bottom:6px}.bots-form-title h2{font-size:1.15rem;margin:0}.bots-form-subtitle{color:#888;font-size:.85rem;margin:0 0 24px;line-height:1.5}.bots-form{display:flex;flex-direction:column;gap:20px}.form-group label{font-size:.85rem;font-weight:600;color:#ccc;text-transform:uppercase;letter-spacing:.3px}.form-input{background:#0a0a0f;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:12px 16px;color:#fff;font-size:.95rem;outline:none;transition:all .2s ease;font-family:inherit}.form-input:focus{border-color:#c333ff66;box-shadow:0 0 0 3px #c333ff14}.form-input.input-valid{border-color:#22c55e66}.form-input.input-invalid{border-color:#ef444466}.token-input-wrapper{position:relative;display:flex;align-items:center}.token-input-wrapper .form-input{width:100%;padding-right:72px;font-family:Courier New,monospace;font-size:.9rem;letter-spacing:.5px}.token-toggle{position:absolute;right:36px;background:none;border:none;color:#666;cursor:pointer;padding:4px;display:flex;transition:color .2s}.token-toggle:hover{color:#c333ff}.token-status-icon{position:absolute;right:12px;display:flex;align-items:center}.bot-preview{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#22c55e14;border:1px solid rgba(34,197,94,.15);border-radius:8px;color:#22c55e;font-size:.85rem;animation:fadeUp .3s ease}.field-error{color:#ef4444;font-size:.8rem}.form-arrow{display:flex;align-items:center;justify-content:center;padding-top:30px;color:#c333ff;flex-shrink:0}.bots-submit-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;background:#c333ff;color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;align-self:flex-start}.bots-submit-btn:hover:not(:disabled){background:#a020d0;transform:translateY(-1px);box-shadow:0 6px 20px #c333ff40}.bots-submit-btn:disabled{opacity:.5;cursor:not-allowed}.bots-list-section{display:flex;flex-direction:column;gap:16px}.bots-list-section h2{font-size:1.15rem;color:#fff;margin:0;display:flex;align-items:center;gap:10px}.bots-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px;background:#12121a;border:1px dashed rgba(255,255,255,.08);border-radius:16px;color:#555;text-align:center;gap:8px}.bots-empty p{color:#888;font-size:1rem;margin:0}.bots-empty span{font-size:.85rem}.bots-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px}.bot-card{background:#12121a;border:1px solid rgba(255,255,255,.05);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:16px;transition:all .3s ease}.bot-card:hover{border-color:#c333ff33;box-shadow:0 8px 24px #0006}.bot-card-header{display:flex;align-items:center;gap:12px}.bot-card-icon{width:42px;height:42px;border-radius:10px;background:#c333ff1a;color:#c333ff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bot-card-info{flex:1;min-width:0}.bot-card-info h3{color:#fff;font-size:1rem;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bot-username{color:#888;font-size:.82rem}.bot-card-status{padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.bot-card-status.active{background:#22c55e1a;color:#22c55e}.bot-card-status.inactive{background:#ef44441a;color:#ef4444}.bot-card-route{display:flex;align-items:center;gap:10px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:10px;padding:12px}.route-point{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.route-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#666}.route-id{font-size:.82rem;color:#ccc;font-family:Courier New,monospace;display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.copy-btn{background:none;border:none;color:#555;cursor:pointer;padding:2px;display:flex;transition:color .2s;flex-shrink:0}.copy-btn:hover{color:#c333ff}.route-arrow{color:#c333ff;flex-shrink:0;opacity:.6}.bot-card-actions{display:flex;justify-content:flex-end;border-top:1px solid rgba(255,255,255,.04);padding-top:12px}.bot-delete-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;background:#ef444414;border:1px solid rgba(239,68,68,.15);border-radius:8px;color:#ef4444;font-size:.82rem;font-weight:500;cursor:pointer;transition:all .2s}.bot-delete-btn:hover{background:#ef444426;border-color:#ef44444d}@media(max-width:768px){.bots-header h1{font-size:1.4rem}.bots-form-card{padding:20px}.form-row{flex-direction:column;gap:12px}.form-arrow{padding-top:0;transform:rotate(90deg);align-self:center}.bots-submit-btn{width:100%}.bots-cards-grid{grid-template-columns:1fr}.bot-card-route{flex-direction:column;align-items:stretch}.route-arrow{align-self:center;transform:rotate(90deg)}}@media(max-width:480px){.bots-form-card,.bot-card{padding:16px}}.canais-container{display:flex;flex-direction:column;gap:24px;animation:fadeUp .4s ease}.canais-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 20px;color:#888}.canais-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.canais-header h1{font-size:1.8rem;color:#fff;margin:0;display:flex;align-items:center;gap:10px}.canais-header p{color:#a3a3a3;margin:4px 0 0;font-size:.95rem}.canais-add-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#c333ff;color:#fff;border:none;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;flex-shrink:0}.canais-add-btn:hover{background:#a020d0;transform:translateY(-1px);box-shadow:0 6px 20px #c333ff40}.canais-toast{display:flex;align-items:center;gap:10px;padding:14px 20px;border-radius:10px;font-size:.9rem;font-weight:500;animation:slideIn .3s ease}.canais-toast.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.25);color:#22c55e}.canais-toast.error{background:#ef44441a;border:1px solid rgba(239,68,68,.25);color:#ef4444}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.canais-form-card{background:#12121a;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:28px;animation:fadeUp .3s ease}.canais-form-title{display:flex;align-items:center;gap:10px;color:#fff;margin-bottom:20px}.canais-form-title h2{font-size:1.15rem;margin:0}.canais-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px;flex:1}.form-group label{font-size:.82rem;font-weight:600;color:#ccc;text-transform:uppercase;letter-spacing:.3px}.form-input,.form-select{background:#0a0a0f;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:11px 14px;color:#fff;font-size:.9rem;outline:none;transition:all .2s ease;font-family:inherit}.form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23888' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.form-select option{background:#12121a;color:#fff}.form-input:focus,.form-select:focus{border-color:#c333ff66;box-shadow:0 0 0 3px #c333ff14}.form-input::placeholder{color:#444}.field-hint{color:#555;font-size:.78rem;margin-top:2px}.form-row{display:flex;align-items:flex-start;gap:16px}.form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.form-section-label{font-size:.78rem;font-weight:700;color:#c333ff;text-transform:uppercase;letter-spacing:1px;margin-top:8px;padding-bottom:4px;border-bottom:1px solid rgba(195,51,255,.1)}.form-route-arrow{display:flex;align-items:center;justify-content:center;gap:8px;color:#c333ff;font-size:.8rem;font-weight:500;opacity:.7;padding:4px 0}.canais-submit-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;background:#c333ff;color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;align-self:flex-start;margin-top:8px}.canais-submit-btn:hover:not(:disabled){background:#a020d0;transform:translateY(-1px);box-shadow:0 6px 20px #c333ff40}.canais-submit-btn:disabled{opacity:.5;cursor:not-allowed}.canais-list-section{display:flex;flex-direction:column;gap:16px}.canais-list-section h2{font-size:1.15rem;color:#fff;margin:0;display:flex;align-items:center;gap:10px}.canais-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px;background:#12121a;border:1px dashed rgba(255,255,255,.08);border-radius:16px;color:#555;text-align:center;gap:8px}.canais-empty p{color:#888;font-size:1rem;margin:0}.canais-empty span{font-size:.85rem}.canais-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:16px}.canal-card{background:#12121a;border:1px solid rgba(255,255,255,.05);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:14px;transition:all .3s ease}.canal-card:hover{border-color:#c333ff33;box-shadow:0 8px 24px #0006}.canal-card.inactive{opacity:.6}.canal-card-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.canal-card-type{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.type-badge{padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.type-badge.clone{background:#3b82f61a;color:#3b82f6}.type-badge.forward{background:#22c55e1a;color:#22c55e}.type-badge.spy{background:#c333ff1a;color:#c333ff}.bot-badge{display:flex;align-items:center;gap:4px;padding:3px 8px;border-radius:5px;font-size:.72rem;background:#c333ff14;color:#c333ff}.canal-card-status{padding:4px 10px;border-radius:6px;font-size:.73rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.canal-card-status.active{background:#22c55e1a;color:#22c55e}.canal-card-status.off{background:#ef444414;color:#888}.canal-card-route{display:flex;align-items:center;gap:8px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:10px;padding:12px}.route-block{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.route-block-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#555}.route-block-name{font-size:.88rem;color:#e5e5e5;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.route-block-id{font-size:.75rem;color:#777;font-family:Courier New,monospace;display:flex;align-items:center;gap:4px}.copy-btn-sm{background:none;border:none;color:#555;cursor:pointer;padding:1px;display:flex;transition:color .2s;flex-shrink:0}.copy-btn-sm:hover{color:#c333ff}.route-arrow-mid{color:#c333ff;flex-shrink:0;opacity:.5}.canal-card-details{display:flex;flex-wrap:wrap;gap:10px}.detail-item{display:flex;align-items:center;gap:5px;font-size:.78rem;color:#888;background:#ffffff08;padding:4px 10px;border-radius:6px}.canal-card-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid rgba(255,255,255,.04);padding-top:12px}.canal-toggle-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;background:#22c55e14;border:1px solid rgba(34,197,94,.15);border-radius:8px;color:#22c55e;font-size:.82rem;font-weight:500;cursor:pointer;transition:all .2s}.canal-toggle-btn.active{background:#f9731614;border-color:#f9731626;color:#f97316}.canal-toggle-btn:hover{opacity:.8}.canal-delete-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;background:#ef444414;border:1px solid rgba(239,68,68,.15);border-radius:8px;color:#ef4444;font-size:.82rem;font-weight:500;cursor:pointer;transition:all .2s}.canal-delete-btn:hover{background:#ef444426;border-color:#ef44444d}@media(max-width:768px){.canais-header{flex-direction:column;align-items:flex-start}.canais-header h1{font-size:1.4rem}.canais-add-btn{width:100%;justify-content:center}.canais-form-card{padding:20px}.form-row,.form-row-3{flex-direction:column;grid-template-columns:1fr;gap:12px}.canais-submit-btn{width:100%}.canais-cards-grid{grid-template-columns:1fr}.canal-card-route{flex-direction:column;align-items:stretch}.route-arrow-mid{align-self:center;transform:rotate(90deg)}.canal-card-actions{flex-direction:column}.canal-toggle-btn,.canal-delete-btn{justify-content:center}}@media(max-width:480px){.canais-form-card,.canal-card{padding:16px}}.extra-dests-list{display:flex;flex-direction:column;gap:6px;margin-bottom:4px}.extra-dest-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#c333ff0d;border:1px solid rgba(195,51,255,.12);border-radius:8px;font-size:.85rem;color:#ccc}.extra-dest-name{font-weight:500}.extra-dest-id{font-family:Courier New,monospace;font-size:.78rem;color:#777;margin-left:auto}.extra-dest-remove{background:none;border:none;color:#ef4444;cursor:pointer;padding:4px;border-radius:4px;display:flex;transition:background .2s}.extra-dest-remove:hover{background:#ef44441a}.add-dest-btn{display:flex;align-items:center;gap:6px;padding:11px 16px;background:#c333ff1a;border:1px solid rgba(195,51,255,.2);border-radius:10px;color:#c333ff;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0;height:42px}.add-dest-btn:hover:not(:disabled){background:#c333ff33}.add-dest-btn:disabled{opacity:.4;cursor:not-allowed}.extra-dests-card{display:flex;flex-direction:column;gap:6px;padding:10px 12px;background:#c333ff08;border:1px solid rgba(195,51,255,.08);border-radius:8px}.extra-dests-label{font-size:.75rem;font-weight:600;color:#c333ff;display:flex;align-items:center;gap:5px}.extra-dest-card-item{display:flex;align-items:center;gap:8px;padding:4px 8px;font-size:.8rem;color:#bbb}.extra-dest-card-id{font-family:Courier New,monospace;font-size:.72rem;color:#666;margin-left:auto}.extra-dest-card-remove{background:none;border:none;color:#666;cursor:pointer;padding:2px;display:flex;transition:color .2s}.extra-dest-card-remove:hover{color:#ef4444}.canal-adddest-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;background:#c333ff14;border:1px solid rgba(195,51,255,.15);border-radius:8px;color:#c333ff;font-size:.82rem;font-weight:500;cursor:pointer;transition:all .2s}.canal-adddest-btn:hover{background:#c333ff26}.caption-badge{display:flex;align-items:center;gap:3px;padding:3px 8px;border-radius:5px;font-size:.72rem;background:#3b82f614;color:#3b82f6}.caption-toggle{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.toggle-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:.88rem;color:#ccc;-webkit-user-select:none;user-select:none}.toggle-label input{display:none}.toggle-slider{width:38px;height:20px;background:#333;border-radius:10px;position:relative;transition:background .2s;flex-shrink:0}.toggle-slider:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#888;border-radius:50%;transition:all .2s}.toggle-label input:checked+.toggle-slider{background:#c333ff4d}.toggle-label input:checked+.toggle-slider:after{left:20px;background:#c333ff}.caption-mode-select{max-width:260px;padding:8px 12px!important;font-size:.82rem!important}.caption-editor{display:flex;flex-direction:column;gap:0;margin-top:8px}.caption-toolbar{display:flex;gap:4px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-bottom:none;border-radius:10px 10px 0 0;padding:8px 10px;flex-wrap:wrap}.caption-toolbar button{background:transparent;border:1px solid transparent;color:#888;padding:6px;border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:30px;height:30px;transition:all .15s}.caption-toolbar button:hover{background:#c333ff1a;color:#c333ff;border-color:#c333ff33}.toolbar-sep{width:1px;height:20px;background:#333;margin:0 4px;align-self:center}.caption-textarea{background:#0a0a0f;border:1px solid rgba(255,255,255,.08);border-radius:0 0 10px 10px;padding:12px 14px;color:#fff;font-family:inherit;font-size:.9rem;resize:vertical;min-height:100px;line-height:1.5;outline:none;transition:border-color .2s}.caption-textarea:focus{border-color:#c333ff66}.caption-textarea::placeholder{color:#444}@media(max-width:768px){.caption-toggle{flex-direction:column;align-items:flex-start}.caption-mode-select{max-width:100%}.extra-dest-item{flex-wrap:wrap}.extra-dest-id{margin-left:0}.canal-card-actions{flex-wrap:wrap}.canal-adddest-btn{flex:1;justify-content:center}}.canal-edit-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;background:#3b82f614;border:1px solid rgba(59,130,246,.15);border-radius:8px;color:#3b82f6;font-size:.82rem;font-weight:500;cursor:pointer;transition:all .2s}.canal-edit-btn:hover{background:#3b82f626;border-color:#3b82f64d}.cta-mode-selector{display:flex;gap:12px;margin-bottom:8px}.cta-mode-option{flex:1;display:flex;flex-direction:column;gap:4px;padding:14px 16px;background:#0a0a0f;border:1px solid rgba(255,255,255,.08);border-radius:10px;cursor:pointer;transition:all .2s}.cta-mode-option input{display:none}.cta-mode-option:hover{border-color:#c333ff33}.cta-mode-option.active{border-color:#c333ff66;background:#c333ff0d}.cta-mode-title{font-size:.88rem;font-weight:600;color:#e5e5e5}.cta-mode-option.active .cta-mode-title{color:#c333ff}.cta-mode-desc{font-size:.75rem;color:#666;line-height:1.4}.smart-badge{display:flex;align-items:center;gap:3px;padding:3px 8px;border-radius:5px;font-size:.72rem;background:#f9731614;color:#f97316;font-weight:500}@media(max-width:768px){.cta-mode-selector{flex-direction:column}.canal-card-actions{flex-wrap:wrap}.canal-edit-btn{flex:1;justify-content:center}}.fila-container{display:flex;flex-direction:column;gap:24px;animation:fadeUp .4s ease}.fila-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:16px}.fila-header h1{font-size:1.8rem;color:#fff;margin:0;display:flex;align-items:center;gap:10px}.fila-header p{color:#a3a3a3;margin:4px 0 0;font-size:.95rem}.fila-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.fila-filter{display:flex;align-items:center;gap:6px;color:#888}.filter-select{background:#12121a;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:8px 12px;color:#fff;font-size:.85rem;cursor:pointer;outline:none}.filter-select option{background:#12121a}.fila-refresh-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#c333ff1a;border:1px solid rgba(195,51,255,.2);border-radius:8px;color:#c333ff;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.fila-refresh-btn:hover{background:#c333ff33}.fila-toast{display:flex;align-items:center;gap:10px;padding:14px 20px;border-radius:10px;font-size:.9rem;font-weight:500;animation:slideIn .3s ease}.fila-toast.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.25);color:#22c55e}.fila-toast.error{background:#ef44441a;border:1px solid rgba(239,68,68,.25);color:#ef4444}.fila-loading,.fila-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:60px 20px;color:#888}.fila-empty{background:#12121a;border:1px dashed rgba(255,255,255,.08);border-radius:16px}.fila-empty p{color:#888;font-size:1rem;margin:0}.fila-empty span{font-size:.85rem;color:#555}.fila-table-wrapper{overflow-x:auto;background:#12121a;border:1px solid rgba(255,255,255,.05);border-radius:14px}.fila-table{width:100%;border-collapse:collapse;font-size:.88rem}.fila-table thead th{text-align:left;padding:14px 16px;color:#666;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(255,255,255,.05);white-space:nowrap}.fila-table tbody tr{border-bottom:1px solid rgba(255,255,255,.03);transition:background .2s}.fila-table tbody tr:hover{background:#ffffff05}.fila-table tbody tr.row-error{background:#ef444408}.fila-table tbody td{padding:12px 16px;color:#ccc;vertical-align:middle}.status-pill{display:inline-block;padding:3px 10px;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.td-channel{font-weight:500;color:#e5e5e5;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mode-tag{padding:2px 8px;background:#c333ff14;color:#c333ff;border-radius:4px;font-size:.75rem;font-weight:500}.td-preview{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#999;font-size:.82rem}.td-date{display:flex;align-items:center;gap:5px;color:#777;font-size:.8rem;white-space:nowrap}.fila-delete-btn{background:none;border:none;color:#555;cursor:pointer;padding:6px;border-radius:6px;transition:all .2s;display:flex}.fila-delete-btn:hover{color:#ef4444;background:#ef44441a}@media(max-width:768px){.fila-header{flex-direction:column}.fila-header h1{font-size:1.4rem}.fila-actions{width:100%;justify-content:space-between}.fila-table{font-size:.8rem}.fila-table thead th,.fila-table tbody td{padding:10px}.td-preview{max-width:120px}}.fila-clear-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#ef444414;border:1px solid rgba(239,68,68,.15);border-radius:8px;color:#ef4444;font-size:.82rem;font-weight:500;cursor:pointer;transition:all .2s}.fila-clear-btn:hover{background:#ef444426;border-color:#ef44444d}.historico-container{display:flex;flex-direction:column;gap:24px;animation:fadeUp .4s ease}.historico-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:16px}.historico-header h1{font-size:1.8rem;color:#fff;margin:0;display:flex;align-items:center;gap:10px}.historico-header p{color:#a3a3a3;margin:4px 0 0;font-size:.95rem}.historico-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.historico-filter{display:flex;align-items:center;gap:6px;color:#888}.historico-refresh-btn{display:flex;align-items:center;padding:8px 12px;background:#c333ff1a;border:1px solid rgba(195,51,255,.2);border-radius:8px;color:#c333ff;cursor:pointer;transition:all .2s}.historico-refresh-btn:hover{background:#c333ff33}.historico-clear-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#ef444414;border:1px solid rgba(239,68,68,.15);border-radius:8px;color:#ef4444;font-size:.82rem;font-weight:500;cursor:pointer;transition:all .2s}.historico-clear-btn:hover{background:#ef444426}.historico-toast{display:flex;align-items:center;gap:10px;padding:14px 20px;border-radius:10px;font-size:.9rem;font-weight:500;animation:slideIn .3s ease}.historico-toast.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.25);color:#22c55e}.historico-toast.error{background:#ef44441a;border:1px solid rgba(239,68,68,.25);color:#ef4444}.historico-loading,.historico-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:60px 20px;color:#888}.historico-empty{background:#12121a;border:1px dashed rgba(255,255,255,.08);border-radius:16px}.historico-empty p{color:#888;font-size:1rem;margin:0}.historico-empty span{font-size:.85rem;color:#555}.historico-timeline{display:flex;flex-direction:column;gap:2px}.timeline-item{display:flex;gap:14px;padding:16px 20px;background:#12121a;border:1px solid rgba(255,255,255,.04);border-radius:12px;transition:all .2s}.timeline-item:hover{border-color:#ffffff14;background:#14141e}.timeline-icon{width:36px;height:36px;border-radius:10px;background:#ffffff08;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.1rem}.timeline-content{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.timeline-header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.timeline-action{font-size:.9rem;font-weight:600}.timeline-date{display:flex;align-items:center;gap:5px;color:#666;font-size:.78rem}.timeline-details{display:flex;flex-wrap:wrap;gap:6px}.detail-tag{padding:3px 10px;background:#ffffff0a;border-radius:6px;font-size:.78rem;color:#aaa}.detail-tag.error{background:#ef444414;color:#ef4444}@media(max-width:768px){.historico-header{flex-direction:column}.historico-header h1{font-size:1.4rem}.historico-actions{width:100%;justify-content:space-between}.timeline-item{padding:12px 14px}.timeline-header{flex-direction:column;align-items:flex-start;gap:4px}}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background-color:#0a0a0a;border-right:1px solid var(--card-border);display:flex;flex-direction:column;z-index:1000;transition:transform .3s ease}.sidebar-header{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--card-border)}.sidebar-logo{font-size:1.4rem;font-weight:800;color:#fff;display:flex;align-items:center;gap:8px}.logo-icon{color:var(--primary)}.close-sidebar-btn{display:none;background:none;border:none;color:var(--text-secondary);cursor:pointer}.sidebar-nav{padding:20px 15px;display:flex;flex-direction:column;gap:6px;overflow-y:auto}.nav-label{font-size:.7rem;font-weight:700;color:#555;text-transform:uppercase;margin:10px 0 5px 10px;letter-spacing:1px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;color:var(--text-secondary);font-size:.95rem;font-weight:500;transition:all .2s;cursor:pointer}.nav-item:hover{background-color:var(--card-hover);color:#fff}.nav-item.active{background-color:var(--primary-glow);color:var(--primary);border:1px solid rgba(195,51,255,.2)}.nav-dropdown{display:flex;flex-direction:column}.dropdown-toggle{justify-content:space-between}.dropdown-content{display:flex;flex-direction:column;gap:4px;overflow:hidden;max-height:0;opacity:0;transition:all .3s ease}.dropdown-content.show{max-height:150px;opacity:1;margin-top:4px}.sub-nav-item{display:flex;align-items:center;gap:10px;padding:10px 14px 10px 45px;border-radius:10px;color:#888;font-size:.9rem;font-weight:500;transition:all .2s}.sub-nav-item:hover{color:#fff;background-color:#ffffff0d}.sub-nav-item.active{color:var(--primary);background-color:var(--primary-glow)}.divider{height:1px;background:var(--card-border);margin:15px 0}.logout-btn{color:#ef4444}.logout-btn:hover{background:#ef44441a;color:#f87171}.return-btn{color:#3b82f6}.return-btn:hover{background:#3b82f61a;color:#60a5fa}@media(max-width:768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:10px 0 30px #00000080}.close-sidebar-btn{display:block}}.main-header{height:70px;position:fixed;top:0;right:0;left:var(--sidebar-width);background:#0a0a0fd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--card-border);z-index:900;display:flex;align-items:center;justify-content:space-between;padding:0 30px;transition:left .3s ease}.header-left{display:flex;align-items:center;gap:15px}.mobile-menu-btn{display:none;background:none;border:none;color:#fff;cursor:pointer}.header-title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:1.1rem}.user-badge{display:flex;align-items:center;cursor:pointer}.user-avatar{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--primary),#8b5cf6);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px var(--primary-glow)}@media(max-width:768px){.main-header{left:0;padding:0 20px}.mobile-menu-btn{display:flex}}.app-container{display:flex;min-height:100vh;background-color:var(--background)}.main-content{flex:1;display:flex;flex-direction:column;width:calc(100% - var(--sidebar-width));margin-left:var(--sidebar-width);transition:margin .3s ease,width .3s ease}.page-content{padding:30px;margin-top:70px;animation:fadeIn .4s ease}.mobile-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:998}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.main-content{margin-left:0;width:100%}.page-content{padding:15px}}