@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&family=DM+Sans:wght@400;500;700&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--transition-speed:0.3s;--transition-function:ease;--monday-blue:#0073ea;--monday-blue-hover:#0060d1;--monday-purple:#805ad5;--monday-purple-hover:#6b46c1;--monday-green:#00c875;--monday-green-hover:#00a35c;--monday-red:#e2445c;--monday-red-hover:#c73648;--monday-yellow:#fdab3d;--monday-yellow-hover:#eb9c36;--monday-grey:#f5f6f8;--monday-dark-grey:#676879;--monday-black:#323338;--monday-text-color:#4a1793;--monday-text-secondary:#676879;--monday-border-color:#e1e1e1;--monday-card-color:#fff;--monday-card-shadow:0 4px 8px #00000012;--monday-card-hover-shadow:0 6px 15px #0000001a}body{--primary-color:var(--monday-blue);--primary-color-hover:var(--monday-blue-hover);--primary-color-dark:var(--monday-blue-hover);--primary-color-light:#cce5ff;--primary-bg-light:#0073ea1a;--accent-color:var(--monday-purple);--accent-color-hover:var(--monday-purple-hover);--accent-color-dark:var(--monday-purple-hover);--success-color:var(--monday-green);--success-color-hover:var(--monday-green-hover);--success-color-dark:var(--monday-green-hover);--success-bg:#00c8751a;--danger-color:var(--monday-red);--danger-color-hover:var(--monday-red-hover);--danger-color-dark:var(--monday-red-hover);--error-color:var(--monday-red);--error-text:var(--monday-red);--error-bg:#e2445c1a;--warning-color:var(--monday-yellow);--warning-color-hover:var(--monday-yellow-hover);--warning-bg:#fdab3d1a;--secondary-color:var(--monday-dark-grey);--secondary-color-dark:#4a5568;--secondary-color-hover:#4a5568;--bg-primary:#fff;--bg-secondary:var(--monday-grey);--bg-tertiary:#f0f2f5;--bg-card:var(--monday-card-color);--bg-hover:#0000000d;--bg-disabled:#f5f5f5;--text-primary:var(--monday-text-color);--text-secondary:var(--monday-text-secondary);--text-tertiary:#898989;--text-disabled:#b5b5b5;--border-color:var(--monday-border-color);--shadow-color:#00000012;--input-bg:#fff;--input-text:var(--monday-text-color);--input-border:var(--monday-border-color);--input-focus-border:var(--monday-blue);color-scheme:light}body.dark-theme{--primary-color:#579bfc;--primary-color-hover:#4285f4;--primary-color-dark:#3b77db;--primary-color-light:#579bfc33;--primary-bg-light:#579bfc1a;--accent-color:#9d7bea;--accent-color-hover:#8a66e3;--accent-color-dark:#7b5cd6;--success-color:#3cc382;--success-color-hover:#2bb173;--success-color-dark:#25a065;--success-bg:#3cc3821a;--danger-color:#f65b7b;--danger-color-hover:#e14c6a;--danger-color-dark:#d13a59;--error-color:#f65b7b;--error-text:#ff7a97;--error-bg:#f65b7b1a;--warning-color:#ffbc66;--warning-color-hover:#f5a852;--warning-bg:#ffbc661a;--secondary-color:#8f8f9d;--secondary-color-dark:#7a7a86;--secondary-color-hover:#7a7a86;--bg-primary:#1c1f2e;--bg-secondary:#252a41;--bg-tertiary:#2c324b;--bg-card:#2c324b;--bg-hover:#ffffff12;--bg-disabled:#36394a;--text-primary:#fff;--text-secondary:#e0e0e0;--text-tertiary:#a8a8b9;--text-disabled:#6c6c7a;--border-color:#373b4f;--shadow-color:#0000004d;--input-bg:#373b4f;--input-text:#fff;--input-border:#454759;--input-focus-border:#579bfc;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}:root{--font-primary:"Inter",sans-serif;--font-heading:"Space Grotesk",sans-serif;--font-code:"DM Sans",monospace;--font-accent:"Poppins",sans-serif}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);font-family:Inter,sans-serif;font-family:var(--font-primary);font-size:14px;line-height:1.5;transition:background-color var(--transition-speed),color var(--transition-speed)}body,h1,h2,h3,h4,h5,h6{color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,sans-serif;font-family:var(--font-heading);font-weight:600;letter-spacing:-.02em;margin:0 0 1rem}h1{font-size:2.5rem;letter-spacing:-.03em}h2{font-size:1.875rem;letter-spacing:-.02em}h3{font-size:1.5rem}h4{font-size:1.25rem}p{color:var(--text-secondary);margin:0 0 1rem}a{color:var(--primary-color);text-decoration:none;transition:color .2s ease}a:hover{color:var(--primary-color-hover)}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-family:var(--font-accent);font-size:.875rem;font-weight:500;justify-content:center;line-height:1.5;min-height:36px;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease;white-space:nowrap}.btn:focus{outline:none}.btn svg{margin-right:.5rem}.btn-primary{background-color:var(--primary-color)}.btn-primary:focus,.btn-primary:hover{background-color:var(--primary-color-hover);box-shadow:0 0 0 3px var(--primary-color-light)}.btn-secondary{background-color:#fff;border:1px solid var(--border-color);color:var(--text-primary)}.btn-secondary:focus,.btn-secondary:hover{background-color:var(--bg-hover);box-shadow:0 0 0 3px #0000000d}.btn-success{background-color:var(--success-color)}.btn-success:focus,.btn-success:hover{background-color:var(--success-color-hover);box-shadow:0 0 0 3px var(--success-bg)}.btn-danger{background-color:var(--danger-color);color:#fff}.btn-danger:focus,.btn-danger:hover{background-color:var(--danger-color-hover);box-shadow:0 0 0 3px var(--error-bg)}.btn-warning{background-color:var(--warning-color);color:#fff}.btn-warning:focus,.btn-warning:hover{background-color:var(--warning-color-hover);box-shadow:0 0 0 3px var(--warning-bg)}.btn-sm{font-size:.75rem;min-height:30px;padding:.25rem .75rem}.btn-lg{font-size:1rem;min-height:44px;padding:.75rem 1.5rem}.btn-icon{border-radius:6px;padding:.5rem}.btn-icon svg{margin-right:0}.card{background-color:var(--bg-card);border-radius:8px;box-shadow:var(--monday-card-shadow);transition:box-shadow .2s ease,transform .2s ease}.card:hover{box-shadow:var(--monday-card-hover-shadow)}.form-group{margin-bottom:1.25rem}.form-label{color:var(--text-primary);font-weight:500;margin-bottom:.5rem}.form-control,.form-label{display:block;font-family:Inter,sans-serif;font-family:var(--font-primary)}.form-control{background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:6px;color:var(--input-text);font-size:.875rem;line-height:1.5;padding:.5rem .75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-control:focus{border-color:var(--input-focus-border);box-shadow:0 0 0 3px var(--primary-color-light);outline:none}.status-badge{border-radius:16px;font-family:Poppins,sans-serif;font-family:var(--font-accent);font-size:12px;height:24px;justify-content:center;min-width:80px;padding:2px 8px}.status-badge.working{background-color:#e2f7ff;color:#0086c0}.status-badge.stuck{background-color:#ffebee;color:#d83a52}.status-badge.done{background-color:#e0f8e8;color:#00ad6f}.status-badge.pending{background-color:#fff5cc;color:#cc8f00}.container{margin:0 auto;max-width:1200px;padding:0 16px}.row{display:flex;flex-wrap:wrap;margin:0 -8px}.col{flex:1 1;padding:0 8px}table{font-family:Inter,sans-serif;font-family:var(--font-primary)}th{border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-family:Poppins,sans-serif;font-family:var(--font-accent);font-weight:500}td,th{padding:12px 16px}td{color:var(--text-primary)}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-4{gap:16px}.m-0{margin:0}.mb-4{margin-bottom:16px}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-success{color:var(--success-color)}.text-danger{color:var(--danger-color)}.text-warning{color:var(--warning-color)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.bg-card{background-color:var(--bg-card)}.shadow-sm{box-shadow:0 1px 3px #00000012}.shadow{box-shadow:var(--monday-card-shadow)}.shadow-lg{box-shadow:var(--monday-card-hover-shadow)}.d-flex{display:flex}.flex-row{flex-direction:row}.flex-column{flex-direction:column}.justify-content-start{justify-content:flex-start}.justify-content-center{justify-content:center}.justify-content-end{justify-content:flex-end}.justify-content-between{justify-content:space-between}.justify-content-around{justify-content:space-around}.align-items-start{align-items:flex-start}.align-items-center{align-items:center}.align-items-end{align-items:flex-end}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-grow-1{flex-grow:1}.font-primary{font-family:Inter,sans-serif;font-family:var(--font-primary)}.font-heading{font-family:Space Grotesk,sans-serif;font-family:var(--font-heading)}.font-code{font-family:DM Sans,monospace;font-family:var(--font-code)}.font-accent{font-family:Poppins,sans-serif;font-family:var(--font-accent)}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.sidebar{background-color:var(--bg-tertiary);box-shadow:2px 0 10px var(--shadow-color);color:var(--text-primary);display:flex;flex-direction:column;height:100vh;position:fixed;transition:width var(--transition-speed) ease;z-index:100}.sidebar.open{width:250px}.sidebar.closed{width:80px}.sidebar-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem}.logo{font-size:1.3rem;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toggle-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:.3rem;transition:background-color var(--transition-speed)}.toggle-btn:hover{background-color:var(--bg-card-hover)}.sidebar-nav{flex:1 1;overflow-y:auto;padding:1rem 0}.sidebar-nav ul{list-style:none;margin:0;padding:0}.sidebar-nav li{margin:.5rem 0}.sidebar-nav a{align-items:center;border-left:3px solid #0000;color:var(--text-secondary);display:flex;padding:.8rem 1.5rem;text-decoration:none;transition:all var(--transition-speed) ease}.sidebar-nav a.active,.sidebar-nav a:hover{background-color:var(--bg-card-hover);border-left:3px solid var(--primary-color);color:var(--text-primary)}.sidebar-nav a svg{font-size:1.2rem;margin-right:1rem;min-width:1.2rem}.sidebar.closed .nav-text{display:none}.sidebar-footer{border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:.8rem;padding:1rem 1.5rem;text-align:center}.sidebar.closed .sidebar-footer p{display:none}.theme-toggle-btn{align-items:center;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:50%;bottom:20px;box-shadow:0 2px 10px var(--shadow-color);color:var(--text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;position:fixed;right:20px;transition:all .3s ease;width:40px;z-index:1000}.theme-toggle-btn:hover{box-shadow:0 5px 15px var(--shadow-color);transform:scale(1.1)}.moon-icon,.sun-icon{height:20px;transition:transform .5s ease;width:20px}.theme-toggle-btn:hover .moon-icon,.theme-toggle-btn:hover .sun-icon{transform:rotate(30deg)}.layout{background-color:var(--bg-primary);color:var(--text-primary);display:flex;min-height:100vh;transition:background-color var(--transition-speed),color var(--transition-speed)}.main-content{background-color:var(--bg-secondary);flex:1 1;padding:2rem;transition:margin-left var(--transition-speed)}.sidebar-open{margin-left:250px}.sidebar-closed{margin-left:80px}@media (max-width:768px){.main-content,.sidebar-closed,.sidebar-open{margin-left:0}}:root{--bg-primary:#fff;--bg-secondary:#f8f9fa;--primary-color:#667eea;--primary-light:#764ba2;--warning-color:#ed8936}[data-theme=dark]{--bg-primary:#1a1a1a;--bg-secondary:#2d2d2d;--bg-card:#2d2d2d;--text-primary:#f7fafc;--text-secondary:#e2e8f0;--text-tertiary:#a0aec0;--border-color:#4a5568;--shadow-color:#0000004d;--shadow-hover:#0006;--primary-color:#667eea;--primary-light:#764ba2;--purple-accent:#a78bfa}@media (prefers-color-scheme:dark){:root{--bg-primary:#1a1a1a;--bg-secondary:#2d2d2d;--bg-card:#2d2d2d;--text-primary:#f7fafc;--text-secondary:#e2e8f0;--text-tertiary:#a0aec0;--border-color:#4a5568;--shadow-color:#0000004d;--shadow-hover:#0006;--purple-accent:#a78bfa}}.dashboard-container{background-color:#fff;background-color:var(--bg-primary);min-height:100vh;padding:2rem;transition:background-color .3s ease}.dashboard-title{color:#2d3748;color:var(--text-primary);font-size:2.5rem;font-weight:600;letter-spacing:-.025em;margin-bottom:2rem}.dashboard-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:3rem}.card{background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000001a;box-shadow:0 4px 6px -1px var(--shadow-color),0 2px 4px -1px var(--shadow-color);overflow:hidden;padding:2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:before{background:linear-gradient(90deg,#667eea,#764ba2);background:linear-gradient(90deg,var(--primary-color),var(--primary-light));content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.card:hover{box-shadow:0 20px 25px -5px #00000026,0 10px 10px -5px #00000026;box-shadow:0 20px 25px -5px var(--shadow-hover),0 10px 10px -5px var(--shadow-hover);transform:translateY(-4px)}.card:hover:before{opacity:1}.card h3{color:#718096;color:var(--text-secondary);font-size:.875rem;font-weight:500;letter-spacing:.05em;margin-bottom:1rem;text-transform:uppercase}.card .stat{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-color),var(--primary-light));-webkit-background-clip:text;background-clip:text;color:#667eea;color:var(--primary-color);font-size:3rem;font-weight:700;line-height:1;margin:0}.activity-feed{background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000001a;box-shadow:0 4px 6px -1px var(--shadow-color),0 2px 4px -1px var(--shadow-color);padding:2rem}.activity-header{margin-bottom:2rem}.activity-header h2{color:#2d3748;color:var(--text-primary);font-size:1.5rem;font-weight:600}.activity-filters,.activity-header h2{margin-bottom:1.5rem}.filter-row{gap:1rem}.filter-date,.filter-search,.filter-select{background-color:#fff;background-color:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;color:#2d3748;color:var(--text-primary);font-size:.875rem;outline:none;padding:.75rem 1rem;transition:all .2s ease}.filter-select{min-width:160px}.filter-date{min-width:140px}.filter-search{flex:1 1;min-width:200px}.filter-date:focus,.filter-search:focus,.filter-select:focus{border-color:#667eea;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}.clear-filters-btn{background:#667eea;background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease;white-space:nowrap}.clear-filters-btn:hover{background:#764ba2;background:var(--primary-light);transform:translateY(-1px)}.activity-list{display:flex;flex-direction:column;gap:.5rem}.activity-item{align-items:flex-start;background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border-left:4px solid #8b5cf6;border:1px solid var(--border-color);border-left:4px solid var(--purple-accent);border-radius:12px;display:flex;padding:1.25rem;position:relative;transition:all .2s ease}.activity-item:hover{background:#f8f9fa;background:var(--bg-secondary);border-color:#8b5cf6;border-color:var(--purple-accent);transform:translateX(4px)}.status-indicator{flex-shrink:0;height:8px;margin-right:1rem;margin-top:.5rem;width:8px}.status-indicator.active{background-color:#48bb78;background-color:var(--success-color);box-shadow:0 0 0 2px #48bb7833}.status-indicator.error{background-color:#f56565;background-color:var(--error-color);box-shadow:0 0 0 2px #f5656533}.activity-content{flex:1 1;min-width:0}.activity-main{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.5rem}.activity-main .time{background:#f8f9fa;background:var(--bg-secondary);border-radius:4px;color:#a0aec0;color:var(--text-tertiary);font-size:.75rem;font-weight:500;padding:.25rem .5rem;white-space:nowrap}.activity-main .description{color:#2d3748;color:var(--text-primary);flex:1 1;font-size:.875rem;font-weight:500;line-height:1.4}.activity-meta{align-items:center;display:flex;gap:.5rem}.activity-meta .bot-name{font-size:.75rem;font-weight:500}.activity-meta .bot-name,.no-activities{color:#718096;color:var(--text-secondary)}.no-activities{padding:3rem 1rem;text-align:center}.no-activities p{font-size:1rem;margin:0}.activity-summary{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);margin-top:1.5rem;padding-top:1.5rem;text-align:center}.activity-summary p{color:#718096;color:var(--text-secondary);font-size:.875rem;margin:0}.card-animate{animation:fadeInUp .6s ease-out forwards}.card:first-child{animation-delay:.1s}.card:nth-child(2){animation-delay:.2s}.card:nth-child(3){animation-delay:.3s}.card:nth-child(4){animation-delay:.4s}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@media (max-width:768px){.dashboard-container{padding:1rem}.dashboard-title{font-size:2rem}.dashboard-cards{gap:1rem;grid-template-columns:1fr}.card{padding:1.5rem}.card .stat{font-size:2.5rem}.filter-row{align-items:stretch;flex-direction:column}.filter-date,.filter-search,.filter-select{width:100%}.activity-main{align-items:flex-start;flex-direction:column;gap:.5rem}.activity-main .time{align-self:flex-end}}@media (max-width:480px){.activity-feed,.activity-item{padding:1rem}.card .stat{font-size:2rem}}.pagination-controls-top{align-items:center;color:#666;display:flex;font-size:14px;gap:8px;margin-top:10px}.items-per-page-select{background:#fff;border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:60px;padding:4px 8px}.pagination-container{align-items:center;border-top:1px solid #e5e5e5;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-top:20px;padding:20px 0}.pagination-info{color:#666;font-size:14px;white-space:nowrap}.pagination-controls{align-items:center;display:flex;gap:4px}.pagination-btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;display:flex;font-size:14px;height:36px;justify-content:center;min-width:40px;padding:8px 12px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#f5f5f5;border-color:#ccc}.pagination-btn:disabled{background:#f9f9f9;cursor:not-allowed;opacity:.5}.pagination-btn.active{background:#007bff;border-color:#007bff;color:#fff}.pagination-btn.active:hover{background:#0056b3;border-color:#0056b3}.pagination-btn-next,.pagination-btn-prev{font-size:18px;font-weight:700}.pagination-ellipsis{height:36px;padding:8px 4px}.pagination-ellipsis,.pagination-jump{align-items:center;color:#666;display:flex;font-size:14px}.pagination-jump{gap:8px}.pagination-jump-input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:4px 8px;text-align:center;width:60px}.pagination-jump-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}@media (max-width:768px){.pagination-container{align-items:stretch;flex-direction:column;gap:12px}.pagination-controls{flex-wrap:wrap;justify-content:center}.pagination-info,.pagination-jump{justify-content:center;text-align:center}.pagination-btn{font-size:13px;height:32px;min-width:36px;padding:6px 10px}.pagination-controls-top{flex-wrap:wrap;justify-content:center}}@media (max-width:480px){.pagination-btn{font-size:12px;height:28px;min-width:32px;padding:4px 8px}.pagination-jump{flex-direction:column;gap:4px}.pagination-jump-input{width:50px}}.activity-list{transition:opacity .2s ease}.activity-list.loading{opacity:.6}.activity-filters{display:flex;flex-direction:column;gap:12px}.filter-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}@media (max-width:768px){.filter-row{flex-direction:column;gap:8px}.clear-filters-btn,.filter-date,.filter-search,.filter-select{max-width:none;width:100%}}@keyframes cardEntrance{0%{filter:blur(10px);opacity:0;transform:scale(.8)}to{filter:blur(0);opacity:1;transform:scale(1)}}@keyframes cardHover{0%{box-shadow:0 5px 15px #0003;transform:translateY(0) rotate(0deg)}33%{box-shadow:0 12px 24px #0003;transform:translateY(-6px) rotate(.2deg)}66%{box-shadow:0 10px 20px #0003;transform:translateY(-4px) rotate(-.1deg)}to{box-shadow:0 12px 24px #0003;transform:translateY(-5px) rotate(0deg)}}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}@keyframes wave{0%{transform:rotate(0deg)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0deg)}to{transform:rotate(0deg)}}.card-animate{animation:cardEntrance .5s ease-out backwards}.card-animate:hover{box-shadow:0 12px 24px #0003;transform:translateY(-5px)}.card-grid .card-animate{animation-fill-mode:backwards}.card-grid .card-animate:first-child{animation-delay:.1s}.card-grid .card-animate:nth-child(2){animation-delay:.2s}.card-grid .card-animate:nth-child(3){animation-delay:.3s}.card-grid .card-animate:nth-child(4){animation-delay:.4s}.card-grid .card-animate:nth-child(5){animation-delay:.5s}.card-grid .card-animate:nth-child(6){animation-delay:.6s}.card-grid .card-animate:nth-child(7){animation-delay:.7s}.card-grid .card-animate:nth-child(8){animation-delay:.8s}.card-grid .card-animate:nth-child(9){animation-delay:.9s}.card-grid .card-animate:nth-child(10){animation-delay:1s}.card-grid .card-animate:nth-child(n+11){animation-delay:1.1s}.floating{animation:float 4s ease-in-out infinite}.pulse,.status-indicator{animation:pulse 2s infinite}.status-indicator{border-radius:50%;display:inline-block;height:10px;margin-right:8px;width:10px}.status-indicator.active{background-color:#38a169}.status-indicator.inactive{animation:none;background-color:#718096}.status-indicator.warning{background-color:#f6ad55}.status-indicator.error{animation:pulse 1s infinite;background-color:#e53e3e}.shimmer{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a 50%,#ffffff0d 75%);background-size:200% 100%}@media (prefers-reduced-motion:reduce){.card-animate,.card-animate:hover,.floating,.pulse,.shimmer,.status-indicator{animation:none;transform:none;transition:none}}:root{--bg-primary:#f7fafc;--bg-secondary:#edf2f7;--bg-card:#fff;--text-primary:#2d3748;--text-secondary:#718096;--text-tertiary:#a0aec0;--border-color:#e2e8f0;--shadow-color:#0000001a;--shadow-hover:#00000026;--primary-color:#3182ce;--success-color:#48bb78;--error-color:#f56565;--purple-accent:#8b5cf6}.chakra-ui-dark,[data-theme=dark]{--bg-primary:#1a202c;--bg-secondary:#2d3748;--bg-card:#2d3748;--text-primary:#f7fafc;--text-secondary:#e2e8f0;--text-tertiary:#a0aec0;--border-color:#4a5568;--shadow-color:#0006;--shadow-hover:#0009;--purple-accent:#a78bfa}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-primary:#1a202c;--bg-secondary:#2d3748;--bg-card:#2d3748;--text-primary:#f7fafc;--text-secondary:#e2e8f0;--text-tertiary:#a0aec0;--border-color:#4a5568;--shadow-color:#0006;--shadow-hover:#0009;--purple-accent:#a78bfa}}.bots-page{background:#f7fafc;background:var(--bg-primary);transition:background-color .3s ease}.bots-header{margin-bottom:2rem}.bots-header h2{color:#2d3748;color:var(--text-primary);transition:color .3s ease}.create-bot-btn{background:#3182ce!important;background:var(--primary-color)!important;border-radius:12px!important;box-shadow:0 4px 6px #0000001a!important;box-shadow:0 4px 6px var(--shadow-color)!important;font-weight:600!important;padding:.75rem 2rem!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.create-bot-btn:hover{box-shadow:0 8px 12px #00000026!important;box-shadow:0 8px 12px var(--shadow-hover)!important;transform:translateY(-2px)!important}.bots-filters{margin-bottom:2rem}.filter-select,.search-input{background:#fff!important;background:var(--bg-card)!important;border:1px solid #e2e8f0!important;border:1px solid var(--border-color)!important;border-radius:12px!important;color:#2d3748!important;color:var(--text-primary)!important;transition:all .2s ease!important}.filter-select:focus,.search-input:focus{border-color:#3182ce!important;border-color:var(--primary-color)!important;box-shadow:0 0 0 3px #3182ce1a!important}.search-input::placeholder{color:#a0aec0!important;color:var(--text-tertiary)!important}.bot-card{background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border-left:6px solid #e2e8f0;border:1px solid var(--border-color);border-left-width:6px;border-radius:16px;box-shadow:0 4px 6px #0000001a;box-shadow:0 4px 6px var(--shadow-color);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.bot-card:before{background:linear-gradient(90deg,#3182ce,#8b5cf6);background:linear-gradient(90deg,var(--primary-color),var(--purple-accent));content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.bot-card:hover{border-color:#8b5cf6;border-color:var(--purple-accent);box-shadow:0 12px 24px #00000026;box-shadow:0 12px 24px var(--shadow-hover);transform:translateY(-4px) translateX(4px)}.bot-card:hover:before{opacity:1}.bot-card.active{border-left-color:#48bb78;border-left-color:var(--success-color)}.bot-card.inactive{border-left-color:#f56565;border-left-color:var(--error-color)}.bot-name{color:#2d3748!important;color:var(--text-primary)!important;margin-bottom:.5rem;transition:color .3s ease}.bot-description{color:#718096!important;color:var(--text-secondary)!important;line-height:1.5;transition:color .3s ease}.status-badge{border-radius:20px!important;font-size:.75rem!important;font-weight:600!important;min-width:70px;padding:.5rem 1rem!important;text-align:center;transition:all .2s ease!important}.status-badge:hover{transform:scale(1.05)!important}.bot-stats{color:#718096;color:var(--text-secondary);margin-top:1rem}.bot-stats svg{transition:color .3s ease}.bot-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.action-button{border:1px solid #0000!important;border-radius:10px!important;font-size:.875rem!important;font-weight:500!important;padding:.5rem 1rem!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.edit-btn{background:#edf2f7!important;background:var(--bg-secondary)!important;color:#2d3748!important;color:var(--text-primary)!important}.edit-btn:hover{background:#e2e8f0!important;background:var(--border-color)!important;box-shadow:0 4px 8px #0000001a!important;box-shadow:0 4px 8px var(--shadow-color)!important;transform:translateY(-1px)!important}.view-btn{background:#3182ce1a!important;color:#3182ce!important;color:var(--primary-color)!important}.view-btn:hover{background:#3182ce!important;background:var(--primary-color)!important;box-shadow:0 4px 8px #3182ce4d!important;color:#fff!important;transform:translateY(-1px)!important}.flow-btn{background:#8b5cf61a!important;color:#8b5cf6!important;color:var(--purple-accent)!important}.flow-btn:hover{background:#8b5cf6!important;background:var(--purple-accent)!important;box-shadow:0 4px 8px #8b5cf64d!important;color:#fff!important;transform:translateY(-1px)!important}.empty-state{background:#fff;background:var(--bg-card);border:2px dashed #e2e8f0;border:2px dashed var(--border-color);border-radius:16px;transition:all .3s ease}.empty-alert{background:#3182ce1a!important;border:1px solid #3182ce33!important;border-radius:12px!important}.create-first-bot-btn{background:#3182ce!important;background:var(--primary-color)!important;border-radius:12px!important;font-size:1.1rem!important;font-weight:600!important;padding:1rem 2rem!important}.create-first-bot-btn:hover{box-shadow:0 8px 16px #00000026!important;box-shadow:0 8px 16px var(--shadow-hover)!important;transform:translateY(-2px)!important}.bot-card-animate{animation:fadeInUp .6s ease-out forwards;opacity:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.bots-list{display:flex;flex-direction:row!important;justify-content:space-around}.bot-card{position:relative}.bots-list::-webkit-scrollbar{width:8px}.bots-list::-webkit-scrollbar-track{background:#edf2f7;background:var(--bg-secondary);border-radius:4px}.bots-list::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--border-color);border-radius:4px}.bots-list::-webkit-scrollbar-thumb:hover{background:#a0aec0;background:var(--text-tertiary)}@media (max-width:768px){.bots-filters{flex-direction:column}.bot-card{padding:1rem!important}.bot-actions{justify-content:center;margin-top:1rem}.action-button{flex:1 1;min-width:80px}.bot-stats{flex-direction:column;gap:.5rem}}@media (max-width:480px){.bots-header{align-items:stretch;flex-direction:column;gap:1rem}.create-bot-btn{justify-content:center;width:100%}.bot-actions{flex-direction:column}.action-button{width:100%}}.action-button:focus,.bot-card:focus-within{outline:2px solid #3182ce;outline:2px solid var(--primary-color);outline-offset:2px}@media (prefers-contrast:high){.bot-card{border-width:2px}.action-button{border-width:2px!important}}@media (prefers-reduced-motion:reduce){.action-button,.bot-card,.bot-card-animate,.status-badge{animation:none!important;transition:none!important}}.bot-loading{opacity:.6;pointer-events:none}.bot-loading .action-button{cursor:not-allowed;opacity:.5}.bot-card{max-width:600px}.chakra-ui-dark .bot-card{box-shadow:0 4px 6px #00000080}.chakra-ui-dark .bot-card:hover{box-shadow:0 12px 24px #000000b3}.chakra-ui-dark .create-bot-btn{box-shadow:0 4px 6px #0006!important}.chakra-ui-dark .create-bot-btn:hover{box-shadow:0 8px 12px #0009!important}.chakra-button{background:#0000!important;border:none!important;border-bottom:3px solid #0000!important;border-radius:var(--radius-lg) var(--radius-lg) 0 0!important;color:var(--text-secondary)!important;font-size:1rem!important;margin:0!important;min-width:120px!important;padding:1rem 1.5rem!important;text-align:center!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}:root{--primary-color:#6366f1;--primary-dark:#4f46e5;--primary-light:#a5b4fc;--success-color:#10b981;--success-dark:#059669;--danger-color:#ef4444;--danger-dark:#dc2626;--warning-color:#f59e0b;--warning-dark:#d97706;--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-card:#334155;--bg-hover:#475569;--border-color:#475569;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem}body.light-theme{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-card:#fff;--bg-hover:#f1f5f9;--border-color:#e2e8f0;--text-primary:#1e293b;--text-secondary:#475569;--text-tertiary:#64748b}.chakra-card{background:none!important}.bot-detail-container{background:#0f172a;background:var(--bg-primary);color:#f1f5f9;color:var(--text-primary);min-height:100vh;padding:2rem}.bot-detail-header{align-items:flex-start;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#334155;background:var(--bg-card);border:1px solid #475569;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);display:flex;justify-content:space-between;margin-bottom:2.5rem;padding:2rem}.bot-detail-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#a5b4fc);background:linear-gradient(135deg,var(--primary-color),var(--primary-light));-webkit-background-clip:text;background-clip:text;color:#f1f5f9;color:var(--text-primary);font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.header-subtitle{color:#cbd5e1;color:var(--text-secondary);font-size:1.1rem;font-weight:400;margin:0}.header-actions{align-items:center;display:flex;gap:1rem}.header-actions button{align-items:center;border:none;border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.header-actions button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.header-actions button:hover:before{left:100%}.edit-btn{background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.edit-btn:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.flow-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:#fff}.flow-btn:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.copy-btn{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--success-color),var(--success-dark));box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:#fff}.copy-btn:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--danger-color),var(--danger-dark));box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.delete-btn:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.save-btn{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--success-color),var(--success-dark));box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.save-btn:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.cancel-btn{background:#1e293b;background:var(--bg-secondary);border:1px solid #475569;border:1px solid var(--border-color);color:#f1f5f9;color:var(--text-primary)}.cancel-btn:hover{background:#475569;background:var(--bg-hover);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.chakra-modal__overlay{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#0f172acc!important;height:100vh!important;left:0!important;position:fixed!important;top:0!important;inset:0!important;width:100vw!important}.chakra-modal__content-container{align-items:center!important;display:flex!important;height:100%!important;justify-content:center!important;padding:2rem!important;position:relative!important;width:100%!important}.chakra-modal__content{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#334155!important;background:var(--bg-card)!important;border:1px solid #475569!important;border:1px solid var(--border-color)!important;border-radius:1rem!important;border-radius:var(--radius-xl)!important;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a!important;box-shadow:var(--shadow-xl)!important;margin:0 auto!important;max-height:90vh!important;max-width:600px!important;opacity:1!important;position:relative!important;width:100%!important}.chakra-modal__header{background:#1e293b!important;background:var(--bg-secondary)!important;border-bottom:1px solid #475569!important;border-bottom:1px solid var(--border-color)!important;border-radius:1rem 1rem 0 0!important;border-radius:var(--radius-xl) var(--radius-xl) 0 0!important;padding:2rem!important}.chakra-modal__header h2{font-size:1.5rem!important;font-weight:700!important;margin:0!important}.chakra-modal__body,.chakra-modal__header h2{color:#f1f5f9!important;color:var(--text-primary)!important}.chakra-modal__body{max-height:60vh!important;overflow-y:auto!important;padding:2rem!important}.chakra-modal__footer{background:#0f172a!important;background:var(--bg-primary)!important;border-radius:0 0 1rem 1rem!important;border-radius:0 0 var(--radius-xl) var(--radius-xl)!important;border-top:1px solid #475569!important;border-top:1px solid var(--border-color)!important;padding:1.5rem 2rem!important}.chakra-modal__close-btn{background:#0000!important;border-radius:.75rem!important;border-radius:var(--radius-lg)!important;color:#cbd5e1!important;color:var(--text-secondary)!important;height:40px!important;right:1.5rem!important;top:1.5rem!important;transition:all .2s!important;width:40px!important}.chakra-modal__close-btn:hover{background:#475569!important;background:var(--bg-hover)!important;color:#f1f5f9!important;color:var(--text-primary)!important;transform:scale(1.1)!important}.chakra-tabs__tablist{background:#334155!important;background:var(--bg-card)!important;border:1px solid #475569!important;border:1px solid var(--border-color)!important;border-bottom:none!important;border-radius:1rem 1rem 0 0!important;border-radius:var(--radius-xl) var(--radius-xl) 0 0!important;display:flex!important;flex-direction:row!important;gap:.5rem!important;justify-content:flex-start!important;margin-bottom:0!important;padding:1rem 2rem 0!important;position:relative!important}.chakra-tabs__tablist:after{background:#475569!important;background:var(--border-color)!important;bottom:0!important;content:""!important;height:1px!important;left:0!important;position:absolute!important;right:0!important}.chakra-tabs__tab{background:#0000!important;border:none!important;border-bottom:3px solid #0000!important;border-radius:.75rem .75rem 0 0!important;border-radius:var(--radius-lg) var(--radius-lg) 0 0!important;color:#cbd5e1!important;color:var(--text-secondary)!important;cursor:pointer!important;font-size:1rem!important;font-weight:600!important;margin:0!important;min-width:120px!important;padding:1rem 1.5rem!important;position:relative!important;text-align:center!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;white-space:nowrap!important}.chakra-tabs__tab:hover{background:#475569!important;background:var(--bg-hover)!important}.chakra-tabs__tab:hover,.chakra-tabs__tab[aria-selected=true]{color:#6366f1!important;color:var(--primary-color)!important;transform:translateY(-2px)!important}.chakra-tabs__tab[aria-selected=true]{background:#0f172a!important;background:var(--bg-primary)!important;border-bottom:3px solid #6366f1!important;border-bottom:3px solid var(--primary-color)!important}.chakra-tabs__tab[aria-selected=true]:before{background:linear-gradient(90deg,#6366f1,#a5b4fc)!important;background:linear-gradient(90deg,var(--primary-color),var(--primary-light))!important;border-radius:2px 2px 0 0!important;bottom:-3px!important;content:""!important;height:3px!important;left:0!important;position:absolute!important;right:0!important}.tabrow{background:#334155;background:var(--bg-card);border:1px solid #475569;border:1px solid var(--border-color);border-bottom:none;border-radius:1rem 1rem 0 0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;display:flex;flex-direction:row;gap:.5rem;justify-content:flex-start;margin-bottom:0;padding:1rem 2rem 0;position:relative}.tabrow:after{background:#475569;background:var(--border-color);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.tabbutton{background:#0000!important;border:none!important;border-bottom:3px solid #0000!important;border-radius:.75rem .75rem 0 0!important;border-radius:var(--radius-lg) var(--radius-lg) 0 0!important;color:#cbd5e1!important;color:var(--text-secondary)!important;cursor:pointer!important;font-size:1rem!important;font-weight:600!important;margin:0!important;min-width:120px!important;padding:1rem 1.5rem!important;position:relative!important;text-align:center!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;white-space:nowrap!important}.tabbutton:hover{background:#475569!important;background:var(--bg-hover)!important}.tabbutton:hover,.tabbutton[aria-selected=true]{color:#6366f1!important;color:var(--primary-color)!important;transform:translateY(-2px)!important}.tabbutton[aria-selected=true]{background:#0f172a!important;background:var(--bg-primary)!important;border-bottom:3px solid #6366f1!important;border-bottom:3px solid var(--primary-color)!important}.tabbutton[aria-selected=true]:before{background:linear-gradient(90deg,#6366f1,#a5b4fc);background:linear-gradient(90deg,var(--primary-color),var(--primary-light));border-radius:2px 2px 0 0;bottom:-3px;content:"";height:3px;left:0;position:absolute;right:0}.chakra-tabs__tab-panels{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#334155!important;background:var(--bg-card)!important;border:1px solid #475569!important;border:1px solid var(--border-color)!important;border-radius:0 0 1rem 1rem!important;border-radius:0 0 var(--radius-xl) var(--radius-xl)!important;border-top:none!important;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a!important;box-shadow:var(--shadow-lg)!important}.chakra-tabs__tab-panel{color:#f1f5f9!important;color:var(--text-primary)!important;padding:2.5rem!important}.bot-detail-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#334155;background:var(--bg-card);border:1px solid #475569;border:1px solid var(--border-color);border-radius:0 0 1rem 1rem;border-radius:0 0 var(--radius-xl) var(--radius-xl);border-top:none;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);padding:2.5rem}.chakra-modal__body .chakra-form-control{margin-bottom:1.5rem!important}.chakra-modal__body .chakra-form__label{color:#cbd5e1!important;color:var(--text-secondary)!important;font-size:.95rem!important;font-weight:600!important;margin-bottom:.5rem!important}.chakra-modal__body .chakra-input{background:#0f172a!important;background:var(--bg-primary)!important;border:2px solid #475569!important;border:2px solid var(--border-color)!important;border-radius:.75rem!important;border-radius:var(--radius-lg)!important;color:#f1f5f9!important;color:var(--text-primary)!important;font-size:1rem!important;padding:1rem 1.25rem!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.chakra-modal__body .chakra-input:focus{border-color:#6366f1!important;border-color:var(--primary-color)!important;box-shadow:0 0 0 4px #6366f11a!important;outline:none!important;transform:translateY(-1px)!important}.chakra-modal__footer .chakra-button{border-radius:.75rem!important;border-radius:var(--radius-lg)!important;font-weight:600!important;padding:.75rem 1.5rem!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.chakra-modal__footer .chakra-button[data-theme=blue]{background:#6366f1!important;background:var(--primary-color)!important;border:none!important;color:#fff!important}.chakra-modal__footer .chakra-button[data-theme=blue]:hover{background:#4f46e5!important;background:var(--primary-dark)!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a!important;box-shadow:var(--shadow-md)!important;transform:translateY(-1px)!important}.chakra-modal__footer .chakra-button[variant=outline]{background:#1e293b!important;background:var(--bg-secondary)!important;border:1px solid #475569!important;border:1px solid var(--border-color)!important;color:#f1f5f9!important;color:var(--text-primary)!important}.chakra-modal__footer .chakra-button[variant=outline]:hover{background:#475569!important;background:var(--bg-hover)!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a!important;box-shadow:var(--shadow-md)!important;transform:translateY(-1px)!important}.form-row{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.form-group{gap:.75rem}.form-group.full-width{grid-column:1/-1}.form-group label{color:#cbd5e1;font-weight:600}.form-group input[type=number],.form-group input[type=text],.form-group select,textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a;background:var(--bg-primary);border:2px solid #475569;border:2px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#f1f5f9;color:var(--text-primary);font-size:1rem;font-weight:500;padding:1rem 1.25rem;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.form-group input[type=number]:focus,.form-group input[type=text]:focus,.form-group select:focus,.form-group textarea:focus{border-color:#6366f1;border-color:var(--primary-color);box-shadow:0 0 0 4px #6366f11a,0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:0 0 0 4px #6366f11a,var(--shadow-md);outline:none;transform:translateY(-1px)}.form-group input[type=number]:disabled,.form-group input[type=text]:disabled,.form-group select:disabled,.form-group textarea:disabled{background:#1e293b;background:var(--bg-secondary);color:#94a3b8;color:var(--text-tertiary);cursor:not-allowed;opacity:.7}.form-group textarea{font-family:inherit;line-height:1.6;min-height:120px}.form-group textarea.system-prompt{min-height:180px}.checkbox-group{background:#1e293b;background:var(--bg-secondary);border:2px solid #475569;border:2px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;padding:1rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.checkbox-group:hover{border-color:#6366f1;border-color:var(--primary-color);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.checkbox-group label{align-items:center;color:#f1f5f9;color:var(--text-primary);display:flex;font-weight:600;gap:.75rem;margin:0}.checkbox-group input[type=checkbox]{accent-color:#6366f1;accent-color:var(--primary-color);border-radius:.375rem;border-radius:var(--radius-sm);height:20px;width:20px}.toggle-container{align-items:center;background:#1e293b;background:var(--bg-secondary);border:2px solid #475569;border:2px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);display:flex;justify-content:space-between;padding:1.25rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.toggle-container:hover{border-color:#6366f1;border-color:var(--primary-color);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.toggle-label{background:#475569;background:var(--border-color);box-shadow:inset 0 2px 4px #0000001a}.toggle-label,.toggle-label:before{transition:all .3s cubic-bezier(.4,0,.2,1)}.toggle-label:before{background:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.toggle-switch input:checked+.toggle-label{background:#6366f1;background:var(--primary-color)}.file-upload-area{background:#1e293b;background:var(--bg-secondary);border:3px dashed #475569;border:3px dashed var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);cursor:pointer;margin:2rem 0;overflow:hidden;padding:3rem;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.file-upload-area:before{background:linear-gradient(45deg,#0000 49%,#6366f10d 50%,#0000 51%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.file-upload-area:hover:before{opacity:1}.file-upload-area.dragging{background:#6366f11a;border-color:#6366f1;border-color:var(--primary-color);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);transform:scale(1.02)}.file-upload-content{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;position:relative;z-index:1}.file-upload-icon{color:#6366f1;color:var(--primary-color);height:64px;transition:all .3s;width:64px}.file-upload-area:hover .file-upload-icon{transform:translateY(-4px) scale(1.1)}.file-upload-text{color:#f1f5f9;color:var(--text-primary);font-size:1.25rem;font-weight:600}.file-upload-hint{color:#cbd5e1;color:var(--text-secondary);font-size:1rem}.attachments-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:2rem}.attachment-item{background:#334155;background:var(--bg-card);border:1px solid #475569;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.attachment-item:before{background:linear-gradient(90deg,#6366f1,#a5b4fc);background:linear-gradient(90deg,var(--primary-color),var(--primary-light));content:"";height:4px;left:0;position:absolute;right:0;top:0}.attachment-item:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-8px) scale(1.02)}.attachment-header{align-items:center;background:#1e293b;background:var(--bg-secondary);display:flex;gap:1rem;padding:1.5rem}.attachment-icon{align-items:center;background:#6366f1;background:var(--primary-color);border-radius:.75rem;border-radius:var(--radius-lg);color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;height:48px;justify-content:center;width:48px}.attachment-name{color:#f1f5f9;color:var(--text-primary);font-size:1.1rem;font-weight:700;margin:0}.attachment-details{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem}.attachment-date,.attachment-size{align-items:center;color:#cbd5e1;color:var(--text-secondary);display:flex;font-size:.9rem;justify-content:space-between}.attachment-actions{background:#0f172a;background:var(--bg-primary);border-top:1px solid #475569;border-top:1px solid var(--border-color);display:flex;gap:.75rem;padding:1.5rem}.attachment-actions button{align-items:center;border:1px solid #475569;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.download-btn{background:#6366f1;background:var(--primary-color);border-color:#6366f1;border-color:var(--primary-color);color:#fff}.download-btn:hover{background:#4f46e5;background:var(--primary-dark);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.remove-attachment-btn{background:#ef4444;background:var(--danger-color);border-color:#ef4444;border-color:var(--danger-color);color:#fff}.remove-attachment-btn:hover{background:#dc2626;background:var(--danger-dark);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.connections-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:2rem}.connection-item{background:#334155;background:var(--bg-card);border:2px solid #475569;border:2px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:1.75rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.connection-item:before{background:linear-gradient(90deg,#6366f1,#a5b4fc);background:linear-gradient(90deg,var(--primary-color),var(--primary-light));content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s}.connection-item:hover:before{transform:scaleX(1)}.connection-item:hover{border-color:#6366f1;border-color:var(--primary-color);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-6px)}.connection-item input[type=checkbox]{accent-color:#6366f1;accent-color:var(--primary-color);cursor:pointer;height:20px;position:absolute;right:1.5rem;top:1.5rem;width:20px}.connection-name{color:#f1f5f9;color:var(--text-primary);display:block;font-size:1.25rem;font-weight:700;margin-bottom:1rem;padding-right:2rem}.connection-details{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.connection-client,.connection-provider{align-items:center;color:#cbd5e1;color:var(--text-secondary);display:flex;font-size:1rem;gap:.5rem}.connection-client:before,.connection-provider:before{color:#94a3b8;color:var(--text-tertiary);content:attr(data-label);flex-shrink:0;font-weight:600;width:100px}.test-connection-btn{background:#1e293b;background:var(--bg-secondary);border:2px solid #475569;border:2px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);color:#f1f5f9;color:var(--text-primary);font-size:1rem;font-weight:600;margin-top:auto;padding:.875rem 1.25rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.test-connection-btn:hover:not(:disabled){background:#6366f1;background:var(--primary-color);border-color:#6366f1;border-color:var(--primary-color);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:#fff;transform:translateY(-2px)}.test-connection-btn:disabled{cursor:not-allowed;opacity:.5}.status-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;letter-spacing:.025em;padding:.5rem 1rem;text-transform:uppercase}.status-badge.active{background:#10b9811a;border:1px solid #10b98133;color:#10b981;color:var(--success-color)}.status-badge.inactive{background:#ef44441a;border:1px solid #ef444433;color:#ef4444;color:var(--danger-color)}.status-badge:before{background:currentColor;border-radius:50%;content:"";height:8px;width:8px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #6366f133;border-top:4px solid var(--primary-color);height:48px;width:48px}.no-data-state{align-items:center;background:#1e293b;background:var(--bg-secondary);border:2px dashed #475569;border:2px dashed var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);display:flex;flex-direction:column;justify-content:center;margin:2rem 0;padding:4rem 2rem;text-align:center}.no-data-state .icon{color:#94a3b8;color:var(--text-tertiary);height:80px;margin-bottom:1.5rem;width:80px}.no-data-state .title{color:#f1f5f9;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.no-data-state .description{color:#cbd5e1;color:var(--text-secondary);font-size:1.1rem;margin-bottom:2rem;max-width:400px}.no-data-state .action-btn{background:#6366f1;background:var(--primary-color);border:none;border-radius:.75rem;border-radius:var(--radius-lg);color:#fff;cursor:pointer;font-weight:600;padding:1rem 2rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.no-data-state .action-btn:hover{background:#4f46e5;background:var(--primary-dark);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.chakra-tabs{width:100%!important}.chakra-tabs__tablist{-ms-overflow-style:none!important;overflow-x:auto!important;scrollbar-width:none!important;width:100%!important}.chakra-tabs__tablist::-webkit-scrollbar{display:none!important}.chakra-tabs__tab{flex-shrink:0!important}.chakra-tabs__tab-panel[hidden]{display:none!important}body.light-theme .chakra-modal__overlay{background:#fffc!important}body.light-theme .chakra-modal__content{background:#fff!important;border-color:#0000001a!important;box-shadow:0 25px 50px -12px #00000040!important}@media (max-width:768px){.chakra-tabs__tablist{gap:.25rem!important;padding:1rem!important}.chakra-tabs__tab{font-size:.9rem!important;min-width:100px!important;padding:.75rem 1rem!important}.chakra-tabs__tab-panel{padding:1.5rem!important}.chakra-modal__content{margin:1rem!important;max-width:calc(100vw - 2rem)!important}.chakra-modal__body,.chakra-modal__footer,.chakra-modal__header{padding:1.5rem!important}}.chakra-switch{display:inline-block!important;position:relative!important;vertical-align:middle!important}.chakra-switch__input{clip:rect(0,0,0,0)!important;border:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.chakra-switch__track{background:#475569!important;background:var(--border-color)!important;border-radius:9999px!important;box-sizing:border-box!important;cursor:pointer!important;display:inline-flex!important;flex-shrink:0!important;height:24px!important;justify-content:flex-start!important;padding:2px!important;position:relative!important;transition:all .2s!important;width:50px!important}.chakra-switch__track[data-checked]{background:#6366f1!important;background:var(--primary-color)!important}.chakra-switch__track[data-disabled]{cursor:not-allowed!important;opacity:.4!important}.chakra-switch__thumb{background:#fff!important;border-radius:50%!important;box-shadow:0 2px 4px #0003!important;display:block!important;height:20px!important;transition:transform .2s!important;width:20px!important}.chakra-switch__thumb[data-checked]{transform:translateX(26px)!important}.chakra-checkbox{align-items:center!important;display:inline-flex!important;position:relative!important;vertical-align:top!important}.chakra-checkbox__input{clip:rect(0,0,0,0)!important;border:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.chakra-checkbox__control{align-items:center!important;background:#0f172a!important;background:var(--bg-primary)!important;border:2px solid #475569!important;border:2px solid var(--border-color)!important;border-radius:4px!important;cursor:pointer!important;display:inline-flex!important;flex-shrink:0!important;height:16px!important;justify-content:center!important;transition:all .2s!important;-webkit-user-select:none!important;user-select:none!important;vertical-align:top!important;width:16px!important}.chakra-checkbox__control[data-checked],.chakra-checkbox__control[data-indeterminate]{background:#6366f1!important;background:var(--primary-color)!important;border-color:#6366f1!important;border-color:var(--primary-color)!important;color:#fff!important}.chakra-checkbox__icon{color:currentColor!important;display:inline-block!important;flex-shrink:0!important;font-size:12px!important;line-height:1em!important}.chakra-badge{border-radius:4px!important;font-size:12px!important;letter-spacing:.025em!important;min-height:20px!important;padding-left:8px!important;padding-right:8px!important;text-transform:uppercase!important}.chakra-badge,.chakra-button{align-items:center!important;display:inline-flex!important;font-weight:600!important}.chakra-button{-webkit-appearance:none!important;appearance:none!important;border:1px solid #0000!important;border-radius:6px!important;cursor:pointer!important;font-size:16px!important;height:40px!important;justify-content:center!important;line-height:1.2!important;min-width:40px!important;outline:2px solid #0000!important;outline-offset:2px!important;padding-left:16px!important;padding-right:16px!important;position:relative!important;transition:all .2s!important;-webkit-user-select:none!important;user-select:none!important;vertical-align:middle!important;white-space:nowrap!important}.chakra-button:hover{transform:translateY(-1px)!important}.chakra-button:disabled{box-shadow:none!important;cursor:not-allowed!important;opacity:.4!important}.chakra-button:disabled:hover{transform:none!important}.chakra-input{-webkit-appearance:none!important;appearance:none!important;background:#0f172a!important;background:var(--bg-primary)!important;border:1px solid #475569!important;border:1px solid var(--border-color)!important;border-radius:6px!important;color:#f1f5f9!important;color:var(--text-primary)!important;height:40px!important;min-width:0!important;outline:2px solid #0000!important;outline-offset:2px!important;padding-left:16px!important;padding-right:16px!important;position:relative!important;transition:all .2s!important;width:100%!important}.chakra-input:focus{border-color:#6366f1!important;border-color:var(--primary-color)!important;box-shadow:0 0 0 1px #6366f1!important;box-shadow:0 0 0 1px var(--primary-color)!important}.chakra-modal__overlay,.chakra-portal{z-index:1400!important}.chakra-modal__content-container{z-index:1401!important}.chakra-modal__content,[role=dialog]{z-index:1402!important}[role=dialog]{opacity:1!important;transform:none!important}[data-focus-guard]{z-index:1399!important}.css-1oxhx2p,.css-1ufi6yu,.css-h72oty{opacity:1!important;position:relative!important;transform:none!important;z-index:1402!important}.chakra-modal__content[style*="opacity: 0"]{opacity:1!important}.chakra-modal__content[style*=transform]{transform:none!important}.chakra-modal__overlay{align-items:center!important;display:flex!important;justify-content:center!important;padding:1rem!important}.chakra-modal__content{bottom:auto!important;left:auto!important;margin:0!important;position:static!important;right:auto!important;top:auto!important;transform:none!important}.chakra-modal{align-items:center!important;display:flex!important;height:100%!important;justify-content:center!important;left:0!important;position:fixed!important;top:0!important;width:100%!important;z-index:1400!important}@media (max-width:768px){.bot-detail-container{padding:1rem}.bot-detail-header{align-items:stretch;flex-direction:column;gap:1.5rem}.header-actions{flex-wrap:wrap;justify-content:center}.form-row{gap:1.5rem;grid-template-columns:1fr}.tabrow{overflow-x:auto;padding:1rem}.bot-detail-content{padding:1.5rem}.chakra-textarea{width:100%}.attachments-list,.connections-list{grid-template-columns:1fr}.chakra-tabs__tablist{gap:.25rem!important;padding:1rem!important}.chakra-tabs__tab{font-size:.9rem!important;min-width:100px!important;padding:.75rem 1rem!important}.chakra-tabs__tab-panel{padding:1.5rem!important}.chakra-modal__content{margin:1rem!important;max-width:calc(100vw - 2rem)!important}.chakra-modal__body,.chakra-modal__footer,.chakra-modal__header{padding:1.5rem!important}}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1e293b;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#475569;background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#6366f1;background:var(--primary-color)}.connections-container{padding:1rem}.connections-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.connections-header h1{color:var(--text-primary);font-size:2rem;margin:0}.create-connection-btn{background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.7rem 1.5rem;transition:background-color var(--transition-speed)}.create-connection-btn:hover{background-color:var(--primary-color-hover)}.connection-filters{display:flex;gap:1rem;margin-bottom:1.5rem}.filter-select,.search-input{background-color:#2a2a2a;background-color:var(--input-bg,#2a2a2a);border:1px solid #333;border:1px solid var(--input-border,#333);border-radius:4px;color:#f0f0f0;color:var(--input-text,#f0f0f0);font-size:.9rem;padding:.7rem;transition:all .3s ease}.search-input{flex:1 1}.search-input::placeholder{color:var(--text-tertiary)}.filter-select{min-width:150px}.filter-select:focus,.search-input:focus{border-color:#3182ce;border-color:var(--primary-color,#3182ce);box-shadow:0 0 0 2px #3182ce40;outline:none}.no-results{background-color:#212121;background-color:var(--bg-card,#212121);border-radius:8px;color:#b0b0b0;color:var(--text-secondary,#b0b0b0);padding:2rem;text-align:center}.connections-table{background-color:var(--bg-card);border-radius:8px;box-shadow:0 4px 6px var(--shadow-color);overflow-x:auto}table{border-collapse:initial;border-spacing:0}thead{background-color:var(--bg-secondary)}th{border-bottom:2px solid var(--border-color);color:var(--text-primary)}td{border-bottom:1px solid var(--border-color);color:var(--text-secondary)}tr:hover{background-color:var(--bg-hover)}.type-badge{border-radius:20px;font-size:.8rem;font-weight:500;padding:.3rem .7rem}.type-badge.email{background-color:#4299e133;color:#63b3ed}.type-badge.social{background-color:#ecc94b33;color:#ecc94b}.type-badge.app{background-color:#9f7aea33;color:#b794f4}.status-indicator{align-items:center;display:flex;font-size:.9rem}.status-indicator:before{border-radius:50%;content:"";display:inline-block;height:10px;margin-right:.5rem;width:10px}.status-indicator.active:before{background-color:#38a169}.status-indicator.inactive:before{background-color:#e53e3e}.actions-cell{white-space:nowrap}.action-btn{border:none;border-radius:4px;cursor:pointer;font-size:.8rem;margin-right:.5rem;padding:.4rem .8rem;transition:background-color .3s}.test-btn{background-color:var(--accent-color);color:#fff}.test-btn:hover{background-color:var(--accent-color-hover)}.edit-btn{background-color:var(--secondary-color);color:#fff}.edit-btn:hover{background-color:var(--secondary-color-hover)}.delete-btn{background-color:var(--danger-color);color:#fff}.delete-btn:hover{background-color:var(--danger-color-hover)}.modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#212121;background-color:var(--bg-card,#212121);border-radius:8px;box-shadow:0 4px 20px #0000004d;box-shadow:0 4px 20px var(--shadow-color,#0000004d);max-height:90vh;max-width:90%;overflow-y:auto;width:600px}.modal-header{align-items:center;border-bottom:1px solid #333;border-bottom:1px solid var(--border-color,#333);display:flex;justify-content:space-between;padding:1.5rem}.modal-header h2{color:#f0f0f0;color:var(--text-primary,#f0f0f0);font-size:1.5rem;margin:0}.close-modal-btn{background:none;border:none;color:#b0b0b0;color:var(--text-secondary,#b0b0b0);cursor:pointer;font-size:1.5rem;transition:color .3s}.close-modal-btn:hover{color:#f0f0f0;color:var(--text-primary,#f0f0f0)}.modal-body{padding:1.5rem}.connection-form{display:flex;flex-direction:column;gap:1.5rem}.form-group label{color:#b0b0b0;color:var(--text-secondary,#b0b0b0)}.form-group input,.form-group select{background-color:#2a2a2a;background-color:var(--input-bg,#2a2a2a);border:1px solid #333;border:1px solid var(--border-color,#333);color:#f0f0f0;color:var(--input-text,#f0f0f0)}.form-group input:focus,.form-group select:focus{border-color:#3182ce}.connection-bots,.connection-config{background-color:#2a2a2a;background-color:var(--bg-tertiary,#2a2a2a);border-radius:8px;padding:1.5rem}.connection-bots h3,.connection-config h3{color:#f0f0f0;color:var(--text-primary,#f0f0f0);font-size:1.2rem;margin-bottom:1rem;margin-top:0}.config-fields{display:flex;flex-direction:column;gap:1rem}.bot-selection{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.checkbox-group{display:flex;gap:.5rem}.checkbox-group input[type=checkbox]{cursor:pointer;height:18px;width:18px}.checkbox-group label{color:#f0f0f0;color:var(--text-primary,#f0f0f0);cursor:pointer}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.cancel-btn,.save-btn{border-radius:4px;cursor:pointer;font-size:1rem;padding:.8rem 1.5rem;transition:background-color .3s}.save-btn{background-color:#3182ce;background-color:var(--primary-color,#3182ce)}.save-btn:hover{background-color:#2b6cb0;background-color:var(--primary-color-hover,#2b6cb0)}.cancel-btn{background-color:initial;border:1px solid #555;border:1px solid var(--border-color,#555);color:#b0b0b0;color:var(--text-secondary,#b0b0b0)}.cancel-btn:hover{background-color:#2a2a2a;background-color:var(--bg-hover,#2a2a2a)}.connections-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.connection-card{background-color:#212121;background-color:var(--bg-card,#212121);box-shadow:0 4px 6px #0000001a;box-shadow:var(--monday-card-shadow,0 4px 6px #0000001a);display:flex;flex-direction:column;height:100%;transition:transform .3s ease,box-shadow .3s ease}.connection-card:hover{box-shadow:0 10px 15px #00000026;box-shadow:var(--monday-card-hover-shadow,0 10px 15px #00000026);transform:translateY(-5px)}.connection-card-header{align-items:center;background-color:#1a1a1a;background-color:var(--bg-tertiary,#1a1a1a);border-bottom:1px solid #333;border-bottom:1px solid var(--border-color,#333);display:flex;justify-content:space-between;padding:1.25rem}.connection-card-header h3{color:#f0f0f0;color:var(--text-primary,#f0f0f0);font-size:1.25rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connection-card-body{background-color:var(--bg-card);flex:1 1;padding:1.25rem}.connection-card-info p{align-items:center;background-color:var(--bg-card);color:#b0b0b0;color:var(--text-secondary,#b0b0b0);display:flex;justify-content:space-between;margin:.5rem 0}.connection-card-info p strong{color:#f0f0f0;color:var(--text-primary,#f0f0f0);margin-right:.5rem}.connection-card-footer{background-color:#1a1a1a;background-color:var(--bg-tertiary,#1a1a1a);border-top:1px solid #333;border-top:1px solid var(--border-color,#333);display:flex;justify-content:space-between;padding:1rem 1.25rem}.connection-card .type-badge{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:500;padding:.2rem .6rem;text-align:center}.connection-card .status-indicator{background-color:var(--bg-card);border-radius:20px;font-size:.85rem;padding:.2rem .6rem}.connection-card .status-indicator.active{border:1px solid #38a169;color:#38a169}.connection-card .status-indicator.inactive{border:1px solid #e53e3e;color:#e53e3e}.connection-card .status-indicator:before{display:none}.connection-card .action-btn{flex:1 1;font-size:.8rem;margin-right:.5rem;padding:.5rem .75rem;text-align:center}.connection-card .action-btn:last-child{margin-right:0}@media (max-width:768px){.connections-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:480px){.connections-grid{grid-template-columns:1fr}}.account-container{background-color:var(--bg-secondary);min-height:calc(100vh - 64px);padding:2rem}.account-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.account-header h1{color:var(--text-primary);font-size:2rem;margin:0}.account-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:300px 1fr}.account-sidebar{background-color:var(--bg-card);border-radius:8px;box-shadow:0 4px 6px var(--shadow-color);padding:1.5rem}.account-menu{list-style:none;margin:0;padding:0}.account-menu li{margin-bottom:.5rem}.account-menu a{border-radius:4px;color:var(--text-secondary);display:block;padding:.8rem 1rem;text-decoration:none;transition:background-color var(--transition-speed),color var(--transition-speed)}.account-menu a.active,.account-menu a:hover{background-color:var(--bg-hover);color:var(--text-primary)}.account-main{background-color:var(--bg-card);border-radius:8px;box-shadow:0 4px 6px var(--shadow-color);padding:1.5rem}.section-title{margin-bottom:1.5rem}.form-group input,.form-group select{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--input-text);font-size:1rem;padding:.8rem;width:100%}.form-group input:focus,.form-group select:focus{border-color:var(--primary-color);outline:none}.save-btn{background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.8rem 1.5rem;transition:background-color var(--transition-speed)}.save-btn:hover{background-color:var(--primary-color-hover)}.security-settings{margin-top:2rem}.security-item{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1rem}.security-item:last-child{border-bottom:none}.security-info h3{color:var(--text-primary);margin:0 0 .5rem}.security-info p{color:var(--text-secondary);margin:0}.security-actions button{background-color:var(--secondary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background-color var(--transition-speed)}.security-actions button:hover{background-color:var(--secondary-color-hover)}.notification-settings{margin-top:2rem}.notification-item{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1rem}.notification-item:last-child{border-bottom:none}.notification-info h3{color:var(--text-primary);margin:0 0 .5rem}.notification-info p{color:var(--text-secondary);margin:0}.toggle-switch{height:24px;width:50px}.toggle-slider{background-color:var(--bg-secondary);border-radius:24px;bottom:0;cursor:pointer;left:0;right:0;top:0}.toggle-slider,.toggle-slider:before{position:absolute;transition:var(--transition-speed)}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:16px;left:4px;width:16px}input:checked+.toggle-slider{background-color:var(--primary-color)}input:checked+.toggle-slider:before{transform:translateX(26px)}.account-tabs{background-color:var(--bg-card);border-bottom:1px solid var(--border-color);border-radius:8px 8px 0 0;display:flex;gap:.5rem;margin-bottom:2rem;padding:0 1rem}.account-tab{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1rem;padding:1rem 1.5rem;position:relative;transition:color var(--transition-speed)}.account-tab:hover{color:var(--text-primary)}.account-tab.active{color:var(--primary-color)}.account-tab.active:after{background-color:var(--primary-color);bottom:-1px;content:"";height:2px;left:0;position:absolute;width:100%}.tab-content{border-radius:0 0 8px 8px;box-shadow:0 4px 6px var(--shadow-color)}.account-section,.tab-content{background-color:var(--bg-card)}.account-section{border-radius:8px;box-shadow:0 2px 4px var(--shadow-color);margin-bottom:2rem;padding:2rem}.section-header{border-bottom:1px solid var(--border-color);margin-bottom:1.5rem;padding-bottom:1rem}.section-title{color:var(--text-primary);font-size:1.5rem;margin:0}.billing-container{color:#f0f0f0;color:var(--text-primary,#f0f0f0);padding:1rem}.billing-container h1{font-size:2rem;margin-bottom:2rem}.billing-tabs{border-bottom:1px solid #333;border-bottom:1px solid var(--border-color,#333);display:flex;gap:1rem;margin-bottom:2rem}.tab-btn{background:none;border:none;color:#b0b0b0;color:var(--text-secondary,#b0b0b0);cursor:pointer;font-size:1rem;padding:1rem 1.5rem;position:relative;transition:color .3s}.tab-btn:hover{color:#f0f0f0;color:var(--text-primary,#f0f0f0)}.tab-btn.active{color:#3182ce;color:var(--primary-color,#3182ce)}.tab-btn.active:after{background-color:#3182ce;background-color:var(--primary-color,#3182ce);bottom:-1px;content:"";height:2px;left:0;position:absolute;width:100%}.tab-content{background-color:#212121;background-color:var(--bg-card,#212121)}.current-plan-card,.tab-content{border-radius:8px;box-shadow:0 4px 6px #0000001a;box-shadow:0 4px 6px var(--shadow-color,#0000001a);padding:2rem}.current-plan-card{background-color:#2a2a2a;background-color:var(--bg-card,#2a2a2a);margin-bottom:2rem}.plan-header{align-items:center;border-bottom:1px solid #333;border-bottom:1px solid var(--border-color,#333);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1.5rem}.plan-header h2{color:#f0f0f0;color:var(--text-primary,#f0f0f0);font-size:1.5rem;margin:0}.plan-price{align-items:baseline;display:flex}.plan-price .price{color:#3182ce;font-size:2rem;font-weight:700}.plan-price .billing-cycle{color:#b0b0b0;margin-left:.5rem}.next-billing{color:#b0b0b0;margin-bottom:1.5rem}.plan-features h3{font-size:1.2rem;margin-bottom:1rem}.plan-features ul{list-style-type:none;margin:0;padding:0}.plan-features li{align-items:center;display:flex;padding:.5rem 0}.plan-features li:before{color:#38a169;content:"✓";font-weight:700;margin-right:.8rem}.plan-actions{display:flex;gap:1rem;margin-top:2rem}.cancel-plan-btn,.change-plan-btn{border-radius:4px;cursor:pointer;font-size:1rem;padding:.8rem 1.5rem;transition:background-color .3s}.change-plan-btn{background-color:#3182ce;background-color:var(--primary-color,#3182ce);border:none;color:#fff}.change-plan-btn:hover{background-color:#2b6cb0;background-color:var(--primary-color-dark,#2b6cb0)}.cancel-plan-btn{background-color:initial;border:1px solid #e53e3e;border:1px solid var(--error-color,#e53e3e);color:#fc8181;color:var(--error-text,#fc8181)}.cancel-plan-btn:hover{background-color:#e53e3e1a}.usage-summary{background-color:#2a2a2a;background-color:var(--bg-card,#2a2a2a);border-radius:8px;box-shadow:0 4px 6px #0000001a;box-shadow:0 4px 6px var(--shadow-color,#0000001a);padding:2rem}.usage-summary h3{color:#f0f0f0;color:var(--text-primary,#f0f0f0);font-size:1.2rem;margin-bottom:1.5rem}.usage-metrics{display:flex;flex-direction:column;gap:1.5rem}.usage-metric{align-items:center;display:flex}.metric-name{color:#b0b0b0;color:var(--text-secondary,#b0b0b0);width:120px}.progress-bar{background-color:#333;background-color:var(--bg-secondary,#333);border-radius:4px;flex:1 1;height:8px;margin:0 1rem;overflow:hidden}.progress{background-color:#3182ce;background-color:var(--primary-color,#3182ce);border-radius:4px;height:100%}.metric-value{color:#f0f0f0;color:var(--text-primary,#f0f0f0);text-align:right;width:80px}.invoices-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.invoices-header h2{font-size:1.5rem;margin:0}.download-all-btn{background-color:initial;border:1px solid #3182ce;border:1px solid var(--primary-color,#3182ce);border-radius:4px;color:#3182ce;color:var(--primary-color,#3182ce);cursor:pointer;font-size:.9rem;padding:.6rem 1.2rem;transition:background-color .3s}.download-all-btn:hover{background-color:#3182ce1a;background-color:var(--primary-bg-light,#3182ce1a)}.invoices-table{overflow-x:auto}table{border-collapse:collapse;width:100%}thead{background-color:#1a1a1a;background-color:var(--bg-secondary,#1a1a1a)}th{color:#b0b0b0;color:var(--text-secondary,#b0b0b0);font-weight:600;text-align:left}td,th{border-bottom:1px solid #333;border-bottom:1px solid var(--border-color,#333);padding:1rem}td{color:#f0f0f0;color:var(--text-primary,#f0f0f0)}tr:last-child td{border-bottom:none}tr:hover{background-color:#0000000d;background-color:var(--bg-hover,#0000000d)}.status-badge{border-radius:20px;font-size:.8rem;font-weight:500;padding:.3rem .7rem}.status-badge.paid{background-color:#38a16933;background-color:var(--success-bg,#38a16933);color:#4fd1c5;color:var(--success-color,#4fd1c5)}.status-badge.pending{background-color:#ecc94b33;background-color:var(--warning-bg,#ecc94b33);color:#ecc94b;color:var(--warning-color,#ecc94b)}.invoice-action-btn{background-color:initial;border:1px solid #555;border:1px solid var(--border-color,#555);border-radius:4px;color:#b0b0b0;color:var(--text-secondary,#b0b0b0);cursor:pointer;font-size:.8rem;margin-right:.5rem;padding:.4rem .8rem;transition:background-color .3s}.invoice-action-btn:hover{background-color:#2a2a2a;background-color:var(--bg-card,#2a2a2a);color:#f0f0f0;color:var(--text-primary,#f0f0f0)}.payment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.payment-header h2{font-size:1.5rem;margin:0}.add-payment-btn{background-color:#3182ce;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.7rem 1.5rem;transition:background-color .3s}.add-payment-btn:hover{background-color:#2b6cb0}.payment-methods{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.payment-method-card{align-items:center;background-color:#2a2a2a;background-color:var(--bg-card,#2a2a2a);border-radius:8px;display:flex;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.payment-method-card:hover{box-shadow:0 6px 12px #00000026;box-shadow:0 6px 12px var(--shadow-color,#00000026);transform:translateY(-2px)}.payment-method-card.default{border:1px solid #3182ce;border:1px solid var(--primary-color,#3182ce)}.payment-method-icon{color:#b0b0b0;color:var(--text-secondary,#b0b0b0);margin-right:1.5rem}.payment-method-details{flex:1 1}.payment-method-details h4{align-items:center;display:flex;font-size:1rem;margin:0 0 .3rem}.default-badge{background-color:#3182ce33;background-color:var(--primary-bg-light,#3182ce33);border-radius:4px;color:#63b3ed;color:var(--primary-color-light,#63b3ed);font-size:.8rem;font-weight:400;margin-left:1rem;padding:.2rem .5rem}.expiry{color:#b0b0b0;font-size:.9rem;margin:0}.payment-method-actions{display:flex;gap:.5rem}.make-default-btn,.remove-method-btn{border-radius:4px;cursor:pointer;font-size:.8rem;padding:.5rem 1rem;transition:background-color .3s}.make-default-btn{background-color:initial;border:1px solid #3182ce;color:#63b3ed}.make-default-btn:hover{background-color:#3182ce1a}.remove-method-btn{background-color:initial;border:1px solid #555;border:1px solid var(--border-color,#555);color:#b0b0b0;color:var(--text-secondary,#b0b0b0)}.remove-method-btn:hover{background-color:#333;background-color:var(--bg-hover,#333);color:#f0f0f0;color:var(--text-primary,#f0f0f0)}.billing-address{background-color:#2a2a2a;background-color:var(--bg-card,#2a2a2a);border-radius:8px;padding:1.5rem}.address-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.address-header h3{font-size:1.2rem;margin:0}.edit-address-btn{background-color:initial;border:1px solid #555;border:1px solid var(--border-color,#555);border-radius:4px;color:#b0b0b0;color:var(--text-secondary,#b0b0b0);cursor:pointer;font-size:.8rem;padding:.4rem .8rem;transition:background-color .3s}.edit-address-btn:hover{background-color:#333;background-color:var(--bg-hover,#333);color:#f0f0f0;color:var(--text-primary,#f0f0f0)}.address-details p{color:#b0b0b0;color:var(--text-secondary,#b0b0b0);margin:.3rem 0}.search-container{margin-bottom:1.5rem;max-width:300px;width:100%}.search-input{border:1px solid var(--input-border,#333);font-size:.9rem;padding:.75rem 1rem;transition:all .3s ease}.search-input:focus{box-shadow:0 0 0 2px #3182ce40}.search-input::placeholder{color:#718096;color:var(--text-tertiary,#718096)}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--input-border,#333);border-radius:6px;font-size:.9rem;padding:.75rem 1rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color,#3182ce);box-shadow:0 0 0 2px #3182ce40}.flux-node{background-color:#2a2a2a;border:2px solid #0000;border-radius:8px;box-shadow:0 4px 6px #0000004d;cursor:grab;position:absolute;transition:box-shadow .2s,transform .2s;-webkit-user-select:none;user-select:none;width:150px;z-index:10}.flux-node:hover{box-shadow:0 6px 12px #0006;transform:translateY(-2px)}.flux-node.selected{border-color:#3182ce;box-shadow:0 0 0 2px #3182ce4d,0 6px 12px #00000080}.flux-visualizer-container{background-color:#1a1a1a;background-color:var(--bg-secondary,#1a1a1a);display:flex;flex-direction:column;height:calc(100vh - 100px);overflow:hidden;position:relative}.flux-canvas{background-color:#171717;background-color:var(--bg-primary,#171717);background-image:linear-gradient(#5050501a 1px,#0000 0),linear-gradient(90deg,#5050501a 1px,#0000 0);background-size:20px 20px;flex:1 1;min-height:500px;overflow:auto;position:relative;transform-origin:top left;transition:transform .2s ease}.node-properties-panel{background-color:#212121;background-color:var(--bg-card,#212121);border-left:1px solid #333;border-left:1px solid var(--border-color,#333);bottom:0;color:#f0f0f0;color:var(--text-primary,#f0f0f0);overflow-y:auto;padding:1rem;position:absolute;right:0;top:60px;width:300px}.node-properties-panel h3{border-bottom:1px solid #333;border-bottom:1px solid var(--border-color,#333);font-size:1.2rem;margin-bottom:1rem;margin-top:0;padding-bottom:.5rem}.property-form{display:flex;flex-direction:column;gap:1rem}.property-form .form-group{display:flex;flex-direction:column;gap:.5rem}.property-form label{color:#b0b0b0;color:var(--text-secondary,#b0b0b0);font-size:.9rem}.property-form input,.property-form select,.property-form textarea{background-color:#2a2a2a;background-color:var(--input-bg,#2a2a2a);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:4px;color:#f0f0f0;color:var(--input-text,#f0f0f0);font-size:.9rem;padding:.7rem}.property-form input:focus,.property-form select:focus,.property-form textarea:focus{border-color:#3182ce;border-color:var(--primary-color,#3182ce);outline:none}.flux-canvas.dragging{cursor:grabbing}.auth-container{align-items:center;background-color:var(--bg-primary);background-image:radial-gradient(circle at 25% 25%,#3566b933 0,#0000 50%),radial-gradient(circle at 75% 75%,#6a5acd33 0,#0000 50%);display:flex;justify-content:center;min-height:100vh;padding:2rem}.auth-card{background-color:var(--bg-secondary);border-radius:10px;box-shadow:0 10px 25px var(--shadow-color);max-width:450px;padding:2.5rem;width:100%}.register-card{max-width:550px}.auth-header{margin-bottom:2rem;text-align:center}.auth-logo{align-items:center;background-color:#3182ce1a;border-radius:50%;display:flex;height:60px;justify-content:center;margin:0 auto 1rem;padding:12px;width:60px}.auth-header h1{color:var(--text-primary);font-size:1.8rem;margin:0 0 .5rem}.auth-header p{color:var(--text-secondary);margin:0}.auth-error{background-color:#e53e3e1a;border-left:3px solid var(--danger-color);border-radius:4px;color:#fc8181;margin-bottom:1.5rem;padding:1rem}.auth-form{gap:1.5rem}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-row{gap:1.5rem}.form-group label{color:var(--text-secondary);font-size:.9rem}.form-group input[type=email],.form-group input[type=password],.form-group input[type=text]{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--input-text);font-size:1rem;padding:.9rem;transition:border-color var(--transition-speed),box-shadow var(--transition-speed)}.form-group input:focus{border-color:var(--input-focus-border);box-shadow:0 0 0 1px var(--input-focus-border);outline:none}.form-group input::placeholder{color:var(--text-tertiary)}.remember-me{align-items:center;display:flex;gap:.5rem}.remember-me input[type=checkbox]{accent-color:var(--primary-color);cursor:pointer;height:18px;width:18px}.remember-me label{color:var(--text-secondary);cursor:pointer;font-size:.9rem}.forgot-password{color:var(--primary-color);font-size:.9rem;text-decoration:none;transition:color var(--transition-speed)}.forgot-password:hover{color:var(--primary-color-hover);text-decoration:underline}.terms-checkbox{align-items:flex-start;display:flex;gap:.7rem;margin-top:.5rem}.terms-checkbox input[type=checkbox]{accent-color:var(--primary-color);cursor:pointer;height:18px;margin-top:3px;width:18px}.terms-checkbox label{color:var(--text-secondary);font-size:.9rem;line-height:1.4}.terms-checkbox a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-speed)}.terms-checkbox a:hover{color:var(--primary-color-hover);text-decoration:underline}.auth-button{background-color:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;padding:1rem;transition:background-color var(--transition-speed)}.auth-button:hover{background-color:var(--primary-color-hover)}.auth-button:disabled{background-color:var(--secondary-color);cursor:not-allowed}.auth-footer{border-top:1px solid var(--border-color);color:var(--text-secondary);margin-top:2rem;padding-top:1.5rem;text-align:center}.auth-footer a{color:var(--primary-color);font-weight:600;text-decoration:none;transition:color var(--transition-speed)}.auth-footer a:hover{color:var(--primary-color-hover);text-decoration:underline}@media (max-width:480px){.auth-card{padding:1.5rem}.form-row{flex-direction:column;gap:1rem}}.welcome-container{background-color:#121212;background-color:var(--bg-secondary,#121212);color:#f7fafc;color:var(--text-primary,#f7fafc);min-height:calc(100vh - 64px);padding:2rem}.welcome-content{margin:0 auto;max-width:800px;padding:3rem 2rem;text-align:center}.welcome-header{margin-bottom:3rem}.welcome-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;color:var(--text-primary);font-size:2.5rem;margin-bottom:1rem}.welcome-header p{color:var(--text-secondary);font-size:1.2rem;margin:0 auto;max-width:600px}.progress-indicator{margin:2rem auto 4rem;max-width:700px;position:relative}.progress-step{flex:1 1;flex-direction:column;padding:0;z-index:2}.step-number{align-items:center;background-color:#4a5568;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;display:flex;font-size:18px;font-weight:600;height:40px;justify-content:center;margin-bottom:8px;position:relative;transition:all .3s ease;width:40px;z-index:3}.progress-step span{color:#a0aec0;font-size:.9rem;font-weight:500;text-align:center}.progress-step.active .step-number{background-color:#3182ce;box-shadow:0 0 0 4px #3182ce4d;transform:scale(1.2)}.progress-step.active span{color:#3182ce;font-weight:600}.progress-step.completed .step-number{background-color:#38a169}.progress-step.completed span{color:#38a169}.progress-step:before{left:0}.progress-step:after,.progress-step:before{background-color:#4a5568;top:20px;width:50%;z-index:1}.progress-step:after{content:"";height:2px;position:absolute;right:0}.progress-step:last-child:after{display:none}.progress-step.completed+.progress-step.active:before,.progress-step.completed:after,.progress-step.completed:before{background-color:#38a169}.progress-step:hover .step-number:not(.active){transform:scale(1.1)}@media (max-width:600px){.progress-indicator{padding:0 10px}.step-number{font-size:14px;height:32px;width:32px}.progress-step span{font-size:.7rem}.progress-step:after,.progress-step:before{top:16px}}.welcome-step{animation:fadeIn .4s ease-out;background-color:#2d3748;background-color:var(--bg-card,#2d3748);border:1px solid #4a5568;border:1px solid var(--border-color,#4a5568);border-radius:12px;box-shadow:0 8px 16px #00000026;margin-bottom:2rem;opacity:1;padding:2rem;position:relative;transform:translateY(0);transition:all .3s ease}.welcome-step.entering{opacity:0;transform:translateY(20px)}.welcome-step.exiting{opacity:0;transform:translateY(-20px)}.welcome-step h2{align-items:center;color:#f7fafc;color:var(--text-primary,#f7fafc);display:flex;font-size:1.5rem;margin-bottom:1rem;margin-top:0}.welcome-step h2:before{background:linear-gradient(180deg,#3182ce,#805ad5);background:linear-gradient(to bottom,var(--primary-color,#3182ce),var(--accent-color,#805ad5));border-radius:2px;content:"";display:inline-block;height:24px;margin-right:12px;width:4px}.welcome-description{color:#a0aec0;color:var(--text-secondary,#a0aec0);line-height:1.6;margin-bottom:2rem;max-width:650px}.form-group{transition:all .3s ease}.form-group label{color:#f7fafc;color:var(--text-primary,#f7fafc);font-size:.95rem;font-weight:500}.form-group input[type=text],.form-group textarea{background-color:#2d3748;background-color:var(--input-bg,#2d3748);border:1px solid #4a5568;border:1px solid var(--border-color,#4a5568);border-radius:6px;box-shadow:inset 0 1px 2px #0000001a;color:#f7fafc;color:var(--text-primary,#f7fafc);font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.form-group input[type=text]:focus,.form-group textarea:focus{border-color:#3182ce;border-color:var(--primary-color,#3182ce);box-shadow:0 0 0 2px #3182ce40,inset 0 1px 2px #0000001a;outline:none}.bot-types{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.bot-type-card{background-color:#1a202c;background-color:var(--bg-secondary,#1a202c);border:2px solid #0000;border-radius:8px;cursor:pointer;padding:1.5rem;transition:all .3s ease}.bot-type-card:hover{border-color:#4a5568;border-color:var(--border-color,#4a5568);transform:translateY(-4px)}.bot-type-card.selected{background-color:#3182ce1a;border-color:#3182ce;border-color:var(--primary-color,#3182ce)}.bot-type-icon{color:#3182ce;color:var(--primary-color,#3182ce);height:40px;margin-bottom:1rem;width:40px}.bot-type-icon svg{height:100%;width:100%}.bot-type-card h3{color:#f7fafc;color:var(--text-primary,#f7fafc);font-size:1.1rem;margin:0 0 .5rem}.bot-type-card p{color:#a0aec0;color:var(--text-secondary,#a0aec0);font-size:.9rem;line-height:1.5;margin:0}.provider-card,.providers-grid{display:none}.providers-grid::-webkit-scrollbar{height:6px}.providers-grid::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:10px}.providers-grid::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.providers-grid::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.provider-card{align-items:center;background-color:#1a202c;background-color:var(--bg-secondary,#1a202c);display:flex;flex:0 0 auto;flex-direction:column;max-width:220px;min-width:180px;padding:1rem;text-align:center}.provider-card:hover{border-color:#4a5568;border-color:var(--border-color,#4a5568);transform:translateY(-4px)}.provider-card.selected{background-color:var(--primary-bg-light);border-color:var(--primary-color,#3182ce)}.provider-card h3{font-size:.95rem;margin:.5rem 0}.provider-card p{font-size:.8rem;line-height:1.3}.provider-icon{color:#3182ce;color:var(--primary-color,#3182ce);height:36px;margin:0 auto .5rem;width:36px}.provider-icon .selected-icon{color:var(--primary-color)}.provider-placeholder{font-size:1rem;height:36px;width:36px}.step-actions{align-items:center;margin-top:3rem}.continue-button,.submit-button{align-items:center;background-color:#3182ce;background-color:var(--primary-color,#3182ce);border:none;border-radius:6px;box-shadow:0 4px 6px #3182ce33;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:8px;padding:.75rem 1.5rem;transition:all .3s ease}.continue-button:hover:not(:disabled),.submit-button:hover:not(:disabled){background-color:#2c5282;background-color:var(--primary-color-dark,#2c5282);box-shadow:0 6px 8px #3182ce40;transform:translateY(-2px)}.continue-button:focus,.submit-button:focus{box-shadow:0 0 0 3px #3182ce4d;outline:none}.continue-button:disabled,.submit-button:disabled{cursor:not-allowed;opacity:.6}.continue-button:after{content:"→";margin-left:8px;transition:transform .2s ease}.continue-button:hover:after{transform:translateX(4px)}.back-button,.skip-button{align-items:center;background-color:initial;border:1px solid #4a5568;border:1px solid var(--border-color,#4a5568);border-radius:6px;color:#f7fafc;color:var(--text-primary,#f7fafc);cursor:pointer;display:flex;font-size:1rem;gap:8px;padding:.75rem 1.5rem;transition:all .3s ease}.back-button:before{content:"←";margin-right:8px;transition:transform .2s ease}.back-button:hover:before{transform:translateX(-4px)}.back-button:hover,.skip-button:hover{background-color:#ffffff0d;box-shadow:0 2px 4px #0000001a;transform:translateY(-2px)}.summary-card{background-color:#1a202c;background-color:var(--bg-secondary,#1a202c)}.summary-header{background-color:#3182ce;background-color:var(--primary-color,#3182ce);padding:1rem}.summary-header h3{color:#fff;font-size:1.1rem;margin:0}.summary-content{padding:1.5rem}.summary-item{margin-bottom:1rem}.summary-label{color:#a0aec0;color:var(--text-secondary,#a0aec0);flex-shrink:0;width:140px}.summary-value{color:#f7fafc;color:var(--text-primary,#f7fafc)}.error-message{background-color:#fed7d733;background-color:var(--error-bg,#fed7d733);border-left:4px solid #e53e3e;border-left:4px solid var(--error-color,#e53e3e);border-radius:6px;color:#fc8181;color:var(--error-text,#fc8181);margin-bottom:1.5rem;padding:.75rem}.checkbox-group{align-items:center;flex-direction:row!important}.checkbox-group input{margin-right:.5rem}.system-prompt-preview{background-color:#2d3748;background-color:var(--bg-card,#2d3748);border-radius:8px;margin-top:2rem;padding:1rem}.system-prompt-preview h4{font-size:1rem;margin-bottom:.5rem;margin-top:0}.prompt-container,.system-prompt-preview h4{color:#f7fafc;color:var(--text-primary,#f7fafc)}.prompt-container{background-color:#1a202c;background-color:var(--bg-secondary,#1a202c);border-radius:6px;font-family:monospace;font-size:.9rem;line-height:1.5;max-height:150px;overflow-y:auto;padding:1rem;white-space:pre-wrap}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.flux-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:2rem 0}.flux-card{background-color:#1e293b;background-color:var(--bg-secondary,#1e293b);border:2px solid #4a5568;border:2px solid var(--border-color,#4a5568);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;height:100%;padding:1.5rem;transition:all .3s ease}.flux-card:hover{box-shadow:0 8px 15px #0003;transform:translateY(-5px)}.flux-card.selected,.flux-card:hover{border-color:#3182ce;border-color:var(--primary-color,#3182ce)}.flux-card.selected{background-color:#2c3c5a;background-color:var(--bg-highlight,#2c3c5a);box-shadow:0 0 0 2px #3182ce80;box-shadow:0 0 0 2px var(--primary-color-light,#3182ce80)}.flux-card h3{color:#f7fafc;color:var(--text-primary,#f7fafc);font-size:1.2rem;margin-bottom:.5rem;margin-top:0}.flux-card p{color:#a0aec0;color:var(--text-secondary,#a0aec0);flex-grow:1;font-size:.9rem;margin-bottom:1.5rem}.flux-card-details{border-top:1px solid #4a5568;border-top:1px solid var(--border-color,#4a5568);display:flex;justify-content:space-between;padding-top:1rem}.flux-card-details span{background-color:#1a202c;background-color:var(--bg-card,#1a202c);border-radius:4px;color:#a0aec0;color:var(--text-tertiary,#a0aec0);font-size:.8rem;padding:.3rem .6rem}.providers-section{margin-bottom:2rem;overflow:hidden;position:relative}.providers-section h3{align-items:center;display:flex;margin-bottom:.75rem}.providers-section h3:before{background-color:var(--primary-color);border-radius:2px;content:"";display:inline-block;height:18px;margin-right:8px;width:4px}.providers-section p{color:#a0aec0;color:var(--text-secondary,#a0aec0);font-size:.9rem;margin-bottom:1.2rem}.provider-placeholder{align-items:center;background-color:#1a202c;background-color:var(--bg-secondary,#1a202c);border-radius:50%;color:#f7fafc;color:var(--text-primary,#f7fafc);display:flex;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;width:40px}.step-actions{display:flex;gap:1rem;justify-content:space-between;margin-top:2rem}.skip-button{background-color:initial;border:1px solid #4a5568;border:1px solid var(--border-color,#4a5568);border-radius:4px;color:#a0aec0;color:var(--text-secondary,#a0aec0);cursor:pointer;font-size:.9rem;padding:.7rem 1.5rem;transition:all .3s}.skip-button:hover{background-color:#1e293b;background-color:var(--bg-secondary,#1e293b)}.form-group textarea,.skip-button:hover{color:#f7fafc;color:var(--text-primary,#f7fafc)}.form-group textarea{background-color:#1a202c;background-color:var(--bg-input,#1a202c);border:1px solid #4a5568;border:1px solid var(--border-color,#4a5568);border-radius:4px;font-size:1rem;padding:.8rem;resize:vertical;transition:all .3s ease;width:100%}.form-group textarea:focus{border-color:#3182ce;border-color:var(--primary-color,#3182ce);box-shadow:0 0 0 2px #3182ce40;outline:none}.options-container{background-color:#f9f9f9;border:1px solid #eaeaea;border-radius:8px;margin-top:2rem;padding:1.5rem}.option-item{display:flex;flex-direction:column;margin-bottom:1.2rem}.option-item label{align-items:center;display:flex;font-weight:500;margin-bottom:.5rem}.option-item label.required:after{color:#e53935;content:"*";margin-left:4px}.option-description{color:#666;cursor:help;font-size:.9em;margin-left:6px}.no-options-message{color:#666;font-style:italic;padding:2rem;text-align:center}.toggle-switch{display:inline-block;height:34px;position:relative;width:60px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-label{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-label:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:26px;left:4px;position:absolute;transition:.4s;width:26px}.toggle-switch input:checked+.toggle-label{background-color:#2196f3}.toggle-switch input:focus+.toggle-label{box-shadow:0 0 1px #2196f3}.toggle-switch input:checked+.toggle-label:before{transform:translateX(26px)}.ai-guide-section{margin:2rem 0;text-align:center}.ai-guide-button{align-items:center;background-color:#3182ce;background-color:var(--primary,#3182ce);border:none;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s ease}.ai-guide-button:hover{background-color:#2c5282;background-color:var(--primary-dark,#2c5282);box-shadow:0 6px 8px #00000026;transform:translateY(-2px)}.ai-guide-button:before{content:"🤖";font-size:20px;margin-right:8px}.action-type-group{background-color:var(--bg-card);border-radius:8px;box-shadow:var(--monday-card-shadow);margin-bottom:1.5rem;padding:1.5rem}.action-type-group h4{align-items:center;color:var(--text-primary);display:flex;font-family:var(--font-heading);font-size:1.125rem;margin-bottom:1rem}.action-type-group h4:before{background-color:var(--primary-color);border-radius:2px;content:"";display:inline-block;height:18px;margin-right:8px;width:4px}.action-provider-options{display:none}.provider-card .provider-icon{height:36px;margin:0 auto .5rem;width:36px}.provider-card img{height:36px;width:36px}.provider-selection{margin-top:.5rem}@media (max-width:768px){.action-provider-options,.providers-grid{justify-content:center}.provider-card{width:160px}}.provider-icon.whatsapp{color:#25d366}.provider-icon.email{color:#d44638}.provider-icon.web{color:#3182ce}.provider-icon.telegram{color:#08c}.provider-icon svg{height:100%;width:100%}.provider-info{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;text-align:center}.provider-info h4{color:var(--text-primary);font-size:.95rem;margin:0 0 .25rem}.provider-info p{color:var(--text-secondary);font-size:.8rem;margin:0}.providers-section .providers-grid{display:none}.providers-section .providers-grid::-webkit-scrollbar{height:6px}.providers-section .providers-grid::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:10px}.providers-section .providers-grid::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.providers-section .providers-grid::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.action-type-group .action-provider-options{-webkit-overflow-scrolling:touch;display:flex!important;flex-wrap:nowrap!important;gap:1rem;overflow-x:auto;padding:.5rem .25rem;scroll-padding:.5rem;scrollbar-width:thin;width:100%}.action-type-group .action-provider-options::-webkit-scrollbar{height:6px}.action-type-group .action-provider-options::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:10px}.action-type-group .action-provider-options::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.action-type-group .action-provider-options::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.action-type-group .action-provider-options,.providers-section .providers-grid{-webkit-overflow-scrolling:touch;display:flex!important;flex-wrap:nowrap!important;gap:1rem;margin-top:1rem;overflow-x:auto;padding:.5rem .25rem;scroll-padding:.5rem;scrollbar-width:thin;width:100%}.action-type-group .action-provider-options::-webkit-scrollbar,.providers-section .providers-grid::-webkit-scrollbar{height:6px}.action-type-group .action-provider-options::-webkit-scrollbar-track,.providers-section .providers-grid::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:10px}.action-type-group .action-provider-options::-webkit-scrollbar-thumb,.providers-section .providers-grid::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.action-type-group .action-provider-options::-webkit-scrollbar-thumb:hover,.providers-section .providers-grid::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.action-type-group .provider-card,.providers-section .provider-card{align-items:center;background-color:#1a202c;background-color:var(--bg-secondary,#1a202c);border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex!important;flex:0 0 auto;flex-direction:column;max-width:220px;min-width:180px;padding:1rem;text-align:center;transition:all .3s ease}.action-type-group .provider-card:hover,.providers-section .provider-card:hover{border-color:#4a5568;border-color:var(--border-color,#4a5568);transform:translateY(-4px)}.action-type-group .provider-card.selected,.providers-section .provider-card.selected{background-color:var(--primary-bg-light);border-color:#3182ce;border-color:var(--primary-color,#3182ce)}.template-selection-container{color:#f0f0f0;color:var(--text-primary,#f0f0f0);margin:0 auto;max-width:1200px;padding:2rem;width:100%}.template-selection-container h1{font-size:2rem;margin-bottom:1rem;text-align:center}.description{color:#b0b0b0;color:var(--text-secondary,#b0b0b0);margin-bottom:2rem;text-align:center}.filter-controls{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.search-container{position:relative}.search-input{background-color:#2a2a2a;background-color:var(--input-bg,#2a2a2a);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:6px;color:#f0f0f0;color:var(--input-text,#f0f0f0);font-size:1rem;padding:.8rem 1.2rem;width:100%}.search-input:focus{border-color:#3182ce;border-color:var(--primary-color,#3182ce);box-shadow:0 0 0 1px #3182ce;box-shadow:0 0 0 1px var(--primary-color,#3182ce);outline:none}.filter-buttons{display:flex;flex-wrap:wrap;gap:.8rem}.filter-btn{background-color:#2a2a2a;background-color:var(--bg-tertiary,#2a2a2a);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:6px;color:#b0b0b0;color:var(--text-secondary,#b0b0b0);cursor:pointer;font-size:.9rem;padding:.6rem 1.2rem;transition:all .3s ease}.filter-btn:hover{background-color:#333;background-color:var(--bg-hover,#333);color:#f0f0f0;color:var(--text-primary,#f0f0f0)}.filter-btn.active{background-color:#3182ce;border-color:#3182ce;color:#fff}.templates-loading{align-items:center;display:flex;flex-direction:column;height:300px;justify-content:center}.templates-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.template-card{background-color:#212121;background-color:var(--bg-card,#212121);border-radius:10px;box-shadow:0 5px 15px #0003;box-shadow:var(--monday-card-shadow,0 5px 15px #0003);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:2rem;position:relative;transition:transform .3s ease,box-shadow .3s ease}.template-card:hover{box-shadow:0 8px 25px #0000004d;box-shadow:var(--monday-card-hover-shadow,0 8px 25px #0000004d);transform:translateY(-5px)}.template-card h2{color:#f0f0f0;color:var(--text-primary,#f0f0f0);font-size:1.5rem;margin-bottom:1rem;margin-top:0}.template-card p{color:#b0b0b0;color:var(--text-secondary,#b0b0b0);flex-grow:1;margin-bottom:1.5rem}.template-badge{position:absolute;right:1rem;top:1rem}.wizard-container{color:#f0f0f0;color:var(--text-primary,#f0f0f0);margin:0 auto;max-width:1000px;padding:2rem;width:100%}.wizard-header{margin-bottom:2rem;text-align:center}.wizard-header h1{color:#f0f0f0;color:var(--text-primary,#f0f0f0);font-size:2rem}.wizard-loading{align-items:center;display:flex;flex-direction:column;height:60vh;justify-content:center}.loading-spinner{animation:spin 1s ease-in-out infinite;border:5px solid #3182ce4d;border-radius:50%;border-top-color:#3182ce;height:50px;margin-bottom:1rem;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.progress-indicator{margin-bottom:2rem;padding:0 2rem}.progress-indicator,.progress-step{display:flex;justify-content:center}.progress-step{align-items:center;background-color:#2a2a2a;background-color:var(--bg-tertiary,#2a2a2a);border:2px solid #333;border:2px solid var(--border-color,#333);border-radius:50%;color:#b0b0b0;color:var(--text-secondary,#b0b0b0);font-weight:700;height:40px;margin:0 .5rem;position:relative;width:40px;z-index:1}.progress-step:before{background-color:#333;background-color:var(--border-color,#333);content:"";height:2px;position:absolute;right:100%;top:50%;transform:translateY(-50%);width:100%;z-index:-1}.progress-step:first-child:before{display:none}.progress-step.active{background-color:#3182ce;border-color:#3182ce;color:#fff}.progress-step.completed{background-color:#38a169;border-color:#38a169;color:#fff;cursor:pointer}.progress-step.active:before,.progress-step.completed:before{background-color:#38a169}.progress-step.completed svg{height:20px;width:20px}.wizard-content{background-color:#212121;background-color:var(--bg-card,#212121);border-radius:8px;box-shadow:0 4px 10px #0003;box-shadow:var(--monday-card-shadow,0 4px 10px #0003);padding:2rem}.wizard-step{margin-bottom:2rem}.wizard-step h2{color:#f0f0f0;color:var(--text-primary,#f0f0f0);font-size:1.5rem;margin-bottom:1rem;margin-top:0}.step-description{color:#b0b0b0;color:var(--text-secondary,#b0b0b0);margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#f0f0f0;color:var(--text-primary,#f0f0f0);display:block;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{background-color:#2a2a2a;background-color:var(--input-bg,#2a2a2a);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:4px;color:#f0f0f0;color:var(--input-text,#f0f0f0);font-size:1rem;padding:.8rem;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3182ce;box-shadow:0 0 0 1px #3182ce;outline:none}.form-text{color:#b0b0b0;color:var(--text-secondary,#b0b0b0);font-size:.9rem;margin-top:.5rem}.form-row{display:flex;gap:1rem}.form-row .form-group{flex:1 1}.providers-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-bottom:2rem}.provider-card{background-color:#2a2a2a;background-color:var(--bg-tertiary,#2a2a2a);border:2px solid #0000;border-radius:8px;cursor:pointer;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.provider-card:hover{box-shadow:0 5px 15px #0003;transform:translateY(-5px)}.provider-card.selected{background-color:#3182ce1a;border-color:#3182ce}.provider-icon{align-items:center;border-radius:50%;display:flex;height:50px;justify-content:center;margin-bottom:1rem;width:50px}.provider-icon svg{height:30px;width:30px}.provider-icon.email{background-color:#ea43351a;color:#ea4335}.provider-icon.social{background-color:#4285f41a;color:#4285f4}.provider-icon.app{background-color:#34a8531a;color:#34a853}.provider-card h3{color:#f0f0f0;color:var(--text-primary,#f0f0f0);font-size:1.2rem;margin-bottom:.5rem;margin-top:1rem}.provider-card p{color:#b0b0b0;color:var(--text-secondary,#b0b0b0);font-size:.9rem;margin:0}.selected-mark{align-items:center;background-color:#3182ce;border-radius:50%;display:flex;height:24px;justify-content:center;position:absolute;right:10px;top:10px;width:24px}.selected-mark svg{color:#fff;height:16px;width:16px}.selected-providers{background-color:#2a2a2a;background-color:var(--bg-tertiary,#2a2a2a);border-radius:8px;margin-bottom:2rem;padding:1.5rem}.selected-providers h3{color:#f0f0f0;color:var(--text-primary,#f0f0f0);font-size:1.2rem;margin-bottom:1rem;margin-top:0}.selected-providers-list{display:flex;flex-direction:column;gap:1rem}.selected-provider-item{align-items:center;background-color:#333;background-color:var(--bg-secondary,#333);border-radius:4px;display:flex;justify-content:space-between;padding:.8rem}.connection-btn{background-color:#3182ce;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background-color .3s}.connection-btn:hover{background-color:#2b6cb0}.connections-list{display:flex;flex-direction:row;gap:2rem;margin-bottom:2rem}.connection-card{background-color:#2a2a2a;background-color:var(--bg-tertiary,#2a2a2a);border-radius:8px;overflow:hidden}.connection-header{align-items:center;background-color:#333;background-color:var(--bg-secondary,#333);display:flex;justify-content:space-between;padding:1rem 1.5rem}.connection-header h3{color:#f0f0f0;color:var(--text-primary,#f0f0f0);font-size:1.1rem;margin:0}.provider-type{border-radius:20px;font-size:.8rem;padding:.3rem .8rem}.provider-type.email{background-color:#ea433533;color:#ea4335}.provider-type.social{background-color:#4285f433;color:#4285f4}.provider-type.app{background-color:#34a85333;color:#34a853}.connection-form{padding:1.5rem}.test-connection{display:flex;justify-content:flex-end;margin-top:1.5rem}.test-connection-btn{background-color:initial;border:1px solid #3182ce;border-radius:4px;color:#3182ce;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .3s}.test-connection-btn:hover{background-color:#3182ce1a}.no-connections{color:#b0b0b0;color:var(--text-secondary,#b0b0b0);padding:2rem;text-align:center}.no-connections,.summary-card{background-color:#2a2a2a;background-color:var(--bg-tertiary,#2a2a2a);border-radius:8px}.summary-card{margin-bottom:2rem;overflow:hidden}.summary-section{border-bottom:1px solid #333;border-bottom:1px solid var(--border-color,#333);padding:1.5rem}.summary-section:last-child{border-bottom:none}.summary-section h3{color:#f0f0f0;color:var(--text-primary,#f0f0f0);font-size:1.2rem;margin-bottom:1rem;margin-top:0}.summary-item{display:flex;margin-bottom:.8rem}.summary-item:last-child{margin-bottom:0}.summary-label{color:#b0b0b0;color:var(--text-secondary,#b0b0b0);font-weight:500;width:120px}.summary-value{flex:1 1}.connections-summary,.summary-value{color:#f0f0f0;color:var(--text-primary,#f0f0f0)}.connections-summary{margin:0;padding-left:1.5rem}.connections-summary li{margin-bottom:.5rem}.wizard-actions{display:flex;justify-content:space-between;margin-top:2rem}.btn-primary,.btn-secondary,.btn-success{border:none;border-radius:4px;cursor:pointer;font-size:1rem;padding:.8rem 1.5rem;transition:background-color .3s}.btn-primary{background-color:#3182ce;color:#fff}.btn-primary:hover{background-color:#2b6cb0}.btn-secondary{background-color:#4a5568;background-color:var(--secondary-color,#4a5568)}.btn-secondary,.btn-secondary:hover{color:#f0f0f0;color:var(--text-primary,#f0f0f0)}.btn-secondary:hover{background-color:#333;background-color:var(--secondary-color-hover,#333)}.btn-success{background-color:#38a169;color:#fff}.btn-success:hover{background-color:#2f855a}.btn-primary:disabled,.btn-secondary:disabled,.btn-success:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.providers-grid{grid-template-columns:1fr}.form-row{flex-direction:column}.wizard-container{padding:1rem}.wizard-content{padding:1.5rem}}
/*# sourceMappingURL=main.c411dfba.css.map*/