html{height:100%}#root{background-color:#0f1419;min-height:100vh}code{background-color:#2d3748;border-radius:.25rem;color:#e2e8f0;padding:.125rem .25rem}.help-panel{background:#1a202c;border-left:1px solid #2d3748;box-shadow:-2px 0 10px rgba(0,0,0,.3);color:#e2e8f0;display:flex;flex-direction:column;height:100vh;position:fixed;right:-400px;top:0;transition:right .3s ease-in-out;width:400px;z-index:1000}.help-panel-open{right:0}.help-panel-header{align-items:center;background:#2d3748;border-bottom:1px solid #2d3748;display:flex;justify-content:space-between;padding:20px}.help-panel-header h2{color:#e2e8f0;font-size:1.25rem;font-weight:600;margin:0}.help-close-button{align-items:center;background:none;border:none;border-radius:4px;color:#a0aec0;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:background-color .2s;width:30px}.help-close-button:hover{background-color:#4a5568;color:#e2e8f0}.help-panel-content{flex:1 1;overflow-y:auto;padding:20px}.help-panel-footer{background:#2d3748;border-top:1px solid #2d3748;padding:20px}.help-dismiss-button{background-color:#3182ce;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s;width:100%}.help-dismiss-button:hover{background-color:#2c5282}.help-content{line-height:1.6}.help-content h2{color:#e2e8f0;font-size:1.25rem;font-weight:600;margin-bottom:16px}.help-content h3{color:#cbd5e0;font-size:1.1rem;font-weight:600;margin-bottom:8px;margin-top:24px}.help-content p{color:#a0aec0;margin-bottom:12px}.help-content ul{color:#a0aec0;margin-bottom:16px;margin-left:20px}.help-content li{margin-bottom:4px}.help-content code{background-color:#2d3748;border-radius:3px;color:#63b3ed;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9em;padding:2px 4px}.help-content .help-tip{background-color:#2a4a6b;border-left:4px solid #3182ce}.help-content .help-tip,.help-content .help-warning{border-radius:0 4px 4px 0;margin:16px 0;padding:12px 16px}.help-content .help-warning{background-color:#744210;border-left:4px solid #ed8936}.help-btn{align-items:center;border:1px solid #00d4aa;border-radius:50%;box-shadow:0 2px 4px rgba(0,212,170,.3);color:#0f1419;cursor:pointer;display:flex;font-size:18px;font-weight:600;height:34px;justify-content:center;margin-right:1rem;transition:all .2s ease;width:34px}.help-btn:hover{background-color:#00c49a;box-shadow:0 4px 8px rgba(0,212,170,.4);transform:translateY(-1px)}.help-btn:active{box-shadow:0 2px 4px rgba(0,212,170,.3);transform:translateY(0)}.help-icon{font-size:18px;font-weight:700;line-height:1}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f1419;color:#e6e6e6;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}input,select,textarea{background-color:#2d3748;border:1px solid #4a5568;color:#e2e8f0;font-family:inherit;font-size:inherit}input:focus,select:focus,textarea:focus{border-color:#00d4aa;box-shadow:0 0 0 3px rgba(0,212,170,.2);outline:none}input::placeholder,textarea::placeholder{color:#9ca3af}button{background-color:#2d3748;border:1px solid #4a5568;color:#e2e8f0;font-family:inherit;font-size:inherit;transition:all .2s ease}button:focus{box-shadow:0 0 0 3px rgba(0,212,170,.2);outline:none}button:disabled{background-color:#4a5568;color:#a0aec0}button:hover:not(:disabled){background-color:#4a5568;border-color:#718096}a{color:#00d4aa;text-decoration:none;transition:color .2s ease}a:hover{color:#00c49a}a:focus{border-radius:.125rem;box-shadow:0 0 0 2px rgba(0,212,170,.5);outline:none}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#1a202c;border-radius:4px}::-webkit-scrollbar-thumb{background:#4a5568;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#718096}*{scrollbar-color:#4a5568 #1a202c;scrollbar-width:thin}::selection{background-color:rgba(0,212,170,.3);color:#fff}::-moz-selection{background-color:rgba(0,212,170,.3);color:#fff}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.form-control{background-color:#2d3748;border:1px solid #4a5568;border-radius:.375rem;color:#e2e8f0;padding:.5rem .75rem;transition:all .2s ease}.form-control:focus{background-color:#374151;border-color:#00d4aa;box-shadow:0 0 0 3px rgba(0,212,170,.2)}.btn-primary{background-color:#00d4aa;border:none;box-shadow:0 2px 4px rgba(0,212,170,.3);color:#0f1419;font-weight:600}.btn-primary:hover:not(:disabled){background-color:#00c49a;box-shadow:0 4px 8px rgba(0,212,170,.4)}.btn-secondary{background-color:#4a5568;border:1px solid #718096}.btn-secondary:hover:not(:disabled){background-color:#718096;border-color:#a0aec0}.text-muted{color:#a0aec0}.text-primary{color:#00d4aa}.bg-card{background-color:#1a202c;border:1px solid #2d3748}.border-subtle{border-color:#2d3748}.layout{background-color:#0f1419;display:flex;flex-direction:column;height:100vh}.header{background-color:#1a202c;border-bottom:1px solid #2d3748;box-shadow:0 4px 8px rgba(0,0,0,.2);color:#fff;justify-content:space-between;padding:1rem 2rem}.header,.header-left{align-items:center;display:flex}.header-left{gap:2rem;padding-left:1rem}.logo{color:#00d4aa;font-size:1.5rem;font-weight:600;margin:0}.logo-image{height:46px;object-fit:contain;width:auto}.logo-text{color:#00d4aa;font-size:1.5rem;font-weight:600}.connection-status{align-items:center;background-color:#2d3748;border:1px solid #4a5568;border-radius:1rem;color:#e2e8f0;display:flex;gap:.5rem;padding:.25rem .75rem}.status-indicator{font-size:.75rem}.connected{color:#68d391}.disconnected{color:#f56565}.header-right,.user-menu{align-items:center;display:flex}.user-menu{gap:1rem}.user-name-link{align-items:center;border-radius:.375rem;color:#fff;display:flex;gap:.5rem;padding:.5rem;text-decoration:none;transition:all .2s ease}.user-name-link:hover{background-color:#2d3748;color:#00d4aa}.user-avatar{border:2px solid #00d4aa;height:32px;width:32px}.logout-btn,.user-name{font-weight:500}.logout-btn{background-color:#f56565;border:none;border-radius:.25rem;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s ease}.logout-btn:hover{background-color:#e53e3e;transform:translateY(-1px)}.main-container{display:flex;flex:1 1;overflow:hidden}.sidebar{background-color:#1a202c;border-right:1px solid #2d3748;display:flex;flex-direction:column;padding:1rem 0;position:relative;transition:transform .3s ease,width .3s ease;width:250px}.sidebar-hidden{transform:translateX(calc(-100% + 60px));width:60px}.nav-list{flex:1 1;list-style:none;margin:0;padding:0}.nav-item{margin:0}.nav-link{border-left:3px solid transparent;color:#e2e8f0;gap:.75rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.nav-link,.sidebar-collapsed{align-items:center;display:flex}.sidebar-collapsed{flex-direction:column;gap:1rem;height:100%;justify-content:flex-start;padding:1rem .5rem}.collapsed-logo{align-items:center;display:flex;justify-content:center;margin-bottom:1rem}.collapsed-logo-image{height:40px;object-fit:contain;width:auto}.nav-link.active,.nav-link:hover{background-color:#2d3748;border-left-color:#00d4aa;color:#00d4aa}.nav-link.active{font-weight:600}.nav-icon{font-size:1.25rem;text-align:center;width:1.5rem}.nav-label{font-weight:500}.content{background-color:#0f1419;flex:1 1;overflow-y:auto;padding:2rem}.loading-container{align-items:center;background-color:#0f1419;display:flex;height:100vh;justify-content:center}.loading-spinner{background-color:#1a202c;border:1px solid #2d3748;border-radius:.5rem;box-shadow:0 4px 12px rgba(0,0,0,.2);color:#a0aec0;font-size:1.25rem;padding:2rem}@media (max-width:768px){.sidebar{width:200px}.sidebar-hidden{transform:translateX(calc(-100% + 50px));width:50px}.header{padding:1rem}.header-left{gap:1rem}.logo{font-size:1.25rem}.content{padding:1rem}}@media (max-width:480px){.main-container{flex-direction:column}.sidebar{padding:.5rem 0;width:100%}.sidebar-hidden{transform:translateX(calc(-100% + 40px));width:40px}.nav-list{display:flex;overflow-x:auto;scrollbar-color:#4a5568 #1a202c;scrollbar-width:thin}.nav-list::-webkit-scrollbar{height:4px}.nav-list::-webkit-scrollbar-track{background:#1a202c}.nav-list::-webkit-scrollbar-thumb{background:#4a5568;border-radius:2px}.nav-item{min-width:max-content}.nav-link{border-bottom:3px solid transparent;border-left:none;padding:.5rem 1rem;white-space:nowrap}.nav-link.active,.nav-link:hover{border-bottom-color:#00d4aa;border-left:none}.sidebar-footer{border-top:1px solid #2d3748;margin-top:.5rem;padding:.5rem}.sidebar-show-btn{font-size:.75rem;height:36px;padding:.4rem;width:36px}.collapsed-logo-image{height:30px}}.sidebar-footer{border-top:1px solid #2d3748;margin-top:auto;padding:.5rem}.sidebar-hide-btn,.sidebar-show-btn{align-items:center;background-color:#2d3748;border:1px solid #4a5568;border-radius:.375rem;color:#e2e8f0;cursor:pointer;display:flex;font-size:1rem;gap:.5rem;justify-content:center;padding:.75rem;transition:all .2s ease;width:100%}.sidebar-hide-btn:hover,.sidebar-show-btn:hover{background-color:#4a5568;border-color:#00d4aa;color:#00d4aa}.sidebar-show-btn{border-radius:50%;font-size:.875rem;height:44px;padding:.5rem;width:44px}.hide-icon,.show-icon{font-size:.875rem;transition:transform .2s ease}.sidebar-hide-btn:hover .hide-icon,.sidebar-show-btn:hover .show-icon{transform:scale(1.1)}.beta-access-denied{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.beta-access-denied-container{background:#fff;border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,.1);max-width:500px;padding:48px 40px;text-align:center;width:100%}.beta-access-denied-icon{font-size:4rem;margin-bottom:24px}.beta-access-denied-title{color:#2d3748;font-size:2rem;font-weight:700;line-height:1.2;margin-bottom:16px}.beta-access-denied-message{color:#4a5568;font-size:1.125rem;line-height:1.5;margin-bottom:24px}.beta-access-denied-details{background:#f7fafc;border-left:4px solid #ed8936;border-radius:8px;margin-bottom:32px;padding:20px}.beta-access-denied-details p{color:#2d3748;line-height:1.6;margin:0}.beta-access-denied-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.beta-access-denied-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;padding:12px 24px;text-decoration:none;transition:all .2s ease}.beta-access-denied-button.primary{background:#00d4aa;color:#fff}.beta-access-denied-button.primary:hover{background:#00b894;transform:translateY(-1px)}.beta-access-denied-button.secondary{background:transparent;border:2px solid #e2e8f0;color:#4a5568}.beta-access-denied-button.secondary:hover{background:#f7fafc;border-color:#cbd5e0;transform:translateY(-1px)}.beta-access-denied-footer{border-top:1px solid #e2e8f0;padding-top:24px}.beta-access-denied-footer-text{color:#718096;font-size:.875rem;line-height:1.5;margin:0}@media (max-width:640px){.beta-access-denied-container{padding:32px 24px}.beta-access-denied-title{font-size:1.75rem}.beta-access-denied-message{font-size:1rem}.beta-access-denied-actions{flex-direction:column}}.dashboard{background-color:#0f1419;color:#e6e6e6;margin:0 auto;max-width:1200px;min-height:100vh;padding:1rem}.dashboard-header{margin-bottom:2rem}.dashboard-header h1{color:#fff;font-size:2rem;font-weight:600;margin:0 0 .5rem}.dashboard-subtitle{color:#a0aec0;font-size:1.125rem;margin:0}.dashboard-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.dashboard-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.dashboard-section{background:#1a202c;border:1px solid #2d3748;border-radius:.5rem;box-shadow:0 4px 12px rgba(0,0,0,.2);overflow:hidden;transition:all .2s ease}.dashboard-section:hover{border-color:#4a5568;box-shadow:0 6px 16px rgba(0,0,0,.3)}.dashboard-section.full-width{grid-column:1/-1}.view-all-link{color:#00d4aa;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s ease}.view-all-link:hover{color:#00c49a;text-decoration:underline}.items-list{display:flex;flex-direction:column;gap:1rem}.item-card{background-color:#2d3748;border:1px solid #2d3748;border-radius:.375rem;padding:1rem;transition:all .2s ease}.item-card:hover{border-color:#4a5568;box-shadow:0 4px 8px rgba(0,0,0,.2);transform:translateY(-1px)}.item-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.5rem}.item-title-container{align-items:center;display:flex;flex:1 1;gap:.75rem;margin-right:1rem}.job-image-small{border-radius:.375rem;flex-shrink:0;width:60px}.item-title{color:#fff;flex:1 1;font-size:1rem;font-weight:600;margin:0}.item-status{border-radius:.25rem;color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .5rem;text-transform:uppercase}.item-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#cbd5e0;display:-webkit-box;font-size:.875rem;line-height:1.4;margin:0 0 .75rem;overflow:hidden}.item-meta{align-items:center;color:#a0aec0;display:flex;font-size:.75rem;gap:1rem;justify-content:space-between}.edit-button,.work-button{background:none;border:none;color:#64748b;cursor:pointer;font-size:1rem;padding:.25rem;transition:color .2s}.edit-button:hover{color:#3b82f6}.work-button:hover{color:#10b981}.tasks-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.jobs-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.task-card{background-color:#2d3748;border-radius:.375rem;padding:1rem}.task-card:hover{border-color:#4a5568;box-shadow:0 4px 8px rgba(0,0,0,.2);transform:translateY(-1px)}.task-header{margin-bottom:.5rem}.task-title{flex:1 1;margin:0 1rem 0 0}.task-badges{align-items:flex-end;gap:.25rem}.task-type{background-color:#4a5568;color:#e2e8f0}.task-status,.task-type{border-radius:.25rem;font-size:.6875rem;font-weight:500;padding:.125rem .375rem;text-transform:uppercase}.task-status{color:#fff}.task-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#cbd5e0;display:-webkit-box;margin:0 0 .75rem;overflow:hidden}.task-meta{color:#a0aec0;display:flex;justify-content:space-between}.unauthorized-spinners-section{background:#1a202c;border:1px solid #e74c3c;border-radius:.5rem;box-shadow:0 4px 12px rgba(231,76,60,.1);margin-bottom:2rem;overflow:hidden}.unauthorized-spinners-section .section-header{background:rgba(231,76,60,.1);border-bottom:1px solid #e74c3c;padding:1.5rem}.unauthorized-spinners-section .section-header h2{color:#e74c3c;font-weight:600}.spinner-count{color:#e74c3c;font-size:.875rem;font-weight:500}.unauthorized-spinners-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));padding:1.5rem}.spinner-card{background:#2d3748;border:1px solid #4a5568;border-radius:.375rem;padding:1rem}.spinner-card:hover{border-color:#e74c3c;box-shadow:0 4px 8px rgba(231,76,60,.2);transform:translateY(-1px)}.spinner-header{align-items:flex-start;display:flex;gap:.75rem;margin-bottom:.75rem}.spinner-hostname{font-size:1rem}.spinner-details{color:#cbd5e0;font-size:.875rem;line-height:1.4;margin:0}.spinner-meta{justify-content:space-between}.spinner-meta,.spinner-version-info{align-items:center;display:flex;gap:.5rem}.spinner-version{color:#a0aec0;font-size:.75rem;font-weight:500}.unauthorized-badge{background-color:#e74c3c;border-radius:.25rem;color:#fff;font-size:.6875rem;font-weight:500;padding:.25rem .5rem;text-transform:uppercase}.spinner-overflow{background:rgba(231,76,60,.05);border-top:1px solid #2d3748;padding:1rem 1.5rem;text-align:center}.spinner-overflow p{color:#e74c3c;font-size:.875rem;font-weight:500;margin:0}.authorize-button{align-items:center;background-color:#27ae60;border:none;border-radius:.25rem;color:#fff;cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.375rem .75rem;transition:all .2s ease}.authorize-button:hover:not(:disabled){background-color:#229954;transform:translateY(-1px)}.authorize-button:active:not(:disabled){transform:translateY(0)}.authorize-button:disabled{background-color:#95a5a6;cursor:not-allowed;transform:none}@media (max-width:768px){.dashboard{padding:.5rem}.dashboard-stats{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-card{padding:1rem}.stat-icon{height:2.5rem;width:2.5rem}.stat-icon,.stat-number{font-size:1.5rem}.dashboard-grid{gap:1rem}.dashboard-grid,.jobs-grid,.tasks-grid{grid-template-columns:1fr}.section-content{padding:1rem}.unauthorized-spinners-list{grid-template-columns:1fr;padding:1rem}.unauthorized-spinners-section .section-header{padding:1rem}}@media (max-width:480px){.dashboard-header h1{font-size:1.5rem}.dashboard-subtitle{font-size:1rem}.dashboard-stats{grid-template-columns:1fr}.item-header,.task-header{align-items:flex-start;flex-direction:column;gap:.5rem}.item-title,.task-title{margin-right:0}.task-badges{align-items:flex-start;flex-direction:row}.spinner-meta{align-items:flex-start;flex-direction:column;gap:.5rem}.spinner-version-info{align-self:flex-start}.authorize-button{align-self:flex-end;font-size:.6875rem;padding:.25rem .5rem}}.modal-overlay{background-color:rgba(0,0,0,.75);padding:1rem}.welcome-modal{animation:modalAppear .3s ease-out;background:#1a202c;border:1px solid #4a5568;border-radius:.75rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.5);left:50%;max-height:90vh;max-width:600px;overflow-y:auto;position:fixed;top:50%;transform:translate(-50%,-50%);width:100%;z-index:1001}.modal-content{padding:2rem}.welcome-modal h2{color:#fff;font-size:1.75rem;font-weight:700;margin:0 0 1rem;text-align:center}.welcome-modal p{color:#cbd5e0;font-size:1rem;line-height:1.6;margin:0 0 1.5rem}.welcome-modal h3{color:#00d4aa;font-size:1.25rem;font-weight:600;margin:0 0 1rem}.welcome-modal ul{color:#cbd5e0;margin:0 0 1.5rem;padding-left:1.5rem}.welcome-modal li{line-height:1.5;margin-bottom:.75rem}.welcome-modal li strong{color:#00d4aa;font-weight:600}.welcome-modal-button{background:linear-gradient(135deg,#00d4aa,#00c49a);border:none;border-radius:.5rem;box-shadow:0 4px 12px rgba(0,212,170,.3);color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:600;margin:0 auto;padding:.875rem 2rem;text-align:center;transition:all .2s ease}.welcome-modal-button:hover{background:linear-gradient(135deg,#00c49a,#00b48a);box-shadow:0 6px 20px rgba(0,212,170,.4);transform:translateY(-2px)}.welcome-modal-button:active{box-shadow:0 2px 8px rgba(0,212,170,.3);transform:translateY(0)}@keyframes modalAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media (max-width:640px){.modal-overlay{padding:.5rem}.welcome-modal{border-radius:.5rem;max-height:95vh}.modal-content{padding:1.5rem}.welcome-modal h2{font-size:1.5rem}.welcome-modal h3{font-size:1.125rem}.welcome-modal li,.welcome-modal p{font-size:.9375rem}.welcome-modal-button{font-size:.9375rem;padding:.75rem 1.5rem}}.debug-websockets{background-color:#0f1419;color:#e6e6e6;margin:0 auto;max-width:1200px;min-height:100vh;padding:1rem}.debug-header{margin-bottom:2rem}.debug-header h1{color:#fff;font-size:2rem;font-weight:600;margin:0 0 .5rem}.debug-subtitle{color:#a0aec0;font-size:1.125rem;margin:0}.debug-controls{align-items:center;background:#1a202c;border:1px solid #2d3748;border-radius:.5rem;display:flex;gap:1rem;margin-bottom:2rem;padding:1rem}.auto-refresh-button,.refresh-button{background:#2d3748;border:1px solid #4a5568;border-radius:.375rem;color:#e6e6e6;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.task-info-enhanced,.task-info-fallback{display:flex;flex-direction:column;gap:.25rem}.task-header{align-items:center;gap:.5rem}.job-logo{border-radius:.25rem;flex-shrink:0;height:20px;object-fit:cover}.task-title{font-size:.875rem;font-weight:500}.task-id-small{color:#a0aec0;font-family:monospace;font-size:.75rem}.message-task-id .task-info-enhanced,.message-task-id .task-info-fallback{font-size:.8rem}.message-task-id .job-logo{height:16px;width:16px}.message-task-id .task-title{font-size:.8rem}.message-task-id .task-id-small{font-size:.7rem}.user-info-enhanced,.user-info-fallback{display:flex;flex-direction:column;gap:.25rem}.user-email{color:#fff;font-size:.875rem;font-weight:500}.user-id-small{color:#a0aec0;font-family:monospace;font-size:.75rem}.sender-id .user-info-enhanced,.sender-id .user-info-fallback{font-size:.875rem}.message-sender .user-info-enhanced,.message-sender .user-info-fallback{align-items:baseline;display:inline-flex;gap:.5rem}.message-sender .user-email{font-size:.8rem}.message-sender .user-id-small{font-size:.7rem}.auto-refresh-button:hover,.refresh-button:hover:not(:disabled){background:#4a5568;border-color:#00d4aa}.refresh-button:disabled{cursor:not-allowed;opacity:.6}.auto-refresh-button.active{background:#00d4aa;border-color:#00d4aa;color:#0f1419}.auto-refresh-indicator{animation:pulse 2s infinite;color:#00d4aa;font-size:.75rem}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.debug-section{background:#1a202c;border:1px solid #2d3748;border-radius:.5rem;box-shadow:0 4px 12px rgba(0,0,0,.2);margin-bottom:2rem;overflow:hidden}.section-header{border-bottom:1px solid #2d3748;padding:1.5rem 1.5rem 1rem}.section-header h2{font-size:1.25rem}.empty-badge{background:#4a5568;border-radius:.25rem;color:#a0aec0;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.section-content{padding:1.5rem}.error-state{padding:2rem;text-align:center}.error-state h2{color:#e74c3c;margin-bottom:1rem}.error-state p{color:#a0aec0;margin-bottom:1.5rem}.retry-button{background:#e74c3c;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:background-color .2s}.retry-button:hover{background:#c0392b}.empty-state{padding:2rem}.debug-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.connections-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.connection-card{background:#2d3748;border:1px solid #4a5568;border-radius:.5rem;padding:1.5rem;transition:all .2s ease}.connection-card:hover{border-color:#00d4aa;box-shadow:0 4px 12px rgba(0,212,170,.1);transform:translateY(-2px)}.connection-card-header{align-items:flex-start;border-bottom:1px solid #4a5568;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.task-info{flex:1 1}.task-id{color:#a0aec0;font-size:.75rem;font-weight:500;letter-spacing:.5px;margin:0 0 .25rem;text-transform:uppercase}.task-id-value{color:#fff;font-size:.875rem;font-weight:600;margin:0;word-break:break-all}.connection-count-badge{background:#00d4aa;border-radius:.375rem;color:#0f1419;font-size:.75rem;font-weight:600;padding:.375rem .75rem;white-space:nowrap}.senders-list{display:flex;flex-direction:column;gap:1rem}.sender-group{background:#1a202c;border:1px solid #2d3748;border-radius:.375rem;padding:1rem}.sender-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.sender-id{color:#fff;font-size:.875rem;font-weight:600;margin:0;word-break:break-all}.sender-connection-count{background:#4a5568;border-radius:.25rem;color:#e6e6e6;font-size:.6875rem;font-weight:500;padding:.25rem .5rem}.connections-list{display:flex;flex-direction:column;gap:.75rem}.connection-detail{background:#0f1419;border:1px solid #2d3748;border-radius:.25rem;padding:.75rem}.connection-badges{display:flex;gap:.5rem;margin-bottom:.5rem}.connection-type-badge{color:#fff;letter-spacing:.25px}.connection-status-badge,.connection-type-badge{border-radius:.25rem;font-size:.6875rem;font-weight:600;padding:.125rem .375rem;text-transform:uppercase}.connection-status-badge.connected{background:#27ae60;color:#fff}.connection-status-badge.disconnected{background:#e74c3c;color:#fff}.connection-meta{display:flex;flex-direction:column;gap:.25rem}.meta-item{display:flex;font-size:.75rem;gap:.5rem}.meta-label{color:#a0aec0;font-weight:500}.meta-value{color:#e6e6e6}.message-filters{align-items:center;display:flex;gap:.75rem}.filter-select{background:#2d3748;border:1px solid #4a5568;border-radius:.375rem;color:#e6e6e6;cursor:pointer;font-size:.875rem;outline:none;padding:.5rem .75rem;transition:border-color .2s ease}.filter-select:focus{border-color:#00d4aa}.filter-select option{background:#2d3748;color:#e6e6e6}.messages-list{display:flex;flex-direction:column;gap:1rem;max-height:600px;overflow-y:auto}.message-item{background:#2d3748;border-radius:.5rem;padding:1rem}.message-item:hover{border-color:#00d4aa;box-shadow:0 2px 8px rgba(0,212,170,.1)}.message-item.incoming{border-left:4px solid #4caf50}.message-item.outgoing{border-left:4px solid #2196f3}.message-header{align-items:flex-start;border-bottom:1px solid #4a5568;margin-bottom:.75rem;padding-bottom:.5rem}.message-meta{align-items:center;display:flex;gap:.5rem}.message-direction{background:hsla(0,0%,100%,.1);border-radius:.25rem;font-weight:600}.message-direction,.message-type-badge{font-size:.75rem;padding:.25rem .5rem}.message-timestamp{color:#a0aec0}.message-task-id{color:#a0aec0;font-family:monospace;font-size:.75rem}.message-content{display:flex;flex-direction:column;gap:.5rem}.message-sender{color:#a0aec0;font-family:monospace;font-size:.75rem}.message-body{background:#1a202c;border:1px solid #2d3748;border-radius:.375rem;color:#e6e6e6;font-size:.875rem;line-height:1.5;padding:.75rem;word-break:break-word}@media (max-width:768px){.debug-websockets{padding:.5rem}.debug-header h1{font-size:1.5rem}.debug-controls{align-items:stretch;flex-direction:column;gap:.75rem}.auto-refresh-button,.refresh-button{text-align:center}.debug-stats{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-card{padding:1rem}.stat-icon{height:2.5rem;width:2.5rem}.stat-icon,.stat-number{font-size:1.5rem}.connections-grid{grid-template-columns:1fr}.connection-card-header{gap:.75rem}.connection-card-header,.sender-header{align-items:flex-start;flex-direction:column}.sender-header{gap:.5rem}.connection-badges{flex-wrap:wrap}.section-content{padding:1rem}}@media (max-width:480px){.debug-header h1{font-size:1.25rem}.debug-subtitle{font-size:1rem}.debug-stats{grid-template-columns:1fr}.meta-item{flex-direction:column;gap:.125rem}}.help-page{background-color:#0f1419;color:#e6e6e6;min-height:100vh}.help-container{margin:0 auto;max-width:1200px;padding:2rem}.help-header{border-bottom:2px solid #2d3748;margin-bottom:3rem;padding-bottom:2rem;text-align:center}.help-header h1{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#00d4aa,#00c49a);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:3rem;font-weight:700;margin:0 0 1rem}.help-subtitle{color:#a0aec0;font-size:1.25rem;font-weight:400;margin:0}.help-toc{background:#1a202c;border:1px solid #2d3748;border-radius:.75rem;box-shadow:0 4px 12px rgba(0,0,0,.3);margin-bottom:3rem;padding:2rem}.help-toc h2{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 1.5rem}.help-toc ul{list-style:none;margin:0;padding:0}.help-toc li{margin-bottom:.5rem}.help-toc button{background:none;border:none;border-radius:.25rem;color:#00d4aa;cursor:pointer;font-size:1rem;font-weight:500;padding:.5rem 0 .5rem 1rem;text-align:left;transition:all .2s ease;width:100%}.help-toc button:hover{background-color:#2d3748;color:#00c49a;padding-left:1.5rem}.help-content{line-height:1.7}.help-section{margin-bottom:4rem;scroll-margin-top:2rem}.help-section h2{border-bottom:2px solid #00d4aa;color:#fff;display:inline-block;font-size:2rem;font-weight:600;margin:0 0 1.5rem;padding-bottom:.5rem}.help-section h3{color:#cbd5e0;font-size:1.25rem;font-weight:600;margin:2rem 0 1rem}.help-section p{color:#a0aec0;font-size:1rem;margin-bottom:1rem}.help-section ul{color:#a0aec0;margin-bottom:1.5rem;margin-left:1.5rem}.help-section li{margin-bottom:.5rem}.help-section li strong{color:#e2e8f0}.help-highlight{background:#1a202c;border:1px solid #2d3748;border-left:4px solid #00d4aa;border-radius:0 .5rem .5rem 0;margin:1.5rem 0;padding:1.5rem}.help-highlight strong{color:#00d4aa;display:block;font-size:1.1rem;margin-bottom:1rem}.help-highlight ul{margin-bottom:0;margin-top:.5rem}.use-case{background:#1a202c;border:1px solid #2d3748;border-radius:.5rem;margin-bottom:1.5rem;padding:1.5rem;transition:all .2s ease}.use-case:hover{border-color:#4a5568;box-shadow:0 4px 12px rgba(0,0,0,.2)}.use-case h3{color:#00d4aa;font-size:1.2rem;margin-bottom:1rem;margin-top:0}.installation-step{background:#1a202c;border:1px solid #2d3748;border-radius:.5rem;margin-bottom:2rem;padding:2rem}.installation-step h3{color:#00d4aa;font-size:1.3rem;margin-bottom:1rem;margin-top:0}.code-block{background:#0f1419;border:1px solid #4a5568;border-radius:.375rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;margin:1rem 0;overflow-x:auto;padding:1rem}.code-block code{background:none;border-radius:0;color:#63b3ed;font-size:.9rem;padding:0}.code-block pre{color:#e2e8f0;font-size:.9rem;line-height:1.5;margin:0;white-space:pre-wrap}.help-note{background:#2a4a6b;border:1px solid #3182ce;border-radius:.5rem;margin:1.5rem 0;padding:1.5rem}.help-note strong{color:#63b3ed;display:block;font-size:1.1rem;margin-bottom:.5rem}.help-warning{background:#744210;border:1px solid #ed8936;border-radius:.5rem;margin:1.5rem 0;padding:1.5rem}.help-warning strong{color:#fbb040;display:block;font-size:1.1rem;margin-bottom:.5rem}.getting-started-step{background:#1a202c;border:1px solid #2d3748;border-left:4px solid #00d4aa;border-radius:0 .5rem .5rem 0;margin-bottom:1.5rem;padding:1.5rem}.getting-started-step h3{color:#00d4aa;font-size:1.2rem;margin-bottom:1rem;margin-top:0}.component{background:#1a202c;border:1px solid #2d3748;border-radius:.5rem;margin-bottom:1.5rem;padding:1.5rem}.component h3{color:#00d4aa;font-size:1.2rem;margin-bottom:1rem;margin-top:0}.workflow{background:#1a202c;border:1px solid #2d3748;border-radius:.5rem;margin-bottom:1rem;padding:1.5rem}.workflow h3{color:#00d4aa;font-size:1.1rem;margin-bottom:.5rem;margin-top:0}.workflow p{background:#0f1419;border:1px solid #4a5568;border-radius:.25rem;color:#cbd5e0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;margin-bottom:0;padding:.75rem}.support-section{background:#1a202c;border:1px solid #2d3748;border-radius:.5rem;margin-bottom:1.5rem;padding:1.5rem}.support-section h3{color:#00d4aa;font-size:1.2rem;margin-bottom:1rem;margin-top:0}.help-footer{border-top:1px solid #2d3748;margin-top:3rem;padding:2rem 0;text-align:center}.help-footer p{color:#a0aec0;margin:0}.help-footer a{color:#00d4aa;font-weight:500;text-decoration:none;transition:color .2s ease}.help-footer a:hover{color:#00c49a;text-decoration:underline}@media (max-width:768px){.help-container{padding:1rem}.help-header h1{font-size:2rem}.help-subtitle{font-size:1rem}.help-toc{padding:1.5rem}.component,.installation-step,.support-section,.use-case{padding:1rem}}.jobs-container{background-color:#0f1419;color:#e6e6e6;margin:0 2rem;min-height:100vh;padding:0}.jobs-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.jobs-header h1{color:#fff;font-size:2rem;font-weight:600;margin:0}.create-form-container{border-radius:.5rem;box-shadow:0 4px 12px rgba(0,0,0,.3)}.form-group input,.form-group textarea{border-radius:.375rem;box-sizing:border-box;font-size:1rem;padding:.75rem;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus{background-color:#374151}.form-actions{margin-top:1.5rem}.submit-btn:hover:not(:disabled){box-shadow:0 4px 8px rgba(0,212,170,.4);transform:translateY(-1px)}.submit-btn:disabled{background-color:#4a5568;box-shadow:none;color:#a0aec0;transform:none}.jobs-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.job-card{background:#1a202c;border:1px solid #2d3748;border-radius:.5rem;box-shadow:0 4px 12px rgba(0,0,0,.2);padding:1.5rem;transition:all .2s ease}.job-card:hover{border-color:#4a5568;box-shadow:0 6px 16px rgba(0,0,0,.3);transform:translateY(-2px)}.job-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.job-title{color:#fff;flex:1 1;font-size:1.25rem;font-weight:600;margin:0}.job-actions{align-items:center;display:flex;gap:.5rem}.status-select{cursor:pointer;font-size:.875rem}.status-select:hover{border-color:#00d4aa}.delete-btn{background-color:#f56565;padding:.375rem .75rem}.delete-btn:hover:not(:disabled){background-color:#e53e3e;transform:scale(1.05)}.delete-btn:disabled{color:#a0aec0}.job-image{margin:0 0 1rem}.job-image-display{border-radius:.5rem;height:auto;max-height:100px;max-width:300px;object-fit:contain;transition:all .2s ease;width:100%}.job-image-display:hover{border-color:#00d4aa;box-shadow:0 4px 12px rgba(0,212,170,.2)}.job-description{color:#cbd5e0;line-height:1.6;margin:0 0 1rem}.job-meta{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.job-status{border-radius:1rem;color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .75rem;text-transform:uppercase}.job-date{color:#a0aec0;font-size:.875rem}.job-workstreams{border-top:1px solid #2d3748;padding-top:1rem}.job-workstreams h4{color:#fff;font-size:1rem;font-weight:600;margin:0 0 .75rem}.workstreams-list{display:flex;flex-direction:column;gap:.5rem}.workstream-item{align-items:center;background-color:#2d3748;border:1px solid #4a5568;border-radius:.25rem;display:flex;justify-content:space-between;padding:.5rem .75rem}.workstream-title{color:#e2e8f0;font-size:.875rem;font-weight:500}.workstream-status{border-radius:.75rem;color:#fff;font-size:.6875rem;font-weight:500;padding:.125rem .5rem;text-transform:uppercase}.workstreams-info{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.progress,.tasks-count,.workstream-count{background-color:#2d3748;border:1px solid #4a5568;border-radius:.375rem;color:#e2e8f0;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.progress{background-color:#065f46;border-color:#047857;color:#6ee7b7}.job-title-edit{background-color:#2d3748;border:1px solid #4a5568;border-radius:.25rem;color:#fff;flex:1 1;font-size:1.25rem;font-weight:600;margin-right:1rem;padding:.5rem;transition:all .2s ease}.job-title-edit:focus{border-color:#00d4aa;box-shadow:0 0 0 2px rgba(0,212,170,.2);outline:none}.edit-btn{margin-right:.5rem;padding:.375rem .75rem}.edit-btn:hover{border-color:#00d4aa;color:#00d4aa}.save-btn{border-radius:.25rem;font-size:.875rem;margin-right:.5rem;padding:.375rem .75rem}.save-btn:hover:not(:disabled){background-color:#00c49a;box-shadow:0 4px 8px rgba(0,212,170,.4);transform:translateY(-1px)}.save-btn:disabled{color:#a0aec0}.edit-form{background-color:#2d3748;border:1px solid #4a5568;border-radius:.375rem;margin:1rem 0;padding:1rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.form-row:last-child{margin-bottom:0}.edit-form .form-group{margin-bottom:1rem}.edit-form .form-group:last-child{margin-bottom:0}.edit-form label{color:#e2e8f0;display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem}.edit-form input,.edit-form select,.edit-form textarea{background-color:#374151;border:1px solid #4a5568;border-radius:.25rem;color:#e2e8f0;font-size:.875rem;padding:.5rem;transition:all .2s ease;width:100%}.edit-form input:focus,.edit-form select:focus,.edit-form textarea:focus{background-color:#4a5568;border-color:#00d4aa;box-shadow:0 0 0 .2rem rgba(0,212,170,.25);outline:none}.edit-form input::placeholder,.edit-form textarea::placeholder{color:#9ca3af}.checkbox-label{align-items:center;color:#e2e8f0;cursor:pointer;display:flex!important;gap:.5rem}.checkbox-label input[type=checkbox]{accent-color:#00d4aa;margin:0;width:auto!important}.job-details{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.job-detail{background-color:#2d3748;border:1px solid #4a5568;border-radius:.375rem;color:#e2e8f0;font-size:.875rem;padding:.25rem .75rem}.job-detail strong{color:#00d4aa}.job-detail.billable{background-color:#065f46;border-color:#047857;color:#6ee7b7}.empty-state a{color:#00d4aa;font-weight:500;text-decoration:none}.empty-state a:hover{color:#00c49a;text-decoration:underline}.error,.loading{background:#1a202c;border:1px solid #2d3748;border-radius:.5rem;box-shadow:0 4px 12px rgba(0,0,0,.2);color:#a0aec0;font-size:1rem;padding:4rem 2rem;text-align:center}.error{border-color:#e53e3e}.login-container{background:linear-gradient(135deg,#0f1419,#1a202c 50%,#2d3748);display:flex;min-height:100vh}.login-image-section{align-items:center;background:#0c1720;display:flex;flex:0 0 50%;justify-content:center;overflow:hidden;padding:2rem}.login-image{border-radius:.5rem;display:block;height:30rem;max-height:80vh;max-width:100%;object-fit:contain;width:auto}.login-form-section{align-items:center;display:flex;flex:0 0 50%;justify-content:center;padding:2rem}.login-card{background:#1a202c;border:1px solid #2d3748;border-radius:.5rem;box-shadow:0 10px 25px rgba(0,0,0,.3);max-width:600px;padding:2rem;width:100%}.login-header{margin-bottom:2rem;text-align:center}.login-header h1{color:#fff;font-size:1.75rem;font-weight:600;margin:0 0 .5rem}.login-header p{color:#a0aec0;font-size:.875rem;margin:0}.error-message{background-color:#2d1b1b;border:1px solid #f56565;border-radius:.25rem;color:#feb2b2;font-size:.875rem;margin-bottom:1rem;padding:.75rem}.login-form{margin-bottom:1.5rem}.form-group input{font-size:1rem}.form-group input::placeholder{color:#9ca3af}.login-btn{background-color:#00d4aa;border:none;border-radius:.375rem;box-shadow:0 2px 4px rgba(0,212,170,.3);color:#0f1419;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem;transition:all .2s ease;width:100%}.login-btn:hover:not(:disabled){background-color:#00c49a;box-shadow:0 4px 8px rgba(0,212,170,.4);transform:translateY(-1px)}.login-btn:disabled{background-color:#4a5568;box-shadow:none;color:#a0aec0;cursor:not-allowed;transform:none}.divider{margin:1.5rem 0;position:relative;text-align:center}.divider:before{background-color:#4a5568;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.divider span{background-color:#1a202c;color:#a0aec0;font-size:.875rem;padding:0 1rem}.google-login-btn{align-items:center;background-color:#2d3748;border:1px solid #4a5568;border-radius:.375rem;color:#e2e8f0;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center;margin:3rem auto 1rem;padding:.75rem;transition:all .2s ease}.google-login-btn:hover:not(:disabled){background-color:#4a5568;border-color:#00d4aa;color:#00d4aa;transform:translateY(-1px)}.google-login-btn:disabled{background-color:#4a5568;color:#a0aec0;cursor:not-allowed;transform:none}.google-icon{height:18px;margin-right:.25rem;width:18px}.github-login-btn{align-items:center;background-color:#24292e;border:1px solid #24292e;border-radius:.375rem;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center;margin:0 auto;padding:.75rem;transition:all .2s ease}.github-login-btn:hover:not(:disabled){background-color:#2f363d;border-color:#00d4aa;transform:translateY(-1px)}.github-login-btn:disabled{background-color:#4a5568;color:#a0aec0;cursor:not-allowed;transform:none}.github-icon{height:18px;margin-right:.25rem;width:18px}.login-footer{margin-top:1.5rem;text-align:center}.login-footer p{color:#a0aec0;font-size:.875rem;margin:0}.login-footer a{color:#00d4aa;text-decoration:none}.login-footer a:hover{color:#00c49a;text-decoration:underline}.loading{background-color:#1a202c;border:1px solid #2d3748;border-radius:.5rem;padding:2rem}@media (max-width:768px){.login-container{flex-direction:column}.login-image-section{flex:0 0 40vh;width:100%}.login-image{height:40vh;width:auto}.login-form-section{flex:1 1;min-width:0;min-width:auto;padding:1rem;width:100%}}@media (max-width:480px){.login-image-section{flex:0 0 30vh}.login-image{height:30vh}.login-form-section{padding:.5rem}.login-card{padding:1.5rem}.login-header h1{font-size:1.5rem}}.user-profile-modal{max-height:80vh;max-width:500px;width:90%}.user-profile-modal .profile-content{background-color:#0f1419;color:#e6e6e6}.user-profile-modal .profile-section{align-items:flex-start;display:flex;gap:24px}.user-profile-modal .avatar-section{flex-shrink:0}.user-profile-modal .avatar{border:3px solid #4a5568;border-radius:50%;height:80px;object-fit:cover;width:80px}.user-profile-modal .avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:3px solid #4a5568;border-radius:50%;color:#fff;display:flex;font-size:24px;font-weight:700;height:80px;justify-content:center;width:80px}.user-profile-modal .info-section{flex:1 1;min-width:0}.user-profile-modal .profile-info{display:flex;flex-direction:column;gap:16px}.user-profile-modal .info-item{display:flex;flex-direction:column;gap:4px}.user-profile-modal .info-item label{color:#a0aec0;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.user-profile-modal .info-item p{color:#e2e8f0;font-size:14px;margin:0;word-break:break-word}.user-profile-modal .role-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.user-profile-modal .role-badge,.user-profile-modal .status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.user-profile-modal .status-badge.active{background:#48bb78;color:#fff}.user-profile-modal .status-badge.inactive{background:#f56565;color:#fff}.user-profile-modal .oauth-badge{align-items:center;background:#2d3748;border:1px solid #4a5568;border-radius:8px;color:#e2e8f0;display:inline-flex;font-size:12px;gap:6px;padding:4px 8px}.user-profile-modal .google-icon{font-size:14px}@media (max-width:640px){.user-profile-modal .profile-section{align-items:center;flex-direction:column;gap:16px}.user-profile-modal .info-section{width:100%}}.organization-page{background-color:#0f1419;color:#e6e6e6;margin:0 auto;max-width:1200px;padding:24px}.organization-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.organization-header h1{color:#fff;font-size:2rem;font-weight:700;margin:0}.create-btn{border-radius:6px;font-size:.875rem}.create-btn:disabled{opacity:.6}.organization-info h1{color:#fff;font-size:2rem;font-weight:700;margin:0 0 8px}.organization-description{color:#e2e8f0;font-size:1.1rem;line-height:1.5;margin:8px 0}.organization-website{color:#00d4aa;display:inline-block;font-weight:500;margin:8px 0;text-decoration:none}.organization-website:hover{text-decoration:underline}.organization-stats{display:flex;gap:24px;margin-top:16px}.stat{color:#9ca3af;font-size:.9rem}.stat strong{color:#fff;font-size:1.1rem}.organization-actions{align-items:flex-start;display:flex;gap:12px}.organization-content{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr}.organization-section{background:#1a202c;border:1px solid #2d3748;border-radius:8px;padding:24px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.section-header h2{color:#fff;font-size:1.5rem;font-weight:600;margin:0}.member-count{color:#9ca3af;font-size:.9rem}.create-form-container{background:#1a202c;border:1px solid #2d3748;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.create-form h3{color:#fff;font-size:1.25rem;font-weight:600;margin:0 0 1.5rem}.cancel-btn,.submit-btn{border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.cancel-btn{background-color:#2d3748;border:1px solid #4a5568}.cancel-btn:hover{background-color:#374151}.submit-btn:hover:not(:disabled){background-color:#00c49a}.submit-btn:disabled{cursor:not-allowed;opacity:.6}.empty-state p{margin:0 0 2rem}.empty-state-small{padding:32px 16px;text-align:center}.empty-state-icon-small{font-size:2rem;margin-bottom:16px;opacity:.7}.organizations-list{margin-top:2rem}.edit-organization-form{background:#1a202c;border:1px solid #2d3748;border-radius:8px;margin-top:24px;padding:24px}.create-organization-form h2{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 20px}.create-team-form{background:#2d3748;border:2px solid #374151;border-radius:8px;margin-bottom:20px;padding:20px}.form-group{margin-bottom:16px}.form-group label{margin-bottom:4px}.form-group input,.form-group textarea{background-color:#2d3748;border:1px solid #4a5568;border-radius:6px;color:#e2e8f0;font-size:14px;padding:8px 12px;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#00d4aa;box-shadow:0 0 0 3px rgba(0,212,170,.2);outline:none}.form-actions{gap:12px;margin-top:20px}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;justify-content:center;padding:8px 16px;text-decoration:none;transition:all .2s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:#00d4aa;color:#fff}.btn-primary:hover:not(:disabled){background:#00b894;transform:translateY(-1px)}.btn-secondary{background:#2d3748;border:1px solid #4a5568;color:#e2e8f0}.btn-secondary:hover:not(:disabled){background:#374151;transform:translateY(-1px)}.btn-danger{background:#f56565;color:#fff}.btn-danger:hover:not(:disabled){background:#e53e3e;transform:translateY(-1px)}.btn-sm{font-size:12px;padding:4px 8px}.teams-list{display:flex;flex-direction:column;gap:16px}.team-card{background:#2d3748;border:1px solid #374151;border-radius:8px;padding:20px}.team-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.team-info{flex:1 1}.team-actions{display:flex;flex-shrink:0;gap:8px}.team-edit-form{padding:4px 0}.team-edit-form .form-group{margin-bottom:12px}.team-edit-form .form-actions{margin-top:16px}.team-card h3{color:#fff;font-size:1.2rem;font-weight:600;margin:0 0 8px}.team-card p{color:#e2e8f0;line-height:1.5;margin:0 0 12px}.team-meta{color:#9ca3af;font-size:.85rem}.members-list{display:flex;flex-direction:column;gap:12px}.member-card{background:#2d3748;border:1px solid #374151;border-radius:8px;justify-content:space-between;padding:16px}.member-card,.member-info{align-items:center;display:flex}.member-info{gap:12px}.member-avatar{border-radius:50%;height:40px;object-fit:cover;width:40px}.member-details h4{color:#fff;font-size:1rem;font-weight:600;margin:0 0 2px}.member-details p{color:#e2e8f0;font-size:.9rem;margin:0}.primary-badge{background:#00d4aa;border-radius:4px;color:#fff;display:inline-block;font-size:.75rem;font-weight:500;margin-top:4px;padding:2px 6px}.member-actions{display:flex;gap:8px}.modal-overlay{align-items:center;background:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:#1a202c;border:1px solid #2d3748;border-radius:8px;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid #2d3748;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h3{color:#fff;font-size:1.25rem;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;color:#9ca3af;cursor:pointer;display:flex;font-size:1.5rem;height:24px;justify-content:center;padding:0;width:24px}.modal-close:hover{color:#fff}.modal-body{padding:24px}.modal-footer{border-top:1px solid #2d3748;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.team-management-modal{max-height:80vh;max-width:700px}.add-members-section,.team-members-section{margin-bottom:24px}.add-members-section h4,.team-members-section h4{border-bottom:1px solid #2d3748;color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 16px;padding-bottom:8px}.available-members-list,.team-members-list{display:flex;flex-direction:column;gap:12px;max-height:300px;overflow-y:auto}.available-member-item,.team-member-item{align-items:center;background:#2d3748;border:1px solid #374151;border-radius:8px;display:flex;justify-content:space-between;padding:16px}.available-member-item .member-details h5,.team-member-item .member-details h5{color:#fff;font-size:1rem;font-weight:600;margin:0 0 4px}.available-member-item .member-details p,.team-member-item .member-details p{color:#e2e8f0;font-size:.9rem;margin:0 0 4px}.join-date{color:#9ca3af;font-size:.8rem}.loading{color:#9ca3af;font-size:1.1rem;padding:48px}.error{background:#2d1b1b;border:1px solid #4a1f1f;border-radius:8px;color:#f56565;margin:24px 0;padding:48px}.error,.no-items{text-align:center}.no-items{color:#9ca3af;font-style:italic;padding:32px}@media (max-width:768px){.organization-page{padding:16px}.organization-header{align-items:stretch;flex-direction:column;gap:16px}.organization-actions{justify-content:flex-start}.organization-content{gap:24px;grid-template-columns:1fr}.organization-stats{flex-direction:column;gap:8px}.member-card{align-items:flex-start;flex-direction:column;gap:12px}.modal{margin:16px;width:95%}}.users-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.user-card{background:#2d3748;border:1px solid #374151;border-radius:8px;padding:16px;transition:all .2s ease}.user-card.clickable{cursor:pointer}.user-card.clickable:hover{background:#374151;border-color:#4a5568;transform:translateY(-1px)}.user-info{align-items:flex-start;display:flex;gap:12px}.user-avatar{border:2px solid #4a5568;border-radius:50%;flex-shrink:0;height:48px;object-fit:cover;width:48px}.user-details{flex:1 1;min-width:0}.user-details h4{color:#fff;font-size:1rem;font-weight:600;margin:0 0 4px}.user-details p{color:#e2e8f0;font-size:.9rem;margin:0 0 8px;word-break:break-word}.user-meta{display:flex;flex-direction:column;gap:4px}.user-meta .role-badge{align-self:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;font-size:10px;font-weight:600;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.user-meta .join-date{color:#9ca3af;font-size:.75rem}@media (max-width:640px){.users-list{grid-template-columns:1fr}.user-card{padding:12px}.user-info{gap:8px}.user-avatar{height:40px;width:40px}}.profile-container{background-color:#0f1419;color:#e6e6e6;margin:0 auto;max-width:800px;min-height:100vh;padding:2rem}.profile-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.profile-header h1{color:#fff;font-size:2rem;font-weight:600;margin:0}.edit-btn,.save-btn{background-color:#00d4aa;border:none;border-radius:.375rem;box-shadow:0 2px 4px rgba(0,212,170,.3);color:#0f1419;cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1.5rem;transition:all .2s ease}.edit-btn:hover,.save-btn:hover{background-color:#00c49a;box-shadow:0 4px 8px rgba(0,212,170,.4);transform:translateY(-1px)}.cancel-btn{font-size:.875rem;padding:.5rem 1.5rem}.message{border-radius:.375rem;margin-bottom:1.5rem;padding:1rem;text-align:center}.message.success{background-color:#065f46;border:1px solid #047857;color:#6ee7b7}.message.error{background-color:#2d1b1b;border:1px solid #f56565;color:#feb2b2}.profile-content{background:#1a202c;border:1px solid #2d3748;border-radius:.5rem;box-shadow:0 4px 12px rgba(0,0,0,.2);overflow:hidden}.profile-section{display:flex;gap:3rem;padding:2rem}.avatar-section{flex-shrink:0}.avatar{border:3px solid #00d4aa;border-radius:50%;height:120px;object-fit:cover;width:120px}.avatar-placeholder{align-items:center;background-color:#00d4aa;border-radius:50%;color:#0f1419;display:flex;font-size:2.5rem;font-weight:600;height:120px;justify-content:center;width:120px}.info-section{flex:1 1}.form-group{margin-bottom:1.5rem}.form-group input,.form-group select,.form-group textarea{font-size:1rem}.disabled-input{background-color:#4a5568!important;color:#a0aec0!important;cursor:not-allowed}.form-group small{color:#a0aec0;display:block;font-size:.75rem;margin-top:.25rem}.form-actions{margin-top:2rem}.profile-info{grid-gap:1.5rem;display:grid;gap:1.5rem}.info-item{border-bottom:1px solid #2d3748;padding-bottom:1rem}.info-item:last-child{border-bottom:none;padding-bottom:0}.info-item label{color:#a0aec0;display:block;font-size:.875rem;margin-bottom:.25rem}.info-item p{color:#fff;font-size:1rem;margin:0}.role-badge{background-color:#2d3748;border:1px solid #4a5568;border-radius:.375rem;color:#00d4aa;display:inline-block;font-size:.875rem;font-weight:500;padding:.25rem .75rem;text-transform:capitalize}.oauth-badge{align-items:center;color:#e2e8f0;display:flex;gap:.5rem}.google-icon{font-size:1.25rem}button:disabled{background-color:#4a5568!important;box-shadow:none!important;color:#a0aec0!important;cursor:not-allowed;opacity:.6;transform:none!important}@media (max-width:768px){.profile-container{padding:1rem}.profile-section{align-items:center;flex-direction:column;gap:2rem;text-align:center}.avatar-section{flex-shrink:1}.info-section{width:100%}.form-actions{justify-content:center}}@media (max-width:480px){.profile-header{align-items:stretch;flex-direction:column;gap:1rem}.profile-header h1{font-size:1.5rem;text-align:center}.cancel-btn,.edit-btn,.save-btn{justify-content:center;width:100%}.form-actions{flex-direction:column}}.settings-container{background-color:#0f1419;color:#e6e6e6;margin:0 auto;max-width:800px;min-height:100vh;padding:2rem}.settings-header{color:#fff;font-size:2rem;font-weight:600;margin:0 0 2rem}.settings-sections{display:flex;flex-direction:column;gap:2rem}.settings-section{background:#1a202c;border:1px solid #2d3748;border-radius:.5rem;box-shadow:0 4px 12px rgba(0,0,0,.2);padding:1.5rem}.section-title{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 1rem}.profile-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem}.form-group input{background-color:#2d3748;border:1px solid #4a5568;border-radius:.375rem;box-sizing:border-box;color:#e2e8f0;padding:.75rem;transition:all .2s ease;width:100%}.form-group input:disabled{background-color:#4a5568;color:#a0aec0;cursor:not-allowed}.form-group input:focus{background-color:#374151;border-color:#00d4aa;box-shadow:0 0 0 3px rgba(0,212,170,.2);outline:none}.profile-note{color:#a0aec0;font-size:.875rem;margin:1rem 0 0}.subscription-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.subscription-item{color:#e2e8f0;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.status-badge{border-radius:.25rem;padding:.5rem 1rem}.status-active{background-color:#065f46;color:#6ee7b7}.status-inactive{background-color:#2d1b1b;color:#feb2b2}.subscription-period{color:#a0aec0;font-size:.875rem;margin:0 0 .5rem}.manage-subscription-btn{background-color:#00d4aa;border:none;border-radius:.375rem;box-shadow:0 2px 4px rgba(0,212,170,.3);color:#0f1419;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.manage-subscription-btn:hover{background-color:#00c49a;box-shadow:0 4px 8px rgba(0,212,170,.4);transform:translateY(-1px)}.free-plan-description{color:#a0aec0;margin:0 0 1.5rem}.plans-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1.5rem}.plan-card{background:#2d3748;border:1px solid #4a5568;border-radius:.5rem;padding:1rem;position:relative}.plan-card.recommended{border:2px solid #00d4aa}.recommended-badge{background-color:#00d4aa;border-radius:1rem;color:#0f1419;font-size:.75rem;font-weight:600;left:50%;padding:.25rem .75rem;position:absolute;top:-.5rem;transform:translateX(-50%)}.plan-title{color:#fff;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.plan-description{color:#a0aec0;font-size:.875rem;margin:0 0 1rem}.plan-features{color:#e2e8f0;margin:0 0 1rem;padding-left:1rem}.plan-features li{margin-bottom:.25rem}.plan-price{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.upgrade-btn{background-color:#00d4aa;border:none;border-radius:.375rem;box-shadow:0 2px 4px rgba(0,212,170,.3);color:#0f1419;cursor:pointer;font-weight:500;padding:.75rem;transition:all .2s ease;width:100%}.upgrade-btn:hover{background-color:#00c49a;box-shadow:0 4px 8px rgba(0,212,170,.4);transform:translateY(-1px)}.api-description{color:#a0aec0;margin:0 0 1rem}.api-info-box{background-color:#2d3748;border:1px solid #4a5568;border-radius:.375rem;padding:1rem}.api-info-title{color:#e2e8f0;font-size:.875rem;font-weight:600;margin:0 0 .5rem}.api-url-code{background-color:#1a202c;border:1px solid #2d3748;border-radius:.25rem;color:#00d4aa;font-size:.875rem;padding:.25rem .5rem}.api-note{color:#a0aec0;font-size:.75rem;margin:.5rem 0 0}@media (max-width:768px){.settings-container{padding:1rem}.plans-grid,.profile-grid,.subscription-grid{grid-template-columns:1fr}.settings-header{font-size:1.5rem}}@media (max-width:480px){.settings-sections{gap:1rem}.settings-section{padding:1rem}.section-title{font-size:1.25rem}}.api-key-container{margin-top:1rem}.api-key-display{margin-bottom:1.5rem}.api-key-display label{color:#e2e8f0;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.api-key-input-group{align-items:stretch;display:flex;gap:.5rem}.api-key-input{background-color:#2d3748;border:1px solid #4a5568;border-radius:.375rem;color:#e2e8f0;flex:1 1;font-family:monospace;font-size:.875rem;padding:.75rem}.api-key-copy-btn,.api-key-toggle-btn{background-color:#4a5568;border:none;border-radius:.375rem;color:#e2e8f0;cursor:pointer;font-weight:500;padding:.75rem 1rem;transition:all .2s ease}.api-key-copy-btn:hover,.api-key-toggle-btn:hover{background-color:#606770}.copy-message{color:#00d4aa;font-size:.875rem;margin:.5rem 0 0}.api-key-actions{display:flex;gap:1rem;margin-bottom:1.5rem}.generate-api-key-btn,.regenerate-api-key-btn{background-color:#00d4aa;border:none;border-radius:.375rem;box-shadow:0 2px 4px rgba(0,212,170,.3);color:#0f1419;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.generate-api-key-btn:hover,.regenerate-api-key-btn:hover{background-color:#00c49a;box-shadow:0 4px 8px rgba(0,212,170,.4);transform:translateY(-1px)}.generate-api-key-btn:disabled,.regenerate-api-key-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.revoke-api-key-btn{background-color:#dc2626;border:none;border-radius:.375rem;box-shadow:0 2px 4px rgba(220,38,38,.3);color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.revoke-api-key-btn:hover{background-color:#b91c1c;box-shadow:0 4px 8px rgba(220,38,38,.4);transform:translateY(-1px)}.revoke-api-key-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.no-api-key-message{color:#a0aec0;margin:0 0 1rem}.api-key-usage{background-color:#2d3748;border:1px solid #4a5568;border-radius:.375rem;padding:1rem}.api-key-usage h4{color:#e2e8f0;font-size:.875rem;font-weight:600;margin:0 0 .75rem}.api-usage-example{background-color:#1a202c;border-radius:.375rem;color:#00d4aa;font-size:.875rem;line-height:1.5;margin:0;overflow-x:auto;padding:1rem}@media (max-width:768px){.api-key-actions,.api-key-input-group{flex-direction:column}}.spinners-page{background-color:#0f1419;color:#e6e6e6;margin:0 2rem;min-height:100vh;padding:0}.spinners-header{margin-bottom:2rem}.spinners-header h1{color:#fff;font-size:2rem;font-weight:600;margin:0 0 .5rem}.spinners-subtitle{color:#a0aec0;font-size:1.125rem;margin:0}.spinners-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{align-items:center;background:#1a202c;border:1px solid #2d3748;border-radius:.5rem;box-shadow:0 4px 12px rgba(0,0,0,.2);display:flex;gap:1rem;padding:1.5rem;transition:all .2s ease}.stat-card:hover{border-color:#4a5568;box-shadow:0 6px 16px rgba(0,0,0,.3);transform:translateY(-2px)}.stat-icon{align-items:center;background-color:#2d3748;border:1px solid #4a5568;border-radius:.5rem;display:flex;font-size:2rem;height:3rem;justify-content:center;width:3rem}.stat-content{flex:1 1}.stat-number{color:#00d4aa;font-size:1.75rem;font-weight:600;margin-bottom:.25rem}.stat-label{color:#a0aec0;font-size:.875rem;font-weight:500}.spinners-controls{margin-bottom:2rem}.filter-controls{display:flex;flex-wrap:wrap;gap:.5rem}.filter-button{background:#2d3748;border:1px solid #4a5568;border-radius:.375rem;color:#e6e6e6;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.filter-button:hover{background:rgba(0,212,170,.1);border-color:#00d4aa}.filter-button.active{background:#00d4aa;border-color:#00d4aa;color:#1a202c}.spinners-content{margin-bottom:2rem}.spinners-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}.spinner-card{background:#1a202c;border:1px solid #2d3748;border-radius:.5rem;box-shadow:0 4px 12px rgba(0,0,0,.2);padding:1.5rem;transition:all .2s ease}.spinner-card:hover{border-color:#4a5568;box-shadow:0 6px 16px rgba(0,0,0,.3);transform:translateY(-2px)}.spinner-card.authorized{border-color:#27ae60;box-shadow:0 4px 12px rgba(39,174,96,.1)}.spinner-card.unauthorized{border-color:#e74c3c;box-shadow:0 4px 12px rgba(231,76,60,.1)}.spinner-card-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1rem}.spinner-icon{color:#a0aec0;font-size:1.5rem;margin-top:.125rem}.spinner-info{flex:1 1}.spinner-hostname{color:#fff;font-size:1.125rem;font-weight:600;margin:0 0 .25rem}.spinner-system{color:#cbd5e0;font-size:.875rem;margin:0}.spinner-status{margin-left:auto}.status-badge{border-radius:.375rem;font-size:.75rem;font-weight:500;padding:.375rem .75rem;text-transform:uppercase}.status-badge.authorized{background-color:#27ae60;color:#fff}.status-badge.unauthorized{background-color:#e74c3c;color:#fff}.spinner-details{background:#2d3748;border-radius:.375rem;margin-bottom:1.5rem;padding:1rem}.detail-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.detail-row:last-child{margin-bottom:0}.detail-label{color:#a0aec0}.detail-label,.detail-value{font-size:.875rem;font-weight:500}.detail-value{color:#e6e6e6}.spinner-actions{display:flex;justify-content:flex-end}.action-button{align-items:center;border:none;border-radius:.375rem;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.375rem;padding:.5rem 1rem;transition:all .2s ease}.action-button.authorize{background-color:#27ae60;color:#fff}.action-button.authorize:hover:not(:disabled){background-color:#229954;transform:translateY(-1px)}.action-button.deauthorize{background-color:#e74c3c;color:#fff}.action-button.deauthorize:hover:not(:disabled){background-color:#c0392b;transform:translateY(-1px)}.action-button:active:not(:disabled){transform:translateY(0)}.action-button:disabled{background-color:#95a5a6;cursor:not-allowed;transform:none}.empty-state{color:#a0aec0}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h3{color:#e6e6e6;font-size:1.5rem;margin:0 0 1rem}.empty-state p{font-size:1rem;line-height:1.5;margin:0}.loading{color:#a0aec0;font-size:1.125rem;padding:4rem 2rem;text-align:center}@media (max-width:768px){.spinners-page{padding:.5rem}.spinners-stats{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-card{padding:1rem}.stat-icon{height:2.5rem;width:2.5rem}.stat-icon,.stat-number{font-size:1.5rem}.spinners-grid{gap:1rem;grid-template-columns:1fr}.filter-controls{flex-direction:column}.filter-button{text-align:center}}@media (max-width:480px){.spinners-header h1{font-size:1.5rem}.spinners-subtitle{font-size:1rem}.spinners-stats{grid-template-columns:1fr}.spinner-card-header{align-items:flex-start;flex-direction:column;gap:.75rem}.spinner-status{align-self:flex-start;margin-left:0}.detail-row{align-items:flex-start;flex-direction:column;gap:.25rem}}.formatted-message{background-color:#1a202c;border-left:3px solid #4a5568;border-radius:6px;margin:8px 0;padding:12px}.formatted-message-system_init{border-left-color:#63b3ed}.formatted-message-text{border-left-color:#68d391}.formatted-message-tool_use{border-left-color:#fbb040}.formatted-message-tool_result{border-left-color:#d53f8c}.formatted-message-error{border-left-color:#fc8181}.formatted-message-success{border-left-color:#68d391}.formatted-message-thinking{border-left-color:#718096}.formatted-message-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.agent-type-badge,.cost-badge,.message-type-badge,.model-badge{border-radius:10px;font-size:11px;font-weight:500;padding:2px 6px}.agent-type-badge{color:#63b3ed}.agent-type-badge,.message-type-badge{background-color:#2d3748;border:1px solid #4a5568}.message-type-badge{color:#d53f8c}.model-badge{color:#68d391}.cost-badge,.model-badge{background-color:#2d3748;border:1px solid #4a5568}.cost-badge{color:#fbb040}.formatted-text-content{line-height:1.6}.formatted-text-plain{background-color:#2d3748;border:1px solid #4a5568;border-radius:4px;color:#e2e8f0;font-family:Courier New,monospace;font-size:13px;overflow-x:auto;padding:12px;white-space:pre-wrap}.formatted-tool-use-content{background-color:#2d3748;border:1px solid #4a5568;border-radius:6px;padding:12px}.tool-use-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.tool-name-badge{background-color:#4a5568;border-radius:12px;color:#e2e8f0;font-size:12px;font-weight:700;padding:4px 8px}.tool-description{color:#e2e8f0;font-weight:500}.tool-input-details{margin-top:8px}.tool-input-details summary{color:#e2e8f0;cursor:pointer;font-weight:500}.tool-input-json{background-color:#1a202c;border:1px solid #4a5568;border-radius:4px;color:#e2e8f0;font-family:Courier New,monospace;font-size:12px;margin-top:4px;overflow-x:auto;padding:8px}.formatted-tool-result-content{background-color:rgba(213,63,140,.1);border:1px solid #d53f8c;border-radius:6px;padding:12px}.formatted-tool-result-content.tool-success{background-color:rgba(104,211,145,.1);border-color:#68d391}.formatted-tool-result-content.tool-error{background-color:hsla(0,95%,75%,.1);border-color:#fc8181}.tool-result-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.tool-status.success{color:#68d391;font-weight:700}.tool-status.error{color:#fc8181;font-weight:700}.tool-execution-time{background-color:#2d3748;border:1px solid #4a5568;border-radius:10px;color:#e2e8f0;font-size:11px;padding:2px 6px}.tool-result-output{background-color:#2d3748;border:1px solid #4a5568;border-radius:4px;color:#e2e8f0;padding:8px}.formatted-system-content{background-color:rgba(99,179,237,.1);border:1px solid #63b3ed;border-radius:6px;padding:12px}.system-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.system-badge{background-color:#63b3ed;border-radius:12px;color:#1a202c;font-size:12px;font-weight:700;padding:4px 8px}.system-subtype{color:#63b3ed;font-weight:500}.system-session{color:#e2e8f0;font-family:Courier New,monospace;font-size:12px;margin-bottom:8px}.system-data-details summary{color:#63b3ed;cursor:pointer;font-weight:500}.system-data-json{background-color:#2d3748;border:1px solid #4a5568;border-radius:4px;color:#e2e8f0;font-family:Courier New,monospace;font-size:12px;margin-top:4px;overflow-x:auto;padding:8px}.formatted-progress-content{background-color:rgba(213,63,140,.1);border:1px solid #d53f8c;border-radius:6px;padding:12px}.progress-description{color:#d53f8c;font-weight:500;margin-bottom:8px}.progress-bar-container{align-items:center;display:flex;gap:8px}.progress-bar{background-color:#2d3748;border:1px solid #4a5568;border-radius:10px;flex:1 1;height:20px;overflow:hidden}.progress-bar-fill{background-color:#d53f8c;height:100%;transition:width .3s ease}.progress-text{color:#d53f8c;font-size:12px;font-weight:500;white-space:nowrap}.formatted-error-content{background-color:hsla(0,95%,75%,.1);border:1px solid #fc8181;border-radius:6px;padding:12px}.error-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.error-badge{background-color:#fc8181;border-radius:12px;color:#1a202c;font-size:12px;font-weight:700;padding:4px 8px}.error-code{background-color:#2d3748;border:1px solid #4a5568;border-radius:10px;color:#fc8181;font-family:Courier New,monospace;font-size:11px;padding:2px 6px}.error-message{color:#fc8181;font-weight:500;margin-bottom:8px}.error-details summary{color:#fc8181;cursor:pointer;font-weight:500}.error-details-json{background-color:#2d3748;border:1px solid #4a5568;border-radius:4px;color:#e2e8f0;font-family:Courier New,monospace;font-size:12px;margin-top:4px;overflow-x:auto;padding:8px}.error-recoverable-notice{background-color:rgba(251,176,64,.1);border:1px solid #fbb040;border-radius:4px;color:#fbb040;font-size:13px;margin-top:8px;padding:8px}.formatted-unknown-content{background-color:#2d3748;border:1px solid #4a5568;border-radius:6px;padding:12px}.unknown-type{color:#718096;font-weight:500;margin-bottom:8px}.unknown-content-json{background-color:#1a202c;border:1px solid #4a5568;border-radius:4px;color:#e2e8f0;font-family:Courier New,monospace;font-size:12px;overflow-x:auto;padding:8px}.expandable-content{position:relative}.expand-button{align-items:center;background-color:#2d3748;border:1px solid #4a5568;border-radius:6px;color:#e2e8f0;cursor:pointer;display:flex;font-size:13px;gap:6px;margin-top:8px;padding:6px 12px;transition:all .2s ease;width:fit-content}.expand-button:hover{background-color:#4a5568;border-color:#718096}.expand-text{font-weight:500}.expand-icon{font-size:12px;opacity:.8}.tasks-container{background-color:#0f1419;color:#e6e6e6;margin:0 2rem;min-height:100vh;padding:0}.tasks-header{gap:2rem;justify-content:space-between;margin-bottom:2rem}.tasks-filters,.tasks-header{align-items:center;display:flex}.tasks-filters{flex:1 1;gap:1rem;justify-content:center}.search-input{background-color:#2d3748;border:1px solid #4a5568;border-radius:.375rem;color:#e2e8f0;font-size:1rem;max-width:250px;padding:.75rem;transition:all .2s ease;width:250px}.search-input:focus{background-color:#374151;border-color:#00d4aa;box-shadow:0 0 0 3px rgba(0,212,170,.2);outline:none}.search-input::placeholder{color:#9ca3af}.job-filter-select{background-color:#2d3748;border:1px solid #4a5568;border-radius:.375rem;color:#e2e8f0;cursor:pointer;font-size:1rem;height:48px;max-width:180px;min-height:48px;padding:.75rem;transition:all .2s ease;width:180px}.job-filter-select:focus{background-color:#374151;border-color:#00d4aa;box-shadow:0 0 0 3px rgba(0,212,170,.2);outline:none}.job-filter-select:hover{border-color:#00d4aa}.tasks-title{color:#fff;font-size:2rem;font-weight:600;margin:0}.create-task-btn{background-color:#00d4aa;border:none;border-radius:.375rem;box-shadow:0 2px 4px rgba(0,212,170,.3);color:#0f1419;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.create-task-btn:hover{background-color:#00c49a;box-shadow:0 4px 8px rgba(0,212,170,.4);transform:translateY(-1px)}.loading-message{background-color:#1a202c;color:#a0aec0;margin:2rem 0;padding:2rem;text-align:center}.create-task-form,.loading-message{border:1px solid #2d3748;border-radius:.5rem}.create-task-form{background:#1a202c;box-shadow:0 4px 12px rgba(0,0,0,.2);margin-bottom:2rem;padding:1.5rem}.create-task-form h3{color:#fff;font-size:1.25rem;font-weight:600;margin:0 0 1rem}.form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#e2e8f0;font-size:.875rem;font-weight:500}.form-group input,.form-group select,.form-group textarea{background-color:#2d3748;border:1px solid #4a5568;border-radius:.375rem;box-sizing:border-box;color:#e2e8f0;padding:.75rem;transition:all .2s ease;width:100%}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background-color:#374151;border-color:#00d4aa;box-shadow:0 0 0 3px rgba(0,212,170,.2);outline:none}.form-group textarea{min-height:80px;resize:vertical}.form-actions{display:flex;gap:1rem;justify-content:flex-end}.save-btn{background-color:#00d4aa;border:none;border-radius:.375rem;box-shadow:0 2px 4px rgba(0,212,170,.3);color:#0f1419;cursor:pointer;flex:1 1;font-weight:600;min-width:100px;padding:.75rem 1.5rem;transition:all .2s ease}.save-btn:hover{background-color:#00c49a;box-shadow:0 4px 8px rgba(0,212,170,.4);transform:translateY(-1px)}.save-btn:disabled{background-color:#4a5568;box-shadow:none;color:#9ca3af;cursor:not-allowed;transform:none}.cancel-btn{background-color:#4a5568;border:1px solid #718096;border-radius:.375rem;color:#e2e8f0;cursor:pointer;flex:1 1;font-weight:500;min-width:100px;padding:.75rem 1.5rem;transition:all .2s ease}.cancel-btn:hover{background-color:#718096;border-color:#a0aec0}.submit-btn{background-color:#00d4aa;border:none;border-radius:.375rem;box-shadow:0 2px 4px rgba(0,212,170,.3);color:#0f1419;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.submit-btn:hover{background-color:#00c49a;box-shadow:0 4px 8px rgba(0,212,170,.4);transform:translateY(-1px)}.tasks-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.task-card{background:#1a202c;border:1px solid #2d3748;border-radius:.5rem;box-shadow:0 4px 12px rgba(0,0,0,.2);display:flex;flex-direction:column;min-height:200px;padding:1.5rem;transition:all .2s ease}.task-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.3);transform:translateY(-2px)}.task-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.task-title{color:#fff;font-size:1rem;font-weight:600;margin:0}.task-actions{align-items:center;display:flex;gap:.5rem}.task-actions.edit-mode{align-items:stretch;flex-direction:column}.task-actions.edit-mode .cancel-btn,.task-actions.edit-mode .save-btn{flex:none;width:100%}.delete-btn{align-items:center;background-color:#e53e3e;border:none;border-radius:.25rem;color:#fff;cursor:pointer;display:flex;font-size:.875rem;justify-content:center;padding:.5rem;transition:all .2s ease}.delete-btn:hover{background-color:#c53030;transform:translateY(-1px)}.delete-btn:disabled{background-color:#4a5568;cursor:not-allowed;transform:none}.work-btn{align-items:center;background-color:#f59e0b;border:none;border-radius:.25rem;color:#fff;cursor:pointer;display:flex;font-size:.875rem;justify-content:center;padding:.5rem;transition:all .2s ease}.work-btn:hover{background-color:#d97706;transform:translateY(-1px)}.work-btn-active{background-color:#10b981!important;cursor:not-allowed!important}.work-btn-active:hover{background-color:#10b981!important;transform:none!important}.edit-btn{align-items:center;background-color:#2d3748;border:1px solid #4a5568;border-radius:.25rem;color:#e2e8f0;cursor:pointer;display:flex;font-size:.875rem;justify-content:center;padding:.5rem;transition:all .2s ease}.edit-btn:hover{background-color:#4a5568;border-color:#718096}.status-select{background-color:#2d3748;border:1px solid #4a5568;border-radius:.25rem;color:#e2e8f0;font-size:.75rem;height:36px;min-height:36px;padding:.5rem .75rem;transition:all .2s ease}.status-select:focus{border-color:#00d4aa;box-shadow:0 0 0 2px rgba(0,212,170,.2);outline:none}.task-badge{border-radius:.25rem;color:#fff;font-size:.6875rem;font-weight:500;overflow:hidden;padding:.125rem .5rem;text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;width:100%}.type-badge,.type-code{background-color:#3498db}.type-badge{border-radius:.25rem;color:#fff;font-size:.6875rem;font-weight:500;padding:.125rem .5rem;text-transform:uppercase}.task-details{align-items:flex-start;display:flex;flex-shrink:0;gap:1rem;margin-bottom:auto;margin-top:.5rem}.task-badges{display:flex;flex:0 0 20%;flex-direction:column;gap:.5rem;margin-bottom:0;margin-top:0}.task-description{color:#a0aec0;flex:1 1;font-size:.875rem;line-height:1.4;margin:0}.task-meta{border-top:1px solid #2d3748;color:#718096;font-size:.75rem;margin-top:auto;padding-top:.5rem}.task-meta div{margin-bottom:.25rem}.task-meta div:last-child{margin-bottom:0}.empty-state{background:#1a202c;border:1px solid #2d3748;border-radius:.5rem;box-shadow:0 4px 12px rgba(0,0,0,.2);grid-column:1/-1;padding:4rem 2rem;text-align:center}.empty-state-icon{font-size:4rem;margin-bottom:1rem}.empty-state h3{color:#fff;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.empty-state p{color:#a0aec0;font-size:.875rem;margin:0 0 1.5rem}.create-btn{background-color:#00d4aa;border:none;border-radius:.375rem;box-shadow:0 2px 4px rgba(0,212,170,.3);color:#0f1419;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.create-btn:hover:not(:disabled){background-color:#00c49a;box-shadow:0 4px 8px rgba(0,212,170,.4);transform:translateY(-1px)}.create-btn:disabled{background-color:#4a5568;box-shadow:none;color:#a0aec0;cursor:not-allowed;transform:none}.status-pending{background-color:#f39c12}.status-in-progress{background-color:#3498db}.status-completed{background-color:#27ae60}.status-failed{background-color:#e74c3c}.type-research{background-color:#9b59b6}.type-analysis{background-color:#3498db}.type-coding{background-color:#27ae60}.type-testing{background-color:#e67e22}.type-documentation{background-color:#95a5a6}.type-other{background-color:#34495e}@media (max-width:768px){.tasks-container{margin:0 1rem;padding:1rem 0}.tasks-header{align-items:stretch}.tasks-filters,.tasks-header{flex-direction:column;gap:1rem}.job-filter-select,.search-input{min-width:0;min-width:auto;width:100%}.tasks-title{font-size:1.5rem;text-align:center}.form-grid,.tasks-grid{grid-template-columns:1fr}.task-header{align-items:stretch;gap:.5rem}.form-actions,.task-header{flex-direction:column}}.task-context{display:flex;flex-grow:1;flex-wrap:wrap;gap:1rem;margin:.75rem 0;padding:.5rem 0}.task-context-item{color:#a0aec0;font-size:.875rem;margin-right:1rem}.task-context-item strong{color:#e2e8f0}.task-context-edit{background-color:#374151;border:1px solid #4a5568;border-radius:.375rem;margin-bottom:1rem;padding:.75rem}.context-info{background-color:#2d3748;border:1px solid #4a5568;border-radius:.25rem;color:#e2e8f0;font-size:.875rem;padding:.5rem}.task-edit-job-image{border:1px solid #4a5568;border-radius:.375rem;height:40px;object-fit:cover;transition:all .2s ease;width:60px}.task-edit-job-image:hover{border-color:#00d4aa;box-shadow:0 4px 12px rgba(0,212,170,.2)}.job-name-text{color:#e2e8f0;font-weight:500}.task-title-container{align-items:center;display:flex;flex:1 1;gap:.75rem}.task-job-image{border-radius:.25rem;width:75px}.task-job-image:hover{border-color:#00d4aa;box-shadow:0 2px 8px rgba(0,212,170,.2)}@media (max-width:480px){.create-task-form,.task-card{padding:1rem}.empty-state{padding:2rem 1rem}.empty-state-icon{font-size:3rem}}.work-mode-container{background:#1a202c;border:2px solid #718096;border-radius:.5rem;box-shadow:0 8px 24px rgba(113,128,150,.15);margin-bottom:2rem;transition:all .3s ease}.work-mode-container.expanded .work-mode-content{min-height:900px}.work-mode-container.expanded .messages-container{height:900px}.work-mode-header{background:linear-gradient(135deg,#718096,#68748a);border-radius:.375rem .375rem 0 0;color:#fff;justify-content:space-between;padding:.3rem 1rem}.work-mode-header,.work-mode-header-left{align-items:center;display:flex;gap:1rem}.work-mode-job-image{border-radius:8px;flex-shrink:0;height:60px;object-fit:cover}.work-mode-title{font-size:1.5rem;font-weight:700;margin:0}.work-mode-header-actions{align-items:center;display:flex;flex-shrink:0;gap:.75rem;max-width:20%}.work-mode-header-save-btn{background-color:#00d4aa;border:none;border-radius:.375rem;box-shadow:0 2px 4px rgba(0,212,170,.3);color:#0f1419;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease;white-space:nowrap}.work-mode-header-save-btn:hover:not(:disabled){background-color:#00c49a;box-shadow:0 4px 8px rgba(0,212,170,.4);transform:translateY(-1px)}.work-mode-header-save-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.work-mode-header-cancel-btn{background-color:#4a5568;border:1px solid #718096;border-radius:.375rem;color:#e2e8f0;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease;white-space:nowrap}.work-mode-header-cancel-btn:hover{background-color:#718096;border-color:#a0aec0}.title-input-group{align-items:center;display:flex;gap:.75rem}.title-input-group .task-title-edit{flex:1 1}.title-input-actions{display:flex;flex-shrink:0;gap:.75rem}.work-mode-inline-save-btn{background-color:#00d4aa;border:none;border-radius:.375rem;box-shadow:0 2px 4px rgba(0,212,170,.3);color:#0f1419;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease;white-space:nowrap}.work-mode-inline-save-btn:hover:not(:disabled){background-color:#00c49a;box-shadow:0 4px 8px rgba(0,212,170,.4);transform:translateY(-1px)}.work-mode-inline-save-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.work-mode-inline-cancel-btn{background-color:#4a5568;border:1px solid #718096;border-radius:.375rem;color:#e2e8f0;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease;white-space:nowrap}.work-mode-inline-cancel-btn:hover{background-color:#718096;border-color:#a0aec0}.work-mode-edit-form{background:#1a202c;border:1px solid #2d3748;border-radius:.5rem;padding:1rem}.edit-form-layout{align-items:stretch;display:flex;gap:1rem}.edit-form-main{flex:1 1;width:85%}.edit-form-sidebar{display:flex;flex-direction:column;gap:1rem;min-width:200px;position:sticky;top:0;width:15%}.tools-textarea{background-color:#2d3748;border:1px solid #4a5568;border-radius:.375rem;color:#e2e8f0;font-family:inherit;font-size:.875rem;line-height:1.4;padding:.75rem;resize:vertical}.allowed-tools-textarea{height:285px}.disallowed-tools-textarea{height:175px}.form-row-four{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr 1fr 1fr}.form-row-four .form-group{margin-bottom:0}.work-mode-save-section{border-top:1px solid #2d3748;display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem}.work-mode-save-btn{background-color:#00d4aa;border:none;border-radius:.375rem;box-shadow:0 2px 4px rgba(0,212,170,.3);color:#0f1419;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.work-mode-save-btn:hover:not(:disabled){background-color:#00c49a;box-shadow:0 4px 8px rgba(0,212,170,.4);transform:translateY(-1px)}.work-mode-save-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.work-mode-cancel-btn{background-color:#4a5568;border:1px solid #718096;border-radius:.375rem;color:#e2e8f0;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.work-mode-cancel-btn:hover{background-color:#718096;border-color:#a0aec0}.work-mode-edit-button-section{border-top:1px solid #2d3748;display:flex;justify-content:center;margin-top:1.5rem;padding-top:1rem}.edit-task-btn{align-items:center;background-color:#718096;border:none;border-radius:.375rem;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.5rem 1rem;transition:all .2s ease;width:120px}.edit-task-btn:hover:not(:disabled){background-color:#00c49a;box-shadow:0 4px 12px rgba(0,212,170,.3);transform:translateY(-1px)}.edit-task-btn-active,.edit-task-btn:disabled{color:#0f1419;cursor:default;opacity:1}.edit-task-btn-active,.edit-task-btn-active:hover,.edit-task-btn:disabled,.edit-task-btn:disabled:hover{background-color:#00d4aa;box-shadow:0 0 0 2px rgba(0,212,170,.3);transform:none}.work-mode-content.edit-mode{display:block}.work-mode-content.edit-mode .work-mode-details{max-width:none;width:100%}.work-mode-content.edit-mode .work-mode-workspace{display:none}.expand-toggle-btn{align-items:center;background-color:rgba(15,20,25,.2);border:none;border-radius:.25rem;color:#0f1419;cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:2rem;justify-content:center;padding:.5rem;transition:all .2s ease;width:2rem}.expand-toggle-btn:hover{background-color:rgba(15,20,25,.3);transform:scale(1.1)}.exit-work-btn{align-items:center;background-color:rgba(15,20,25,.2);border:none;border-radius:.25rem;color:#0f1419;cursor:pointer;display:flex;font-size:1.25rem;font-weight:700;height:2rem;justify-content:center;padding:.5rem;transition:all .2s ease;width:2rem}.exit-work-btn:hover{background-color:rgba(15,20,25,.3);transform:scale(1.1)}.work-mode-content{display:flex;min-height:400px}.work-mode-details{background-color:#1f2937;border-right:1px solid #2d3748;padding:1.5rem;width:25%}.work-detail-section h3{border-bottom:2px solid #718096;color:#a0aec0;font-size:1.125rem;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem}.work-detail-item{background-color:#374151;border:1px solid #4a5568;border-radius:.375rem;display:flex;flex-direction:column;margin-bottom:1rem;padding:.75rem}.work-detail-item label{color:#e2e8f0;font-size:.875rem;font-weight:600;margin-bottom:.25rem}.work-detail-item span{word-wrap:break-word;color:#d1d5db;font-size:.875rem}.local-path-display{background-color:#1f2937!important;border:1px solid #4b5563!important;border-radius:.375rem!important;cursor:help!important;display:block!important;font-family:Monaco,Menlo,Ubuntu Mono,monospace!important;font-size:.8rem!important;max-width:100%!important;overflow:hidden!important;padding:.5rem!important;text-overflow:ellipsis!important;white-space:nowrap!important}.work-badges-row{flex-direction:row;flex-wrap:wrap;gap:1rem}.work-badge-group{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.work-badge-group label{color:#e2e8f0;font-size:.875rem;font-weight:600;margin-bottom:0}.work-job-image{border-radius:.375rem;height:40px}.work-job-image:hover{border-color:#718096;box-shadow:0 4px 12px rgba(113,128,150,.2)}.work-context{border-top:1px solid #4a5568;margin-top:1rem;padding-top:1rem}.work-mode-workspace{background-color:#0f1419;display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:1rem}.work-mode-workspace h3{color:#fff;font-size:1.25rem;font-weight:600;margin:0 0 1rem}.work-mode-workspace p{color:#a0aec0}.message-item.user-message .work-mode-workspace p,.message-item.user-message p{color:#2d3748}.work-detail-item .priority-badge,.work-detail-item .status-badge,.work-detail-item .type-badge{border-radius:.25rem;display:inline-block;font-size:.75rem;font-weight:600;margin-top:.25rem;padding:.25rem .5rem;text-transform:uppercase}.priority-low{background-color:#4ade80;color:#0f1419}.priority-medium{background-color:#fbbf24;color:#0f1419}.priority-high{background-color:#f87171;color:#fff}.priority-urgent{background-color:#dc2626;color:#fff}@media (max-width:768px){.work-mode-content{flex-direction:column}.work-mode-details{border-bottom:1px solid #2d3748;border-right:none;width:100%}.work-mode-header{padding:.75rem 1rem}.work-mode-title{font-size:1.25rem}}.work-mode-actions{background-color:#1a202c;border-radius:0 0 .375rem .375rem;border-top:1px solid #2d3748;display:flex;gap:1rem;justify-content:flex-start;padding:1rem 1.5rem}.ping-btn{align-items:center;background-color:#718096;border:none;border-radius:.375rem;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.5rem 1rem;transition:all .2s ease;width:120px}.ping-btn:hover:not(:disabled){background-color:#00c49a;box-shadow:0 4px 12px rgba(0,212,170,.3);transform:translateY(-1px)}.ping-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.ping-btn:active:not(:disabled){transform:translateY(0)}.work-spinner-row{border-top:1px solid #2d3748;margin-top:.75rem;padding-top:.75rem}.spinner-info{color:#a0aec0;font-weight:500}.spinner-not-found{color:#f87171;font-style:italic}.cloud-execution{color:#60a5fa;font-style:italic}.spinner-info-container{align-items:center;display:flex;gap:.75rem}.connection-indicator{align-items:center;cursor:pointer;display:inline-flex;font-size:.75rem;transition:transform .2s ease}.connection-indicator:hover{transform:scale(1.2)}.connection-status{background-color:transparent;background-color:initial;border:initial;cursor:pointer;display:inline;font-size:.875rem;margin-left:1rem;transition:transform .2s ease}.connection-status:hover{transform:scale(1.1)}.connection-status.connecting{animation:pulse-yellow 1.5s ease-in-out infinite}@keyframes pulse-yellow{0%,to{opacity:.6}50%{opacity:1}}.messages-section{display:flex;flex:1 1;flex-direction:column;min-height:0}.messages-title{border-bottom:2px solid #718096;color:#a0aec0;font-size:1rem;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem}.messages-container{background-color:#1a202c;border:1px solid #2d3748;border-radius:.375rem .375rem 0 0;flex-shrink:0;height:300px;overflow-y:auto;padding:1rem}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:#2d3748;border-radius:3px}.messages-container::-webkit-scrollbar-thumb{background:#4a5568;border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background:#718096}.message-item{background-color:#374151;border:1px solid #4a5568;border-radius:.375rem;margin-bottom:1rem;padding:.75rem;transition:all .2s ease}.message-item:hover{border-color:#718096;box-shadow:0 2px 8px rgba(113,128,150,.1)}.message-item:last-child{margin-bottom:0}.message-header{align-items:center;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:.5rem}.message-timestamp{color:#9ca3af;font-size:.75rem;font-weight:500}.message-type-badge{border-radius:.25rem;color:#fff;font-size:.6875rem;font-weight:600;padding:.125rem .5rem;text-transform:uppercase}.message-type-badge.type-text{background-color:#3498db}.message-type-badge.type-system{background-color:#9b59b6}.message-type-badge.type-file{background-color:#27ae60}.message-type-badge.type-image{background-color:#e67e22}.message-type-badge.type-command{background-color:#e74c3c}.message-type-badge.type-task_update{background-color:#f39c12}.message-content{word-wrap:break-word;color:#e2e8f0;font-size:.875rem;line-height:1.4}.message-item.user-message{background-color:#718096;border-color:#68748a;margin-left:auto;margin-right:0;max-width:70%}.message-item.user-message .message-content{color:#1a202c;font-weight:500}.message-item.user-message .message-timestamp{color:#1a202c;opacity:.8}.message-item.user-message:hover{border-color:#00b89a;box-shadow:0 2px 8px rgba(0,212,170,.2)}.loading-indicator{align-items:center;display:flex;gap:.75rem}.loading-dots{display:flex;gap:.25rem}.loading-dots span{animation:loading-pulse 1.4s ease-in-out infinite both;background-color:#718096;border-radius:50%;height:8px;width:8px}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}.loading-text{color:#9ca3af;font-size:.75rem;font-style:italic}@keyframes loading-pulse{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.messages-empty{background-color:#2d3748;border:1px dashed #4a5568;border-radius:.375rem;color:#9ca3af;font-style:italic;padding:2rem;text-align:center}.message-input-section{background-color:#1a202c;border:1px solid #2d3748;border-radius:0 0 .375rem .375rem;border-top:none;flex-shrink:0;margin-top:auto;padding:1rem}.message-input-row{align-items:flex-start;display:flex;gap:.75rem}.message-input{background-color:#2d3748;border:1px solid #4a5568;border-radius:.375rem;box-sizing:border-box;color:#e2e8f0;flex:1 1;font-size:.875rem;line-height:1.4;min-height:60px;padding:.75rem;resize:vertical;transition:all .2s ease}.message-input:focus{background-color:#374151;border-color:#718096;box-shadow:0 0 0 3px rgba(113,128,150,.2);outline:none}.message-input::placeholder{color:#9ca3af}.send-message-btn{align-self:stretch;background-color:#718096;border:none;border-radius:.375rem;box-shadow:0 2px 4px rgba(0,212,170,.3);color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;height:60px;margin-top:.25rem;padding:.75rem 1rem;transition:all .2s ease;white-space:nowrap}.send-message-btn:hover:not(:disabled){background-color:#00c49a;box-shadow:0 4px 8px rgba(0,212,170,.4);transform:translateY(-1px)}.send-message-btn:disabled{background-color:#4a5568;box-shadow:none;color:#9ca3af;cursor:not-allowed;transform:none}.send-message-btn:active:not(:disabled){transform:translateY(0)}.message-content h1,.message-content h2,.message-content h3,.message-content h4,.message-content h5,.message-content h6{color:#fff;font-weight:600;margin:.5rem 0}.message-content h1{font-size:1.5rem}.message-content h2{font-size:1.25rem}.message-content h3{font-size:1.1rem}.message-content p{margin:.5rem 0;white-space:normal}.message-content ol,.message-content ul{margin:.5rem 0;padding-left:1.5rem}.message-content li{margin:.25rem 0}.message-content code{background-color:#2d3748;border-radius:.25rem;color:#a0aec0;font-family:Monaco,Courier New,monospace;font-size:.85em;padding:.125rem .25rem}.message-content pre{background-color:#2d3748;border:1px solid #4a5568;border-radius:.375rem;margin:.5rem 0;overflow-x:auto;padding:.75rem;white-space:pre}.message-content pre code{background-color:transparent;color:#e2e8f0;padding:0}.message-content blockquote{border-left:3px solid #718096;color:#cbd5e0;font-style:italic;margin:.5rem 0;padding-left:1rem}.message-content a{color:#a0aec0;text-decoration:none}.message-content a:hover{text-decoration:underline}.message-content table{border-collapse:collapse;margin:.5rem 0;width:100%}.message-content td,.message-content th{border:1px solid #4a5568;padding:.5rem;text-align:left}.message-content th{background-color:#2d3748;font-weight:600}.message-content hr{border:none;border-top:1px solid #4a5568;margin:1rem 0}.message-content strong{color:#fff;font-weight:600}.message-content em{font-style:italic}.message-item.user-message .message-content h1,.message-item.user-message .message-content h2,.message-item.user-message .message-content h3,.message-item.user-message .message-content h4,.message-item.user-message .message-content h5,.message-item.user-message .message-content h6,.message-item.user-message .message-content strong{color:#0f1419}.message-item.user-message .message-content code{background-color:rgba(15,20,25,.2);color:#0f1419}.message-item.user-message .message-content pre{background-color:rgba(15,20,25,.1);border-color:rgba(15,20,25,.3)}.message-item.user-message .message-content blockquote{border-left-color:#0f1419;color:rgba(15,20,25,.8)}.message-item.user-message .message-content a{color:#0f1419;text-decoration:underline}.tools-container{background-color:#0f1419;color:#e6e6e6;margin:0 2rem;min-height:100vh;padding:0}.tools-header{align-items:center;display:flex;gap:2rem;justify-content:space-between;margin-bottom:2rem}.tools-title{color:#fff;font-size:2rem;font-weight:600;margin:0}.tools-filters{align-items:center;display:flex;flex:1 1;gap:1rem;justify-content:center}.tools-search-input{background-color:#2d3748;border:1px solid #4a5568;border-radius:.375rem;color:#e2e8f0;font-size:1rem;max-width:250px;padding:.75rem;transition:all .2s ease;width:250px}.tools-search-input:focus{background-color:#374151;border-color:#00d4aa;box-shadow:0 0 0 3px rgba(0,212,170,.2);outline:none}.tools-search-input::placeholder{color:#9ca3af}.tools-create-tool-btn{background-color:#00d4aa;border:none;border-radius:.375rem;box-shadow:0 2px 4px rgba(0,212,170,.3);color:#0f1419;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.tools-create-tool-btn:hover{background-color:#00c49a;box-shadow:0 4px 8px rgba(0,212,170,.4);transform:translateY(-1px)}.tools-error-message,.tools-loading-message{color:#9ca3af;font-size:1.1rem;padding:2rem;text-align:center}.tools-error-message{color:#ef4444}.tools-create-form-container{background-color:#1a202c;border:1px solid #2d3748;border-radius:.5rem;box-shadow:0 4px 6px rgba(0,0,0,.1);margin-bottom:2rem;padding:2rem}.tools-create-form h2{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 1.5rem}.tools-form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.tools-form-grid,.tools-form-group{margin-bottom:1rem}.tools-form-group label{color:#e2e8f0;display:block;font-weight:500;margin-bottom:.5rem}.tools-form-group input,.tools-form-group select,.tools-form-group textarea{background-color:#2d3748;border:1px solid #4a5568;border-radius:.375rem;box-sizing:border-box;color:#e2e8f0;font-size:1rem;padding:.75rem;transition:all .2s ease;width:100%}.tools-form-group input:focus,.tools-form-group select:focus,.tools-form-group textarea:focus{background-color:#374151;border-color:#00d4aa;box-shadow:0 0 0 3px rgba(0,212,170,.2);outline:none}.tools-form-group input::placeholder,.tools-form-group textarea::placeholder{color:#9ca3af}.tools-form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.tools-cancel-btn,.tools-delete-btn,.tools-edit-btn,.tools-save-btn,.tools-submit-btn{align-items:center;border:none;border-radius:.375rem;cursor:pointer;display:flex;font-weight:500;justify-content:center;padding:.5rem 1rem;transition:all .2s ease}.tools-cancel-btn{background-color:#4a5568;color:#e2e8f0}.tools-cancel-btn:hover{background-color:#2d3748}.tools-save-btn,.tools-submit-btn{background-color:#00d4aa;color:#0f1419}.tools-save-btn:hover,.tools-submit-btn:hover{background-color:#00c49a}.tools-save-btn:disabled,.tools-submit-btn:disabled{cursor:not-allowed;opacity:.6}.tools-edit-btn{background-color:#3182ce;color:#fff;margin-right:.5rem}.tools-edit-btn:hover{background-color:#2c5282}.tools-delete-btn{background-color:#e53e3e;color:#fff}.tools-delete-btn:hover{background-color:#c53030}.tools-delete-btn:disabled{cursor:not-allowed;opacity:.6}.tools-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(5,1fr);margin-top:2rem}@media (max-width:1600px){.tools-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:1200px){.tools-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.tools-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.tools-grid{grid-template-columns:1fr}}.tools-tool-card{background-color:#1a202c;border:1px solid #2d3748;border-radius:.5rem;display:flex;flex-direction:column;min-height:250px;padding:1.5rem;transition:all .2s ease}.tools-tool-card:hover{border-color:#00d4aa;box-shadow:0 4px 12px rgba(0,212,170,.15);transform:translateY(-2px)}.tools-tool-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.tools-tool-title-container{flex:1 1;min-width:0}.tools-tool-title{word-wrap:break-word;color:#fff;font-size:1.125rem;font-weight:600;margin:0}.tools-tool-actions{align-items:flex-start;display:flex;flex-shrink:0;gap:.5rem}.tools-tool-details{flex:1 1;margin-bottom:1rem}.tools-tool-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#e2e8f0;display:-webkit-box;font-size:.875rem;line-height:1.4;margin:.75rem 0;overflow:hidden}.tools-tool-field{margin-bottom:.75rem}.tools-tool-field strong{color:#9ca3af;display:block;font-size:.875rem;margin-bottom:.25rem}.tools-field-content{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#e2e8f0;display:-webkit-box;font-size:.875rem;line-height:1.4;margin:0;overflow:hidden}.tools-tool-meta{border-top:1px solid #374151;color:#9ca3af;font-size:.75rem;margin-top:auto;padding-top:.75rem}.tools-tool-meta div{margin-bottom:.25rem}.tools-tool-meta div:last-child{margin-bottom:0}.tools-edit-form{flex:1 1}.tools-edit-form .tools-form-group{margin-bottom:1rem}.tools-edit-input,.tools-edit-textarea{background-color:#2d3748;border:1px solid #4a5568;border-radius:.25rem;box-sizing:border-box;color:#e2e8f0;font-size:.875rem;padding:.5rem;resize:vertical;transition:all .2s ease;width:100%}.tools-edit-input:focus,.tools-edit-textarea:focus{background-color:#374151;border-color:#00d4aa;box-shadow:0 0 0 2px rgba(0,212,170,.2);outline:none}.tools-edit-textarea{font-family:inherit;min-height:60px}.tools-work-mode-container{background:#1a202c;border:2px solid #718096;border-radius:.5rem;box-shadow:0 8px 24px rgba(113,128,150,.15);margin-bottom:2rem}.tools-work-mode-container.expanded .tools-work-mode-content{min-height:900px}.tools-work-mode-header{background:linear-gradient(135deg,#718096,#68748a);border-radius:.375rem .375rem 0 0;color:#fff;justify-content:space-between;min-height:60px;padding:.75rem 1rem}.tools-work-mode-header,.tools-work-mode-header-left{align-items:center;display:flex;gap:1rem}.tools-work-mode-title{color:#fff;font-size:1.5rem;font-weight:700;margin:0}.tools-work-mode-header-actions{align-items:center;display:flex;flex-shrink:0;gap:.75rem;max-width:20%}.tools-work-mode-content{display:flex;min-height:400px}.tools-work-mode-left{background-color:#1f2937;border-right:1px solid #2d3748;overflow-y:auto;padding:1.5rem;width:25%}.tools-work-mode-right{background-color:#0f1419;display:flex;flex:1 1;flex-direction:column;padding:1rem}.tools-tool-detail-group{background-color:#374151;border:1px solid #4a5568;border-radius:.375rem;display:flex;flex-direction:column;margin-bottom:1rem;padding:.75rem}.tools-tool-detail-group label{color:#e2e8f0;font-size:.875rem;font-weight:600;margin-bottom:.25rem}.tools-detail-value{word-wrap:break-word;color:#d1d5db;font-size:.875rem}.tools-content-editor{display:flex;flex-direction:column;height:100%}.tools-content-editor label{color:#e2e8f0;font-weight:500;margin-bottom:.5rem}.tools-monaco-container{background-color:#1f2937;border:1px solid #4a5568;border-radius:.375rem;flex:1 1;overflow:hidden}.tools-content-textarea{flex:1 1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.5;resize:vertical}.tools-work-mode-container.expanded .tools-content-textarea{min-height:280px}.tools-save-content-btn{align-items:center;background-color:#00d4aa;border:none;border-radius:.375rem;color:#0f1419;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.5rem 1rem;transition:all .2s ease}.tools-save-content-btn:hover:not(:disabled){background-color:#00c49a;box-shadow:0 4px 12px rgba(0,212,170,.3);transform:translateY(-1px)}.tools-save-content-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.tools-expand-toggle-btn{align-items:center;background-color:rgba(15,20,25,.2);border:none;border-radius:.25rem;color:#0f1419;cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:2rem;justify-content:center;padding:.5rem;transition:all .2s ease;width:2rem}.tools-expand-toggle-btn:hover{background-color:rgba(15,20,25,.3);transform:scale(1.1)}.tools-exit-work-btn{align-items:center;background-color:rgba(15,20,25,.2);border:none;border-radius:.25rem;color:#0f1419;cursor:pointer;display:flex;font-size:1.25rem;font-weight:700;height:2rem;justify-content:center;padding:.5rem;transition:all .2s ease;width:2rem}.tools-exit-work-btn:hover{background-color:rgba(15,20,25,.3);transform:scale(1.1)}.tools-work-mode-actions{background-color:#1a202c;border-radius:0 0 .375rem .375rem;border-top:1px solid #2d3748;display:flex;gap:1rem;justify-content:flex-start;padding:1rem 1.5rem}.tools-edit-task-btn{align-items:center;background-color:#718096;border:none;border-radius:.375rem;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.5rem 1rem;transition:all .2s ease}.tools-edit-task-btn:hover:not(:disabled){background-color:#00c49a;box-shadow:0 4px 12px rgba(0,212,170,.3);transform:translateY(-1px)}.tools-edit-task-btn-active,.tools-edit-task-btn:disabled{color:#0f1419;cursor:default;opacity:1}.tools-edit-task-btn-active,.tools-edit-task-btn-active:hover,.tools-edit-task-btn:disabled,.tools-edit-task-btn:disabled:hover{background-color:#00d4aa;box-shadow:0 0 0 2px rgba(0,212,170,.3);transform:none}.tools-work-btn{background-color:transparent;border:1px solid #00d4aa;border-radius:.25rem;color:#00d4aa;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.tools-work-btn-active,.tools-work-btn:hover{background-color:#00d4aa;color:#0f1419}.tools-work-btn:disabled{cursor:not-allowed;opacity:.6}.tools-work-mode-content.edit-mode{display:block}.tools-work-mode-content.edit-mode .tools-work-mode-left{max-width:none;width:100%}.tools-work-mode-content.edit-mode .tools-work-mode-right{display:none}.tools-empty-state{color:#9ca3af;grid-column:1/-1;padding:4rem 2rem;text-align:center}.tools-empty-state-icon{font-size:4rem;margin-bottom:1rem}.tools-empty-state h3{color:#e2e8f0;font-size:1.5rem;margin:0 0 1rem}.tools-empty-state p{font-size:1.1rem;margin:0 0 2rem}.tools-create-btn{background-color:#00d4aa;border:none;border-radius:.375rem;box-shadow:0 2px 4px rgba(0,212,170,.3);color:#0f1419;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.tools-create-btn:hover{background-color:#00c49a;box-shadow:0 4px 8px rgba(0,212,170,.4);transform:translateY(-1px)}.tools-work-mode-inline-save-btn{background-color:#00d4aa;border:none;border-radius:.375rem;box-shadow:0 2px 4px rgba(0,212,170,.3);color:#0f1419;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease;white-space:nowrap}.tools-work-mode-inline-save-btn:hover:not(:disabled){background-color:#00c49a;box-shadow:0 4px 8px rgba(0,212,170,.4);transform:translateY(-1px)}.tools-work-mode-inline-save-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.tools-work-mode-inline-cancel-btn{background-color:#4a5568;border:1px solid #718096;border-radius:.375rem;color:#e2e8f0;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease;white-space:nowrap}.tools-work-mode-inline-cancel-btn:hover{background-color:#718096;border-color:#a0aec0}.tools-work-mode-header-icon{color:#0f1419;font-size:1.25rem;font-weight:700}
/*# sourceMappingURL=main.bec06ad2.css.map*/