:root{--bg-primary: #0a0b0f;--bg-secondary: #12141b;--bg-tertiary: #1a1d29;--bg-card: #1e2030;--bg-hover: #252942;--twitter: #1d9bf0;--twitter-hover: #1a8cd8;--accent-primary: #6366f1;--accent-secondary: #8b5cf6;--accent-success: #10b981;--accent-warning: #f59e0b;--accent-error: #ef4444;--viralbird-blue: #1d9bf0;--viralbird-blue-dark: #1a8cd8;--viralbird-rose: #ec4899;--viralbird-rose-light: #f472b6;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--text-inverse: #0f172a;--border-primary: #334155;--border-secondary: #475569;--border-muted: #1e293b;--gradient-primary: linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);--gradient-x: linear-gradient(135deg, #1d9bf0 0%, #1e40af 100%);--gradient-viralbird: linear-gradient(135deg, var(--viralbird-blue) 0%, var(--viralbird-rose) 100%);--gradient-viralbird-hover: linear-gradient(135deg, var(--viralbird-blue-dark) 0%, var(--viralbird-rose-light) 100%);--gradient-card: linear-gradient(145deg, #1e2030 0%, #252942 100%);--error-primary: #ef4444;--error-background: rgba(239, 68, 68, .1)}*{box-sizing:border-box}body{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.5;overflow-x:hidden}.dashboard{display:flex;height:100vh}.dashboard__sidebar{width:280px;background:var(--bg-secondary);border-right:1px solid var(--border-muted);display:flex;flex-direction:column;overflow-y:auto;position:relative;transition:width .3s ease,transform .3s ease}.dashboard__sidebar--collapsed{width:60px}.dashboard__sidebar--collapsed .dashboard__sidebar-header .logo{opacity:0}.dashboard__sidebar--collapsed .dashboard__sidebar-header .subtitle{display:none}.dashboard__sidebar--collapsed .x-accounts-section .section-header{justify-content:center!important;padding:0!important;margin-bottom:.75rem!important}.dashboard__sidebar--collapsed .x-accounts-section .section-header .section-title{display:none!important}.dashboard__sidebar--collapsed .x-accounts-section .section-header .platform-logo{width:20px!important;height:20px!important}.dashboard__sidebar--collapsed .x-accounts-section>h3{display:none}.dashboard__sidebar--collapsed .x-accounts-section{display:flex!important;flex-direction:column!important;align-items:center!important;padding:0!important}.dashboard__sidebar--collapsed .x-accounts-list{display:flex!important;flex-direction:column!important;align-items:center!important;width:100%!important;padding:0!important;gap:.5rem!important}.dashboard__sidebar--collapsed .x-account-item__info{display:none}.dashboard__sidebar--collapsed .x-account-item{display:flex!important;justify-content:center!important;align-items:center!important;background:transparent!important;border:none!important;gap:0!important;padding:.25rem!important;margin:0!important;width:100%!important;border-radius:50%!important}.dashboard__sidebar--collapsed .x-account-item:hover{background:#6366f11a!important}.dashboard__sidebar--collapsed .x-account-item--selected{background:#6366f126!important}.dashboard__sidebar--collapsed .x-account-item--selected .x-account-item__avatar{box-shadow:0 0 0 2px var(--accent-primary)!important}.dashboard__sidebar--collapsed .x-account-item__avatar{margin:0!important;width:2.5rem!important;height:2.5rem!important;flex-shrink:0!important}.dashboard__sidebar--collapsed .x-account-add,.dashboard__sidebar--collapsed .user-email,.dashboard__sidebar--collapsed .logout-btn{display:none}.dashboard__sidebar--collapsed .user-profile-section{display:flex!important;justify-content:center!important;align-items:center!important;padding-left:0!important;padding-right:0!important}.dashboard__sidebar--collapsed .user-profile-section .user-profile-wrapper{justify-content:center!important}.dashboard__sidebar--collapsed .user-profile-section .user-profile-wrapper>div:first-child{justify-content:center!important}.dashboard__sidebar--collapsed .user-profile-section .user-avatar{width:2.5rem!important;height:2.5rem!important;margin:0!important}.dashboard__sidebar-header{padding:1.5rem;border-bottom:1px solid var(--border-muted)}.dashboard__sidebar-header .logo{height:36px;width:auto;margin:0;transition:opacity .3s ease}.dashboard__sidebar-header .subtitle{font-size:.875rem;color:var(--text-muted);margin-top:.5rem;transition:opacity .3s ease}.dashboard__sidebar-nav{flex:0 1 auto;padding:1rem;overflow-y:auto}.dashboard__sidebar--collapsed .dashboard__sidebar-nav{padding:.5rem 0}.dashboard .user-profile-section{margin-top:auto;padding:1rem;border-top:1px solid var(--border-muted);flex-shrink:0}.dashboard .user-profile-section .user-profile-wrapper{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.dashboard .user-profile-section .user-info{display:flex;align-items:center;gap:.5rem;min-width:0;flex:1}.dashboard .user-profile-section .user-avatar{width:2rem;height:2rem;border-radius:50%;background:var(--accent-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.875rem;flex-shrink:0}.dashboard .user-profile-section .user-email{font-size:.875rem;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard .user-profile-section .logout-btn{padding:.5rem;flex-shrink:0}.dashboard__main{flex:1;display:flex;flex-direction:column;overflow:hidden}.dashboard__header{background:var(--bg-secondary);border-bottom:1px solid var(--border-muted);padding:.5rem 1rem;display:flex;justify-content:space-between;align-items:center}.dashboard__header-title{font-size:.875rem;font-weight:600;margin:0}.dashboard__header-title h1{font-size:.875rem;margin:0}.dashboard__header-title p{font-size:.625rem;margin:.125rem 0 0}.dashboard__header-actions{display:flex;align-items:center;gap:.5rem}.dashboard__header-actions svg{width:16px;height:16px}.dashboard__content{flex:1;padding:2rem;overflow-y:auto;background:var(--bg-primary)}.dashboard__content--center{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;height:100%;padding:4rem 2rem}.sidebar-toggle{position:absolute;top:1rem;right:.5rem;width:32px;height:32px;border-radius:.5rem;background:var(--bg-hover);border:1px solid var(--border-muted);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10}.sidebar-toggle:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-primary)}.sidebar-toggle:active{transform:scale(.95)}.sidebar-toggle svg{width:18px;height:18px}.account-tabs__item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:.5rem;cursor:pointer;transition:all .2s ease;border:none;background:none;width:100%;text-align:left;margin-bottom:.5rem}.account-tabs__item:hover{background:var(--bg-hover)}.account-tabs__item--active{background:var(--bg-card);border:1px solid var(--border-primary)}.account-tabs__item-avatar{width:2rem;height:2rem;border-radius:50%;background:var(--gradient-x);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.875rem}.account-tabs__item-info{flex:1;min-width:0}.account-tabs__item-info .username{font-weight:500;font-size:.875rem;color:var(--text-primary);margin:0}.account-tabs__item-info .status{font-size:.75rem;color:var(--text-muted);margin:0;margin-top:.125rem}.account-tabs__item-indicator{width:.5rem;height:.5rem;border-radius:50%}.account-tabs__item-indicator--active{background:var(--accent-success);animation:pulse 2s infinite}.account-tabs__item-indicator--inactive{background:var(--text-muted)}.account-tabs__add{margin-top:1rem;padding:.75rem;border:2px dashed var(--border-primary);border-radius:.5rem;background:none;color:var(--text-muted);cursor:pointer;transition:all .2s ease;width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem}.account-tabs__add:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:#6366f10d}.empty-state{max-width:500px}.empty-state__icon{width:5rem;height:5rem;margin:0 auto 2rem;border-radius:1rem;background:var(--gradient-x);display:flex;align-items:center;justify-content:center}.empty-state__icon svg{width:2.5rem;height:2.5rem;color:#fff}.empty-state__title{font-size:2rem;font-weight:700;margin:0 0 1rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.empty-state__description{font-size:1.175rem;background:linear-gradient(135deg,#cbd5e1,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 2.5rem;line-height:1.6}.empty-state--viralbird{text-align:center;padding:3rem 2rem;animation:fadeIn .5s ease}.empty-state--viralbird .empty-state__logo{margin:0 auto 2rem;position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center}.empty-state--viralbird .empty-state__logo:before{content:"";position:absolute;inset:-20px;background:var(--gradient-primary);border-radius:50%;opacity:.1;animation:pulse 3s ease infinite}.empty-state--viralbird .empty-state__icon{width:auto;height:auto;margin:0 auto 2rem;background:none;animation:float 4s ease infinite}.empty-state--viralbird .empty-state__title{font-size:2.5rem;font-weight:800;background:linear-gradient(90deg,#6366f1,#8b5cf6 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 1.5rem;letter-spacing:-.02em}.empty-state--viralbird .empty-state__title.gradient-title{background:linear-gradient(135deg,#6366f1,#818cf8 40%,#e0e7ff,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.empty-state--viralbird .empty-state__description{font-size:1.125rem;color:var(--text-muted);background:none;-webkit-text-fill-color:var(--text-muted);max-width:450px;margin:0 auto 2.5rem;line-height:1.7}.empty-state--viralbird .empty-state__description strong{color:var(--text-primary);font-weight:600}.empty-state--viralbird .btn--large{padding:1rem 2rem;font-size:1rem;font-weight:600;border-radius:12px;min-width:200px;background:#6366f1;transition:all .3s ease;box-shadow:0 4px 12px #6366f14d}.empty-state--viralbird .btn--large:hover{background:#8b5cf6;transform:translateY(-2px);box-shadow:0 6px 16px #8b5cf666}.empty-state--viralbird .btn--large svg{width:1.25rem;height:1.25rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{transform:scale(1);opacity:.1}50%{transform:scale(1.1);opacity:.15}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:.5rem;border:none;cursor:pointer;transition:all .2s ease;text-decoration:none;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;inset:0;background:#ffffff1a;opacity:0;transition:opacity .2s ease}.btn:hover:before{opacity:1}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--gradient-x);color:#fff;box-shadow:0 4px 20px #1d9bf04d}.btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 25px #1d9bf066}.btn--secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-primary)}.btn--secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-secondary)}.btn--generate-now{background:var(--accent-primary);color:#fff;border:none}.btn--generate-now:hover:not(:disabled){background:var(--accent-secondary);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.btn--generate-now:active:not(:disabled){transform:translateY(0)}.btn--x-connect{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;box-shadow:0 4px 20px #6366f14d}.btn--x-connect:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf6,#a855f7);transform:translateY(-1px);box-shadow:0 6px 25px #8b5cf666}.btn--x-connect:active:not(:disabled){transform:translateY(0)}.btn--large{padding:1.125rem 2.5rem;font-size:1.125rem;border-radius:1rem}.status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.status-badge--active{background:#10b9811a;color:var(--accent-success);border:1px solid rgba(16,185,129,.2)}.status-badge--inactive{background:#64748b1a;color:var(--text-muted);border:1px solid rgba(100,116,139,.2)}.status-badge .dot{width:.375rem;height:.375rem;border-radius:50%;background:currentColor}.text-center{text-align:center}.d-flex{display:flex}.align-items-center{align-items:center}.justify-content-center{justify-content:center}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.auth-modal{max-width:400px}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.form-group input{padding:.875rem;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:.5rem;color:var(--text-primary);font-size:.875rem;transition:all .2s ease}.form-group input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f11a}.form-group input::placeholder{color:var(--text-muted)}.error-message{color:var(--error-primary);font-size:.875rem;text-align:center;padding:.75rem;background:var(--error-background);border-radius:.5rem}.auth-footer{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-muted)}.auth-footer p{margin:0;color:var(--text-muted)}.auth-footer a{color:var(--accent-primary);cursor:pointer;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.oauth-info{text-align:center;margin-bottom:2rem}.oauth-info p{margin:0 0 1rem;color:var(--text-secondary);font-size:.95rem;line-height:1.5}.oauth-info .oauth-description{font-size:.85rem;color:var(--text-muted);font-style:italic}.x-accounts-section{margin-bottom:2rem}.x-accounts-section .section-header{display:flex;align-items:center;gap:.5rem;padding:0 1rem;margin-bottom:1rem}.x-accounts-section .section-header .platform-logo{color:var(--text-primary);flex-shrink:0}.x-accounts-section .section-header .section-title{font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0;padding:0}.x-accounts-section>.section-title{font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 1rem;padding:0 1rem}.x-accounts-section .x-accounts-list{padding:0 1rem}.x-accounts-section .x-accounts-list--collapsed{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:0 .5rem}.x-accounts-section .x-accounts-list--collapsed .x-account-item{margin-bottom:0}.x-account-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:.5rem;background:var(--bg-card);border:1px solid var(--border-primary);margin-bottom:.5rem;transition:all .2s ease;cursor:pointer;position:relative}.x-account-item:hover{background:var(--bg-hover);border-color:var(--border-secondary);transform:translate(2px)}.x-account-item--connected{border-color:var(--accent-success);background:#10b9810d}.x-account-item--clickable:hover{box-shadow:0 2px 8px #0000001a}.x-account-item--selected{border-color:var(--accent-primary);background:#6366f114}.x-account-item--selected:hover{border-color:var(--accent-primary);background:#6366f11f}.x-account-item .x-account-disconnect{position:absolute;top:.5rem;right:.5rem;background:transparent;border:none;padding:.2rem;border-radius:.25rem;cursor:pointer;color:var(--text-muted);transition:all .2s ease;display:flex;align-items:center;justify-content:center;z-index:1}.x-account-item .x-account-disconnect:hover{background:#ef44441a;color:#ef4444}.x-account-item__avatar{width:2rem;height:2rem;border-radius:50%;overflow:hidden;flex-shrink:0}.x-account-item__avatar img{width:100%;height:100%;object-fit:cover}.x-account-item__avatar .avatar-placeholder{width:100%;height:100%;background:var(--gradient-x);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.875rem}.x-account-item__info{flex:1;min-width:0}.x-account-item__info .x-account-name{font-weight:500;font-size:.875rem;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.x-account-item__info .x-account-username{font-size:.75rem;color:var(--text-muted);margin:0}.x-account-item__info .x-account-agent{margin-top:.375rem;position:relative}.x-account-item__info .x-account-agent .agent-info-wrapper{display:flex;align-items:center;gap:.5rem;cursor:pointer}.x-account-item__info .x-account-agent .agent-name{font-size:.8125rem;font-weight:600;transition:all .2s ease;cursor:pointer;padding:.25rem .5rem;border-radius:.375rem;display:inline-block}.x-account-item__info .x-account-agent .agent-name--active{color:var(--accent-success)}.x-account-item__info .x-account-agent .agent-name--active:hover{background:#10b9811a;transform:translate(2px)}.x-account-item__info .x-account-agent .agent-name--stopped{color:var(--accent-error)}.x-account-item__info .x-account-agent .agent-name--stopped:hover{background:#ef44441a;transform:translate(2px)}.x-account-item__info .x-account-agent .agent-name--error{color:var(--accent-warning)}.x-account-item__info .x-account-agent .agent-name--error:hover{background:#fbbf241a;transform:translate(2px)}.x-account-item__info .x-account-agent .agent-name--inactive{color:#94a3b8}.x-account-item__info .x-account-agent .agent-name--inactive:hover{background:#94a3b81a;transform:translate(2px)}.x-account-item__info .x-account-agent .agent-status-dot{width:.5rem;height:.5rem;border-radius:50%;flex-shrink:0}.x-account-item__info .x-account-agent .agent-status-dot--active{background:var(--accent-success);animation:pulse 2s infinite}.x-account-item__info .x-account-agent .agent-status-dot--stopped{background:var(--accent-error);animation:pulse 2s infinite}.x-account-item__info .x-account-agent .agent-status-dot--error{background:var(--accent-warning);animation:pulse 2s infinite}.x-account-item__info .x-account-agent .agent-status-dot--inactive{background:#94a3b8;animation:pulse 2s infinite}.x-account-item__info .x-account-no-agent{margin-top:.375rem}.x-account-item__info .x-account-no-agent .btn-create-agent{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:500;border-radius:.375rem;border:1px solid var(--border-primary);background:var(--bg-tertiary);color:var(--text-muted);cursor:pointer;transition:all .2s ease}.x-account-item__info .x-account-no-agent .btn-create-agent:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--accent-primary)}.x-account-item__info .x-account-no-agent .btn-create-agent svg{width:12px;height:12px}.x-account-item__info .x-account-status{margin-top:.25rem}.x-account-item__info .x-account-status .agent-indicator{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--accent-success);font-weight:500}.x-account-item__info .x-account-status .agent-indicator svg{color:var(--accent-success)}.x-account-item__info .x-account-status .no-agent-indicator{display:inline-block;font-size:.75rem;color:var(--text-muted);font-style:italic}.x-account-item__actions{position:relative}.x-account-add{width:100%;padding:.75rem;border:2px dashed var(--border-primary);border-radius:.5rem;background:none;color:var(--text-muted);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem;margin-top:.5rem}.x-account-add:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:#6366f10d}.dropdown{position:relative}.dropdown .dropdown-toggle{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.375rem;border-radius:.25rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.dropdown .dropdown-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.dropdown .dropdown-toggle:disabled{opacity:.5;cursor:not-allowed}.dropdown .dropdown-toggle--disconnect:hover{background:#ef44441a;color:var(--accent-error);transform:scale(1.1)}.dropdown .dropdown-menu{position:absolute;top:100%;right:0;z-index:1000;min-width:160px;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:.5rem;box-shadow:0 4px 20px #00000026;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease}.dropdown .dropdown-menu--open{opacity:1;visibility:visible;transform:translateY(0)}.dropdown .dropdown-item{width:100%;padding:.75rem 1rem;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:.875rem;text-align:left;transition:all .2s ease}.dropdown .dropdown-item:hover{background:var(--bg-hover)}.dropdown .dropdown-item--danger{color:var(--error-primary)}.dropdown .dropdown-item--danger:hover{background:#ef44441a}.dropdown .dropdown-item:first-child{border-radius:.5rem .5rem 0 0}.dropdown .dropdown-item:last-child{border-radius:0 0 .5rem .5rem}.dropdown .dropdown-item:only-child{border-radius:.5rem}.agents-section .section-title{font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 1rem;padding:0 1rem}.agent-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.form-group input,.form-group textarea,.form-group select{padding:.875rem;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:.5rem;color:var(--text-primary);font-size:.875rem;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f11a}.form-group input::placeholder,.form-group textarea::placeholder,.form-group select::placeholder{color:var(--text-muted)}.form-group textarea{resize:vertical;min-height:80px}.form-group .form-help{font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.account-preview{padding:1rem;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:.5rem}.account-preview__label{font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:.75rem}.account-preview__account{display:flex;align-items:center;gap:.75rem}.account-preview__account .avatar-placeholder{width:2rem;height:2rem;border-radius:50%;background:var(--gradient-x);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.875rem;flex-shrink:0}.account-preview__account img{width:2rem;height:2rem;border-radius:50%;object-fit:cover;flex-shrink:0}.account-preview__account .account-info .account-name{font-weight:500;font-size:.875rem;color:var(--text-primary);margin:0}.account-preview__account .account-info .account-username{font-size:.75rem;color:var(--text-muted);margin:0}.modal__actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-muted)}.btn--full{width:100%}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal{background:var(--bg-card);border-radius:1rem;border:1px solid var(--border-primary);max-width:500px;width:90%;max-height:90vh;overflow-y:auto;animation:slideIn .3s ease}.modal__header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-muted)}.modal__header h3{margin:0;font-size:1.25rem;font-weight:600}.modal__close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .2s ease}.modal__close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal__content{padding:1.5rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.dashboard__sidebar{width:100%;height:auto;border-right:none;border-bottom:1px solid var(--border-muted)}.dashboard__sidebar-nav{padding:.5rem}.dashboard__main{width:100%}.dashboard__content{padding:1rem}.dashboard__content--center{padding:2rem 1rem}.empty-state{max-width:none}.empty-state__icon{width:4rem;height:4rem;margin-bottom:1.5rem}.empty-state__icon svg{width:2rem;height:2rem}.empty-state__title{font-size:1.5rem}.empty-state__description{font-size:1rem;margin-bottom:2rem}.btn--large{padding:1rem 2rem;font-size:1rem}}@media screen and (max-width: 1680px){.x-account-item{padding:.5rem .625rem;gap:.5rem}.x-account-item__avatar{width:1.75rem;height:1.75rem}.x-account-item__info .x-account-name{font-size:.8125rem}.x-account-item__info .x-account-username{font-size:.6875rem}.x-account-item__info .x-account-agent .agent-name{font-size:.75rem}.x-account-item__info .x-account-no-agent .btn-create-agent{font-size:.6875rem;padding:.1875rem .5rem}}.agent-control-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.agent-control-modal__overlay{position:absolute;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.agent-control-modal__content{position:relative;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:.75rem;padding:1.25rem;min-width:16rem;max-width:20rem;box-shadow:0 10px 40px #0000004d;animation:slideUp .3s ease;z-index:10000}.agent-control-modal__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.agent-control-modal__header h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.agent-control-modal__status{padding:.25rem .625rem;border-radius:.375rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.agent-control-modal__status--active{background:#10b9811a;color:var(--accent-success)}.agent-control-modal__status--stopped{background:#ef44441a;color:var(--accent-error)}.agent-control-modal__status--error{background:#fbbf241a;color:var(--accent-warning)}.agent-control-modal__status--inactive{background:#94a3b81a;color:#94a3b8}.agent-control-modal__actions{display:flex;flex-direction:column;gap:.5rem}.agent-control-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;border-radius:.5rem;border:1px solid var(--border-primary);background:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;transition:all .2s ease}.agent-control-btn svg{flex-shrink:0}.agent-control-btn:hover:not(:disabled){background:var(--bg-hover);transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.agent-control-btn:active:not(:disabled){transform:translateY(0)}.agent-control-btn:disabled{opacity:.5;cursor:not-allowed}.agent-control-btn--start{border-color:var(--accent-success);color:var(--accent-success)}.agent-control-btn--start:hover:not(:disabled){background:#10b9811a;border-color:var(--accent-success)}.agent-control-btn--stop{border-color:var(--accent-error);color:var(--accent-error)}.agent-control-btn--stop:hover:not(:disabled){background:#ef44441a;border-color:var(--accent-error)}
