body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-primary:#010409;--bg-secondary:#0d1117;--bg-tertiary:#161b22;--text-primary:#fff;--text-secondary:#e6edf3;--text-tertiary:#7d8590;--accent-blue:#2563eb;--accent-purple:#7c3aed;--accent-cyan:#06b6d4;--accent-green:#10b981;--accent-red:#ef4444;--accent-orange:#f97316;--border:#30363d;--border-focus:#3b82f6;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px #0000004d;--shadow-lg:0 10px 15px #0006;--modal-overlay:#010409d9;--radius-sm:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--font-sans:"Geist",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"Geist Mono","Courier New",monospace}[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f6f8fa;--bg-tertiary:#eaeef2;--text-primary:#1f2328;--text-secondary:#424a53;--text-tertiary:#656d76;--accent-blue:#2563eb;--accent-purple:#7c3aed;--accent-cyan:#0891b2;--accent-green:#059669;--accent-red:#dc2626;--accent-orange:#ea580c;--border:#d0d7de;--border-focus:#2563eb;--shadow-sm:0 1px 2px #00000014;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #00000026;--modal-overlay:#ffffffe6}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#010409;background:var(--bg-primary);color:#e6edf3;color:var(--text-secondary);font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans);overflow-x:hidden}.App{display:flex;flex-direction:column;min-height:100vh}.header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d1117;background:var(--bg-secondary);border-bottom:1px solid #30363d;border-bottom:1px solid var(--border);box-shadow:0 1px 3px #0000004d;justify-content:space-between;padding:.25rem 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header,.header-left{align-items:center;display:flex}.header-left{gap:1.5rem}.logo{aspect-ratio:1536/1024;border-radius:.5rem;border-radius:var(--radius-sm);height:auto;object-fit:contain;transition:transform .2s ease;width:250px}.logo:hover{transform:scale(1.05)}.header-title{margin-left:100px}.header-title h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2563eb,#7c3aed);background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));-webkit-background-clip:text;background-clip:text;color:#fff;color:var(--text-primary);font-size:1.5rem;font-weight:700}.header-subtitle{color:#7d8590;color:var(--text-tertiary);font-size:.75rem;margin-top:.125rem}.header-right{align-items:center;display:flex;gap:1rem}.connection-status{align-items:center;background:#161b22;background:var(--bg-tertiary);border:1px solid #30363d;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-md);box-shadow:0 1px 3px #0003;color:#e6edf3;color:var(--text-secondary);display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.connection-status:hover{border-color:#2563eb;border-color:var(--accent-blue);box-shadow:0 2px 8px #2563eb33}.status-indicator{animation:pulse 2s infinite;height:8px;width:8px}.status-indicator.connected{background:#10b981;background:var(--accent-green);box-shadow:0 0 8px #10b981;box-shadow:0 0 8px var(--accent-green)}.status-indicator.disconnected{animation:none;background:#ef4444;background:var(--accent-red)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.main-layout{align-items:flex-start;display:flex;flex:1 1}.sidebar{background:#0d1117;background:var(--bg-secondary);border-right:1px solid #30363d;border-right:1px solid var(--border);box-shadow:2px 0 8px #0003;display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;padding-top:160px;position:fixed;top:0;transition:width .3s ease;width:240px;z-index:50}.sidebar.collapsed{width:64px}.sidebar-toggle{align-items:center;background:#161b22;background:var(--bg-tertiary);border:1px solid #30363d;border:1px solid var(--border);border-radius:50%;box-shadow:0 2px 4px #0003;color:#7d8590;color:var(--text-tertiary);cursor:pointer;display:flex;font-size:.75rem;height:24px;justify-content:center;position:absolute;right:-12px;top:165px;transition:all .2s;width:24px;z-index:10}.sidebar-toggle:hover{background:#2563eb;background:var(--accent-blue);border-color:#2563eb;border-color:var(--accent-blue);box-shadow:0 2px 8px #2563eb4d;color:#fff;color:var(--text-primary);transform:scale(1.1)}.sidebar-nav{display:flex;flex-direction:column;gap:.5rem;padding:1rem .5rem}.nav-item{align-items:center;background:#0000;border:1px solid #0000;border-radius:.75rem;border-radius:var(--radius-md);color:#e6edf3;color:var(--text-secondary);cursor:pointer;display:flex;font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans);font-size:.875rem;font-weight:500;gap:.75rem;overflow:hidden;padding:.75rem 1rem;position:relative;text-align:left;transition:all .2s ease}.nav-item:before{background:#2563eb;background:var(--accent-blue);bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .2s ease;width:3px}.nav-item:hover{background:#161b22;background:var(--bg-tertiary);border-color:#30363d;border-color:var(--border);box-shadow:0 2px 4px #0000001a}.nav-item.active,.nav-item:hover{color:#fff;color:var(--text-primary)}.nav-item.active{background:linear-gradient(135deg,#2563eb26,#7c3aed26);border-color:#3b82f6;border-color:var(--border-focus);box-shadow:0 2px 8px #2563eb33}.nav-item.active:before{transform:scaleY(1)}.nav-icon{font-size:1.25rem;min-width:1.25rem;text-align:center}.nav-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar.collapsed .nav-label{display:none}.content{background:#010409;background:var(--bg-primary);flex:1 1;margin-left:240px;overflow-y:auto;padding:2rem;transition:margin-left .3s ease}.sidebar.collapsed~.content{margin-left:64px}.section{margin:0 auto;max-width:1400px;padding-top:2rem}.section-header{margin-bottom:2rem}.section-title{color:#fff;color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:.5rem}.section-description{color:#7d8590;color:var(--text-tertiary);font-size:.975rem}.panel{background:#0d1117;background:var(--bg-secondary);border:1px solid #30363d;border:1px solid var(--border);border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 2px 8px #00000026;margin-bottom:1.5rem;padding:1.5rem;transition:all .2s ease}.panel:hover{border-color:#3b82f6;border-color:var(--border-focus);box-shadow:0 4px 12px #0003}.panel-header{align-items:center;border-bottom:1px solid #30363d;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.panel-title{color:#fff;color:var(--text-primary);font-size:1.25rem;font-weight:600}.panel-subtitle{color:#7d8590;color:var(--text-tertiary);font-size:.875rem;margin-top:.25rem}.form-group{margin-bottom:1.5rem}.form-label{color:#e6edf3;color:var(--text-secondary);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-label-description{color:#7d8590;color:var(--text-tertiary);font-size:.75rem;font-weight:400;margin-top:.25rem}.form-input,.form-textarea{background:#161b22;background:var(--bg-tertiary);border:1px solid #30363d;border:1px solid var(--border);border-radius:.5rem;border-radius:var(--radius-sm);color:#fff;color:var(--text-primary);font-family:Geist Mono,Courier New,monospace;font-family:var(--font-mono);font-size:.875rem;padding:.75rem;transition:all .2s;width:100%}.form-input:focus,.form-textarea:focus{border-color:#3b82f6;border-color:var(--border-focus);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-input::placeholder,.form-textarea::placeholder{color:#7d8590;color:var(--text-tertiary)}.form-textarea{min-height:100px;resize:vertical}.btn{align-items:center;border:1px solid #0000;border-radius:.75rem;border-radius:var(--radius-md);box-shadow:0 1px 3px #0003;cursor:pointer;display:inline-flex;font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans);font-size:.875rem;font-weight:600;gap:.5rem;overflow:hidden;padding:.75rem 1.5rem;position:relative;text-decoration:none;transition:all .2s ease}.btn:before{background:#ffffff1a;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease}.btn:hover:before{opacity:1}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(135deg,#2563eb,#7c3aed);background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));color:var(--text-primary)}.btn-primary:hover{box-shadow:0 6px 20px #2563eb66;transform:translateY(-2px)}.btn-secondary{background:#161b22;background:var(--bg-tertiary);border-color:#30363d;border-color:var(--border);color:#e6edf3;color:var(--text-secondary)}.btn-secondary:hover{background:#0d1117;background:var(--bg-secondary);border-color:#3b82f6;border-color:var(--border-focus);box-shadow:0 4px 12px #00000040;transform:translateY(-1px)}.btn-danger,.btn-secondary:hover{color:#fff;color:var(--text-primary)}.btn-danger{background:#ef4444;background:var(--accent-red)}.btn-danger:hover{background:#dc2626;box-shadow:0 6px 20px #ef444466;transform:translateY(-2px)}.btn-success{background:#10b981;background:var(--accent-green);color:#fff;color:var(--text-primary)}.btn-success:hover{background:#059669;box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.btn-small{font-size:.75rem;padding:.5rem 1rem}.btn-icon{align-items:center;display:inline-flex;justify-content:center;min-height:32px;min-width:32px;padding:.5rem}.btn-icon svg{flex-shrink:0;height:16px;width:16px}.btn svg{color:currentColor}.btn-primary svg{color:#fff}.btn-secondary svg{color:#e6edf3;color:var(--text-secondary)}.btn-secondary:hover svg{color:#fff;color:var(--text-primary)}.btn-danger svg{color:#fff}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;padding:.25rem .75rem;text-transform:uppercase}.badge-idle{background:#10b98133;border:1px solid #10b981;border:1px solid var(--accent-green);color:#10b981;color:var(--accent-green)}.badge-working{background:#2563eb33;border:1px solid #2563eb;border:1px solid var(--accent-blue);color:#2563eb;color:var(--accent-blue)}.badge-blocked{background:#f9731633;border:1px solid #f97316;border:1px solid var(--accent-orange);color:#f97316;color:var(--accent-orange)}.badge-error{background:#ef444433;border:1px solid #ef4444;border:1px solid var(--accent-red);color:#ef4444;color:var(--accent-red)}.grid{grid-gap:1.5rem;display:grid;gap:1.5rem}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}@media (max-width:1024px){.grid-2,.grid-3{grid-template-columns:1fr}}.info-box{background:#2563eb1a;border:1px solid #2563eb;border:1px solid var(--accent-blue);border-radius:.5rem;border-radius:var(--radius-sm);margin-bottom:1.5rem;padding:1rem}.info-box-title{align-items:center;color:#2563eb;color:var(--accent-blue);display:flex;font-weight:600;gap:.5rem;margin-bottom:.5rem}.info-box-content{color:#e6edf3;color:var(--text-secondary);font-size:.875rem;line-height:1.6}.info-box-content a{color:#06b6d4;color:var(--accent-cyan);text-decoration:none}.info-box-content a:hover{text-decoration:underline}.warning-box{background:#f973161a;border:1px solid #f97316;border:1px solid var(--accent-orange);border-radius:.5rem;border-radius:var(--radius-sm);margin-bottom:1.5rem;padding:1rem}.warning-box-title{align-items:center;color:#f97316;color:var(--accent-orange);display:flex;font-weight:600;gap:.5rem;margin-bottom:.5rem}.success-box{background:#10b9811a;border:1px solid #10b981;border:1px solid var(--accent-green);border-radius:.5rem;border-radius:var(--radius-sm);margin-bottom:1.5rem;padding:1rem}::-webkit-scrollbar{height:12px;width:12px}::-webkit-scrollbar-track{background:#010409;background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#161b22;background:var(--bg-tertiary);border:2px solid #010409;border:2px solid var(--bg-primary);border-radius:.5rem;border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:#30363d;background:var(--border)}.spinner{animation:spin .8s linear infinite;border:3px solid #30363d;border-top-color:#2563eb;border:3px solid var(--border);border-radius:50%;border-top-color:var(--accent-blue);display:inline-block;height:20px;width:20px}.text-muted{color:#7d8590;color:var(--text-tertiary)}.text-primary{color:#fff;color:var(--text-primary)}.flex{display:flex}.flex-between{justify-content:space-between}.flex-between,.flex-center{align-items:center;display:flex}.flex-center{justify-content:center}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.card{background:#0d1117;background:var(--bg-secondary);border:1px solid #30363d;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-md);overflow:hidden;transition:all .2s}.card:hover{border-color:#3b82f6;border-color:var(--border-focus);box-shadow:0 8px 16px #0000004d;transform:translateY(-2px)}.card-header{align-items:center;background:#161b22;background:var(--bg-tertiary);border-bottom:1px solid #30363d;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:1.25rem}.card-header h3{color:#fff;color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0}.card-body{padding:1.25rem}.card-description{color:#e6edf3;color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin-bottom:1rem}.card-meta{display:flex;flex-direction:column;gap:.75rem}.meta-item{align-items:center;color:#e6edf3;color:var(--text-secondary);display:flex;font-size:.875rem;gap:.5rem}.meta-item strong{color:#7d8590;color:var(--text-tertiary);font-weight:500;min-width:120px}.card-actions{background:#161b22;background:var(--bg-tertiary);border-top:1px solid #30363d;border-top:1px solid var(--border);display:flex;gap:.75rem;padding:1rem 1.25rem}.card-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:1.5rem}@media (max-width:768px){.card-grid{grid-template-columns:1fr}}.badge-success{background:#10b98133;border:1px solid #10b981;border:1px solid var(--accent-green);color:#10b981;color:var(--accent-green)}.badge-secondary{background:#7d859033;border:1px solid #30363d;border:1px solid var(--border);color:#7d8590;color:var(--text-tertiary)}.modal-overlay{animation:fadeIn .2s ease-in;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#010409d9}.modal{animation:slideUp .3s ease-out;background:#0d1117;background:var(--bg-secondary);border:1px solid #30363d;border:1px solid var(--border);border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 20px 40px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:90%}.modal-large{max-width:900px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;background:#161b22;background:var(--bg-tertiary);border-bottom:1px solid #30363d;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:1.5rem}.modal-header h2{color:#fff;color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.modal-close{align-items:center;background:#0000;border:none;border-radius:.5rem;border-radius:var(--radius-sm);color:#7d8590;color:var(--text-tertiary);cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.modal-close:hover{background:#010409;background:var(--bg-primary);color:#fff;color:var(--text-primary)}.modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}.modal-footer{border-top:1px solid #30363d;border-top:1px solid var(--border);display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.form-control,.modal-footer{background:#161b22;background:var(--bg-tertiary)}.form-control{border:1px solid #30363d;border:1px solid var(--border);border-radius:.5rem;border-radius:var(--radius-sm);color:#fff;color:var(--text-primary);font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans);font-size:.875rem;padding:.75rem;transition:all .2s;width:100%}.form-control:focus{border-color:#3b82f6;border-color:var(--border-focus);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-control::placeholder{color:#7d8590;color:var(--text-tertiary)}textarea.form-control{font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans);min-height:80px;resize:vertical}select.form-control{cursor:pointer}.checkbox-label{align-items:center;color:#e6edf3;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem}.checkbox-label input[type=checkbox]{accent-color:#2563eb;accent-color:var(--accent-blue);cursor:pointer;height:18px;width:18px}.alert{border-left:4px solid;border-radius:.5rem;border-radius:var(--radius-sm);font-size:.875rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.alert-success{background:#10b9811a;border-color:#10b981;border-color:var(--accent-green);color:#10b981;color:var(--accent-green)}.alert-error{background:#ef44441a;border-color:#ef4444;border-color:var(--accent-red);color:#ef4444;color:var(--accent-red)}.alert-info{background:#2563eb1a;border-color:#2563eb;border-color:var(--accent-blue);color:#2563eb;color:var(--accent-blue)}.empty-state{background:#0d1117;background:var(--bg-secondary);border:2px dashed #30363d;border:2px dashed var(--border);border-radius:.75rem;border-radius:var(--radius-md);color:#7d8590;color:var(--text-tertiary);padding:3rem 2rem;text-align:center}.empty-state p{font-size:.975rem;margin:0}.btn-sm{font-size:.8125rem;padding:.5rem 1rem}.team-details-section{margin-bottom:2rem}.team-details-section h3{border-bottom:1px solid #30363d;border-bottom:1px solid var(--border);color:#fff;color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.details-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}@media (max-width:768px){.details-grid{grid-template-columns:1fr}}.tab-container{width:100%}.tab-nav{background:#0d1117;background:var(--bg-secondary);border-bottom:1px solid #30363d;border-bottom:1px solid var(--border);display:flex;gap:.5rem;overflow-x:auto;overflow-y:hidden;padding:1.5rem 1.5rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:10}.tab-nav::-webkit-scrollbar{height:4px}.tab-nav::-webkit-scrollbar-thumb{background:#30363d;background:var(--border);border-radius:.5rem;border-radius:var(--radius-sm)}.tab-button{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#7d8590;color:var(--text-tertiary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-bottom:-1px;padding:.75rem 1.25rem;position:relative;transition:all .2s ease;white-space:nowrap}.tab-button:hover{background:#161b22;background:var(--bg-tertiary);border-radius:.5rem .5rem 0 0;border-radius:var(--radius-sm) var(--radius-sm) 0 0;color:#e6edf3;color:var(--text-secondary)}.tab-button.active{border-bottom-color:#2563eb;border-bottom-color:var(--accent-blue);color:#2563eb;color:var(--accent-blue)}.tab-button.active:hover{background:#0000}.tab-icon{align-items:center;display:flex;font-size:1.125rem;justify-content:center}.tab-label{font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans);letter-spacing:-.01em}.tab-content{animation:fadeIn .2s ease-in;background:#010409;background:var(--bg-primary)}@media (max-width:768px){.tab-nav{padding:1rem 1rem 0}.tab-button{font-size:.8125rem;padding:.625rem 1rem}.tab-icon{font-size:1rem}}.tab-button:focus-visible{border-radius:.5rem;border-radius:var(--radius-sm);outline-offset:2px}.tab-content.loading{align-items:center;display:flex;justify-content:center;min-height:400px}.tab-content>*{animation:slideIn .15s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}.login-container{align-items:center;background:linear-gradient(135deg,#010409,#0d1117 50%,#010409);background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 50%,var(--bg-primary) 100%);display:flex;justify-content:center;min-height:calc(100vh - 80px);padding:2rem}.login-card{animation:slideInUp .3s ease-out;background:#0d1117;background:var(--bg-secondary);border:1px solid #30363d;border:1px solid var(--border);border-radius:1.5rem;border-radius:var(--radius-xl);box-shadow:0 8px 32px #0006;max-width:420px;padding:2.5rem;width:100%}.login-card.register-card{max-width:480px}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-header{margin-bottom:2rem;text-align:center}.login-header svg{color:#2563eb;color:var(--accent-blue);margin-bottom:1rem}.login-header h2{color:#fff;color:var(--text-primary);font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.login-header p{color:#7d8590;color:var(--text-tertiary);font-size:.9375rem}.login-form{gap:1.25rem}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{align-items:center;color:#e6edf3;color:var(--text-secondary);display:flex;font-size:.875rem;gap:.5rem}.form-group label svg{color:#2563eb;color:var(--accent-blue)}.form-group input,.form-group select{background:#161b22;background:var(--bg-tertiary);border:1px solid #30363d;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-md);color:#fff;color:var(--text-primary);font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans);font-size:.9375rem;padding:.75rem 1rem;transition:all .2s ease}.form-group input:focus,.form-group select:focus{border-color:#3b82f6;border-color:var(--border-focus);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group input::placeholder{color:#7d8590;color:var(--text-tertiary)}.form-group input:disabled,.form-group select:disabled{cursor:not-allowed;opacity:.5}.form-hint{color:#7d8590;color:var(--text-tertiary);font-size:.8125rem;margin-top:.25rem}.error-message{align-items:center;background:#ef44441a;border:1px solid #ef4444;border:1px solid var(--accent-red);border-radius:.75rem;border-radius:var(--radius-md);color:#ef4444;color:var(--accent-red);display:flex;font-size:.875rem;gap:.5rem;padding:.75rem 1rem}.error-message svg{flex-shrink:0}.btn-login{align-items:center;background:#2563eb;background:var(--accent-blue);border:none;border-radius:.75rem;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:.5rem;padding:.875rem 1.5rem;transition:all .2s ease}.btn-login:hover:not(:disabled){background:#1d4ed8;box-shadow:0 4px 12px #2563eb4d;transform:translateY(-1px)}.btn-login:active:not(:disabled){transform:translateY(0)}.btn-login:disabled{cursor:not-allowed;opacity:.6}.btn-login .spinning{animation:spin 1s linear infinite}.login-footer{border-top:1px solid #30363d;border-top:1px solid var(--border);margin-top:1.5rem;padding-top:1.5rem;text-align:center}.login-footer p{color:#7d8590;color:var(--text-tertiary);font-size:.875rem}.link-button{background:none;border:none;color:#2563eb;color:var(--accent-blue);cursor:pointer;font-size:.875rem;font-weight:500;padding:0;transition:color .2s ease}.link-button:hover:not(:disabled){color:#1d4ed8;text-decoration:underline}.link-button:disabled{cursor:not-allowed;opacity:.5}.user-menu{border-left:1px solid #30363d;border-left:1px solid var(--border);gap:1rem;margin-left:1.5rem;padding-left:1.5rem}.user-info,.user-menu{align-items:center;display:flex}.user-info{gap:.5rem}.user-info svg{color:#2563eb;color:var(--accent-blue)}.username{color:#fff;color:var(--text-primary);font-size:.9375rem;font-weight:600}.user-role{border:1px solid #30363d;border:1px solid var(--border);border-radius:.5rem;border-radius:var(--radius-sm);color:#2563eb;color:var(--accent-blue);font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .5rem;text-transform:uppercase}.btn-logout,.user-role{background:#161b22;background:var(--bg-tertiary)}.btn-logout{align-items:center;border:1px solid #30363d;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-md);color:#e6edf3;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.btn-logout:hover{background:#ef4444;background:var(--accent-red);border-color:#ef4444;border-color:var(--accent-red);color:#fff}.btn-logout svg{height:16px;width:16px}.loading-screen{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:calc(100vh - 80px)}.loading-screen p{color:#7d8590;color:var(--text-tertiary);font-size:.9375rem}.loading-screen .spinning{animation:spin 1s linear infinite;color:#2563eb;color:var(--accent-blue)}@media (max-width:640px){.login-container{padding:1rem}.login-card{padding:2rem 1.5rem}.login-header h2{font-size:1.5rem}.user-menu{align-items:flex-end;flex-direction:column;gap:.5rem;margin-left:1rem;padding-left:1rem}.user-info{font-size:.875rem}.btn-logout{font-size:.8125rem;padding:.375rem .75rem}}.support-page{margin:0 auto;max-width:1200px;padding:2rem}.support-header{margin-bottom:2rem}.support-header h1{color:#fff;color:var(--text-primary);font-size:2rem;margin-bottom:.5rem}.support-header p{color:#7d8590;color:var(--text-tertiary)}.support-tabs{border-bottom:1px solid #30363d;border-bottom:1px solid var(--border);display:flex;gap:.5rem;margin-bottom:2rem;padding-bottom:1rem}.support-tab{align-items:center;background:#0000;border:1px solid #0000;border-radius:.75rem;border-radius:var(--radius-md);color:#7d8590;color:var(--text-tertiary);cursor:pointer;display:flex;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s}.support-tab:hover{color:#fff;color:var(--text-primary)}.support-tab.active,.support-tab:hover{background:#161b22;background:var(--bg-tertiary)}.support-tab.active{border-color:#06b6d4;border-color:var(--accent-cyan);color:#06b6d4;color:var(--accent-cyan)}.support-content{background:#0d1117;background:var(--bg-secondary);border:1px solid #30363d;border:1px solid var(--border);border-radius:1rem;border-radius:var(--radius-lg);padding:2rem}.support-content h2{color:#fff;color:var(--text-primary);margin-bottom:.5rem}.intro-text{color:#7d8590;color:var(--text-tertiary);margin-bottom:2rem}.quick-start-steps{display:flex;flex-direction:column;gap:1.5rem}.step{background:#161b22;background:var(--bg-tertiary);border-radius:.75rem;border-radius:var(--radius-md);display:flex;gap:1.5rem;padding:1.5rem}.step-number{align-items:center;background:#06b6d4;background:var(--accent-cyan);border-radius:50%;color:#010409;color:var(--bg-primary);display:flex;flex-shrink:0;font-size:1.25rem;font-weight:700;height:40px;justify-content:center;width:40px}.step-content h3{color:#fff;color:var(--text-primary);margin-bottom:.5rem}.step-content p{color:#7d8590;color:var(--text-tertiary);margin-bottom:1rem}.step-content ol,.step-content ul{color:#e6edf3;color:var(--text-secondary);padding-left:1.5rem}.step-content li{margin-bottom:.5rem}.step-content ul ul{margin-top:.5rem}.guide-sections{display:flex;flex-direction:column;gap:.75rem}.guide-section{border:1px solid #30363d;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-md);overflow:hidden}.guide-header{align-items:center;background:#161b22;background:var(--bg-tertiary);border:none;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.75rem;padding:1rem 1.25rem;transition:background .2s;width:100%}.guide-header:hover{background:#0d1117;background:var(--bg-secondary)}.guide-header span{flex:1 1;text-align:left}.guide-content{background:#0d1117;background:var(--bg-secondary);border-top:1px solid #30363d;border-top:1px solid var(--border);padding:1.5rem}.guide-content h4{color:#fff;color:var(--text-primary);margin:1.5rem 0 .75rem}.guide-content h4:first-child{margin-top:0}.guide-content h5{color:#06b6d4;color:var(--accent-cyan);margin:1rem 0 .5rem}.guide-content ol,.guide-content ul{color:#e6edf3;color:var(--text-secondary);padding-left:1.5rem}.guide-content li{margin-bottom:.5rem}.guide-content a{color:#06b6d4;color:var(--accent-cyan);text-decoration:none}.guide-content a:hover{text-decoration:underline}.team-templates{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1rem}.template{background:#161b22;background:var(--bg-tertiary);border-radius:.5rem;border-radius:var(--radius-sm);padding:1rem}.template h5{color:#fff;color:var(--text-primary);margin-top:0}.template p{color:#7d8590;color:var(--text-tertiary);font-size:.875rem;margin:0}.settings-reference h3{color:#fff;color:var(--text-primary);margin-bottom:1.5rem}.setting-group{margin-bottom:2rem}.setting-group h4{color:#06b6d4;color:var(--accent-cyan);margin-bottom:.5rem}.setting-group>p{color:#7d8590;color:var(--text-tertiary);margin-bottom:1rem}.settings-table{border-collapse:collapse;font-size:.875rem;width:100%}.settings-table td,.settings-table th{border-bottom:1px solid #30363d;border-bottom:1px solid var(--border);padding:.75rem 1rem;text-align:left}.settings-table th{background:#161b22;background:var(--bg-tertiary);color:#fff;color:var(--text-primary);font-weight:500}.settings-table td{color:#e6edf3;color:var(--text-secondary)}.support-form-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 300px}.support-form{display:flex;flex-direction:column;gap:1.5rem}.support-form .form-group label{color:#fff;color:var(--text-primary);display:block;font-weight:500;margin-bottom:.5rem}.support-form .btn{align-items:center;display:flex;gap:.5rem;width:-webkit-fit-content;width:fit-content}.success-message{background:#10b9811a;border:1px solid #10b981;border:1px solid var(--accent-green);border-radius:.5rem;border-radius:var(--radius-sm);color:#10b981;color:var(--accent-green);padding:1rem}.support-info{background:#161b22;background:var(--bg-tertiary);border-radius:.75rem;border-radius:var(--radius-md);height:-webkit-fit-content;height:fit-content;padding:1.5rem}.support-info h3{color:#fff;color:var(--text-primary);margin-bottom:1rem}.support-info ul{list-style:none;padding:0}.support-info li{margin-bottom:.75rem}.support-info a{align-items:center;color:#e6edf3;color:var(--text-secondary);display:flex;gap:.5rem;text-decoration:none;transition:color .2s}.support-info a:hover{color:#06b6d4;color:var(--accent-cyan)}@media (max-width:768px){.support-form-container{grid-template-columns:1fr}.step{flex-direction:column}}@media (max-width:1024px){.header{padding:.25rem 1rem}.logo{width:180px}.header-right{gap:.5rem}.sidebar{width:70px}.sidebar:not(.collapsed){width:200px}.content{margin-left:70px}.sidebar:not(.collapsed)~.content{margin-left:200px}}@media (max-width:768px){.header{flex-wrap:wrap;gap:.5rem;padding:.5rem}.header-left{flex:1 1;min-width:0}.logo{width:120px}.header-right{flex-wrap:wrap;gap:.375rem;justify-content:flex-end}.search-shortcut span:first-child{display:none}.search-shortcut{justify-content:center;min-width:36px;padding:.5rem}.shortcuts-button{margin-right:.5rem!important;padding:.5rem!important}.connection-status span:last-child,.shortcuts-button span{display:none}.connection-status{justify-content:center;min-width:36px;padding:.5rem}.user-menu{flex-direction:column;gap:.375rem}.user-info{font-size:.75rem;gap:.25rem}.user-role{display:none}.btn-logout{font-size:.75rem;padding:.375rem .5rem}.main-layout{flex-direction:column}.sidebar{bottom:0;left:-100%;padding-top:60px;position:fixed;top:0;transition:left .3s ease,transform .3s ease;width:260px;z-index:200}.sidebar.mobile-open{box-shadow:0 0 20px #00000080;left:0}.sidebar.collapsed{left:-100%}.sidebar-toggle{background:#2563eb;background:var(--accent-blue);border-radius:50%;bottom:1rem;box-shadow:0 10px 15px #0006;box-shadow:var(--shadow-lg);color:#fff;font-size:1.25rem;height:48px;left:.5rem;position:fixed;width:48px;z-index:201}.sidebar-nav{overflow-y:auto;padding-bottom:4rem}.content{margin-left:0;padding:1rem;width:100%}.sidebar-overlay{background:#00000080;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s ease;z-index:199}.sidebar-overlay.active{opacity:1;pointer-events:auto}.tab-nav{-ms-overflow-style:none;flex-wrap:nowrap;gap:.25rem;overflow-x:auto;padding:.75rem .5rem;scrollbar-width:none}.tab-nav::-webkit-scrollbar{display:none}.tab-button{flex-shrink:0;font-size:.75rem;padding:.5rem .75rem;white-space:nowrap}.tab-icon{display:none}.card,.panel{border-radius:.5rem;border-radius:var(--radius-sm);padding:1rem}.card-header{margin-bottom:.75rem;padding-bottom:.75rem}.card-header h3{font-size:1rem}.form-group{margin-bottom:1rem}.form-row{flex-direction:column;gap:1rem}input[type=email],input[type=number],input[type=password],input[type=text],input[type=url],select,textarea{font-size:16px;padding:.75rem}.btn,button{min-height:44px;min-width:44px;padding:.75rem 1rem}.btn-sm{min-height:36px;padding:.5rem .75rem}.grid-2,.grid-3,.grid-4{gap:1rem;grid-template-columns:1fr!important}.stats-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)}.stat-card{padding:.75rem}.stat-value{font-size:1.25rem}.modal-content{margin:1rem;max-height:90vh;max-width:95%;overflow-y:auto;width:95%}.modal-footer,.modal-header{padding:.75rem 1rem}.modal-body{padding:1rem}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}table{min-width:600px}td,th{font-size:.75rem;padding:.5rem}}@media (max-width:480px){.header{padding:.375rem}.logo{width:100px}.header-right{justify-content:space-between;width:100%}.user-info .username{max-width:80px;overflow:hidden;text-overflow:ellipsis}.card,.content,.panel{padding:.75rem}.card-header h3{font-size:.9375rem}.stats-grid{grid-template-columns:1fr}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1rem}li,p{font-size:.875rem}.tab-button{padding:.5rem}.tab-button span:not(.tab-icon){display:none}.tab-icon{display:flex}.login-card{margin:.5rem;padding:1.5rem 1rem}.login-header h2{font-size:1.25rem}.dashboard-header{flex-direction:column;gap:.75rem;text-align:center}.dashboard-actions{justify-content:center;width:100%}.action-buttons,.button-group{flex-direction:column;gap:.5rem}.action-buttons .btn,.button-group .btn{width:100%}}@media (max-width:812px) and (orientation:landscape){.header{padding:.25rem .5rem}.logo{width:80px}.sidebar{padding-top:50px;width:200px}.modal-content{max-height:85vh}}@media (hover:none) and (pointer:coarse){.nav-item{min-height:48px;padding:.75rem 1rem}.btn,button:not(.close-btn){min-height:44px}.btn:hover,.card:hover,.panel:hover{transform:none}.btn:active,button:active{opacity:.9;transform:scale(.97)}.nav-item:active{background:#161b22;background:var(--bg-tertiary)}.btn,.nav-item,.tab-button,button{-webkit-user-select:none;user-select:none}}@media print{.header,.modal-overlay,.sidebar,.toast-container{display:none!important}.content{margin:0;padding:0;width:100%}.card,.panel{border:1px solid #ccc;box-shadow:none;break-inside:avoid;page-break-inside:avoid}body{background:#fff;color:#000}}@media (prefers-contrast:high){:root{--border:#666;--text-tertiary:#888}.btn,.card,.panel{border-width:2px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.logo:hover{transform:none}.status-indicator{animation:none}}.skip-link{background:#2563eb;background:var(--accent-blue);border-radius:0 0 .75rem 0;border-radius:0 0 var(--radius-md) 0;color:#fff;font-weight:600;left:0;padding:.75rem 1.5rem;position:absolute;text-decoration:none;top:-100px;transition:top .2s ease;z-index:1000}.skip-link:focus{box-shadow:0 2px 8px #2563eb80;outline:none;top:0}:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--border-focus);outline-offset:2px}:focus:not(:focus-visible){outline:none}.btn:focus-visible,button:focus-visible{box-shadow:0 0 0 4px #3b82f640;outline:2px solid #3b82f6;outline:2px solid var(--border-focus);outline-offset:2px}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:#3b82f6;border-color:var(--border-focus);box-shadow:0 0 0 3px #3b82f633;outline:none}.tab-button:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--border-focus);outline-offset:-2px;z-index:1}.nav-item:focus-visible{background:#161b22;background:var(--bg-tertiary);outline:2px solid #3b82f6;outline:2px solid var(--border-focus);outline-offset:-2px}.card:focus-visible,.panel:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--border-focus);outline-offset:2px}a:focus-visible{border-radius:.5rem;border-radius:var(--radius-sm);outline:2px solid #3b82f6;outline:2px solid var(--border-focus);outline-offset:2px}.modal-content:focus{outline:none}.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}.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;white-space:normal;width:auto}.announcement-region{height:1px;left:-10000px;overflow:hidden;position:absolute;width:1px}[draggable=true]:focus-visible{outline:2px dashed #3b82f6;outline:2px dashed var(--border-focus);outline-offset:2px}.form-error{color:#ef4444;color:var(--accent-red);font-size:.875rem;margin-top:.25rem}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border-color:#ef4444;border-color:var(--accent-red)}input[aria-invalid=true]:focus,select[aria-invalid=true]:focus,textarea[aria-invalid=true]:focus{box-shadow:0 0 0 3px #ef444433}.required-indicator{color:#ef4444;color:var(--accent-red);margin-left:.25rem}[role=tooltip]{background:#161b22;background:var(--bg-tertiary);border-radius:.5rem;border-radius:var(--radius-sm);box-shadow:0 4px 6px #0000004d;box-shadow:var(--shadow-md);color:#fff;color:var(--text-primary);font-size:.875rem;max-width:250px;padding:.5rem .75rem;position:absolute;z-index:1000}[role=alertdialog],[role=dialog]{position:fixed;z-index:1000}[role=main]{flex:1 1;min-height:0}[role=navigation]{display:flex;flex-direction:column}[role=banner]{flex-shrink:0}[role=alert],[role=status]{border-radius:.5rem;border-radius:var(--radius-sm);margin-bottom:1rem;padding:.75rem 1rem}[role=status]{background:#3b82f61a;border:1px solid #2563eb;border:1px solid var(--accent-blue)}[role=alert]{background:#ef44441a;border:1px solid #ef4444;border:1px solid var(--accent-red)}[aria-busy=true]{cursor:wait;opacity:.7}[aria-disabled=true],[disabled]{cursor:not-allowed;opacity:.5}[aria-expanded=true]>.expand-icon{transform:rotate(180deg)}[aria-expanded=false]>.expand-icon{transform:rotate(0deg)}[aria-selected=true]{background:#161b22;background:var(--bg-tertiary);border-color:#3b82f6;border-color:var(--border-focus)}[aria-current=page],[aria-current=step],[aria-current=true]{color:#2563eb;color:var(--accent-blue);font-weight:600}.tab-container{background:var(--bg-secondary);border-radius:var(--radius-md);display:flex;flex-direction:column;height:100%;overflow:hidden}.tab-headers{background:var(--bg-primary);border-bottom:1px solid var(--border);display:flex;flex-shrink:0;margin:0;overflow-x:auto;overflow-y:hidden;padding:0}.tab-headers::-webkit-scrollbar{height:4px}.tab-headers::-webkit-scrollbar-track{background:var(--bg-primary)}.tab-headers::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.tab-header{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;position:relative;transition:all .2s ease;white-space:nowrap}.tab-header:hover{background:var(--bg-tertiary);color:var(--text-primary)}.tab-header.active{background:var(--bg-tertiary);border-bottom-color:var(--accent-blue);color:var(--accent-blue)}.tab-header:focus{outline:2px solid var(--accent-blue);outline-offset:-2px}.tab-icon{flex-shrink:0}.tab-label{font-weight:500}.tab-content{background:var(--bg-secondary);flex:1 1;overflow-x:hidden;overflow-y:auto;padding:20px}.tab-container-error,.tab-content-empty{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:12px;justify-content:center;padding:40px;text-align:center}.tab-container-error{background:#ef44441a;border:1px solid var(--accent-red);border-radius:var(--radius-md);margin:20px}@media (max-width:768px){.tab-header{font-size:13px;padding:10px 16px}.tab-icon{height:16px;width:16px}.tab-content{padding:16px}}@media (max-width:480px){.tab-header{font-size:12px;padding:8px 12px}.tab-headers{gap:4px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tab-content>*{animation:fadeIn .3s ease}.tab-header:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px;z-index:1}@media (prefers-contrast:high){.tab-header.active{border-bottom-width:3px;font-weight:600}.tab-header:focus{outline-width:3px}}.platform-management{max-width:100%;padding:0}.platform-error,.platform-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.platform-error{color:var(--error)}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.platform-tabs{background:var(--bg-secondary);border-radius:8px;display:flex;gap:.25rem;margin-bottom:1.5rem;overflow-x:auto;padding:.5rem}.platform-tabs .tab{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s;white-space:nowrap}.platform-tabs .tab:hover{background:var(--bg-tertiary);color:var(--text-primary)}.platform-tabs .tab.active{background:var(--accent);color:#fff}.platform-tabs .tab .badge{background:var(--error);border-radius:10px;color:#fff;font-size:.75rem;font-weight:600;padding:.125rem .5rem}.platform-dashboard{display:flex;flex-direction:column;gap:1.5rem}.status-banner{align-items:center;border-radius:12px;color:#fff;display:flex;gap:1rem;padding:1.5rem}.status-banner.status-healthy{background:linear-gradient(135deg,#22c55e,#16a34a)}.status-banner.status-degraded{background:linear-gradient(135deg,#f59e0b,#d97706)}.status-banner.status-unhealthy{background:linear-gradient(135deg,#ef4444,#dc2626)}.status-banner.status-unknown{background:linear-gradient(135deg,#6b7280,#4b5563)}.status-indicator{align-items:center;background:#fff3;display:flex;height:60px;justify-content:center;width:60px}.status-info{flex:1 1}.status-info h2{font-size:1.5rem;margin:0}.status-info .deployment-mode{font-size:.9rem;opacity:.9}.refresh-btn{align-items:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;transition:background .2s}.refresh-btn:hover{background:#ffffff4d}.summary-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.summary-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;gap:1rem;padding:1.25rem}.card-icon,.summary-card{align-items:center;display:flex}.card-icon{border-radius:12px;height:50px;justify-content:center;width:50px}.card-icon.services{background:#3b82f626;color:#3b82f6}.card-icon.incidents{background:#ef444426;color:#ef4444}.card-icon.alerts{background:#f59e0b26;color:#f59e0b}.card-icon.remediation{background:#22c55e26;color:#22c55e}.card-content h3{color:var(--text-secondary);font-size:.85rem;font-weight:500;margin:0 0 .5rem}.card-stats{display:flex;flex-wrap:wrap;gap:.75rem}.card-stats .stat{background:var(--bg-tertiary);border-radius:4px;font-size:.8rem;padding:.25rem .5rem}.card-stats .stat.healthy{color:#22c55e}.card-stats .stat.degraded{color:#f59e0b}.card-stats .stat.unhealthy{color:#ef4444}.card-stats .stat-large{color:var(--text-primary);font-size:1.75rem;font-weight:700}.card-stats .stat-sub{color:var(--text-secondary);font-size:.8rem}.dashboard-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.dashboard-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;overflow:hidden}.dashboard-section.full-width{grid-column:1/-1}.section-header{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:1rem 1.25rem}.section-header h3{color:var(--text-primary);font-size:.95rem;gap:.5rem;margin:0}.btn-small,.section-header h3{align-items:center;display:flex}.btn-small{background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:.8rem;gap:.35rem;padding:.4rem .75rem;transition:all .2s}.btn-small:hover{background:var(--accent);border-color:var(--accent);color:#fff}.btn-small.btn-success{background:#22c55e;border-color:#22c55e;color:#fff}.section-content{max-height:300px;overflow-y:auto;padding:1rem 1.25rem}.no-data{color:var(--text-secondary);padding:2rem;text-align:center}.alert-item,.incident-item{align-items:center;background:var(--bg-tertiary);border-radius:8px;display:flex;gap:.75rem;margin-bottom:.5rem;padding:.75rem}.severity-badge{border-radius:4px;color:#fff;font-size:.7rem;font-weight:600;padding:.25rem .5rem;text-transform:uppercase}.alert-title,.incident-title{color:var(--text-primary);flex:1 1;font-size:.9rem}.incident-duration{align-items:center;display:flex;gap:.25rem}.alert-source,.incident-duration{color:var(--text-secondary);font-size:.8rem}.remediation-list{display:flex;flex-direction:column;gap:.5rem}.remediation-item{align-items:center;background:var(--bg-tertiary);border-radius:8px;display:flex;gap:.75rem;padding:.75rem}.status-dot{border-radius:50%;height:10px;width:10px}.status-dot.status-success{background:#22c55e}.status-dot.status-failed{background:#ef4444}.status-dot.status-in_progress{background:#3b82f6}.status-dot.status-pending{background:#f59e0b}.action-name{color:var(--text-primary);flex:1 1;font-size:.9rem}.action-target{color:var(--text-secondary);font-size:.8rem}.action-status{border-radius:4px;font-size:.75rem;font-weight:500;padding:.2rem .5rem;text-transform:uppercase}.action-status.status-success{background:#22c55e26;color:#22c55e}.action-status.status-failed{background:#ef444426;color:#ef4444}.action-status.status-in_progress{background:#3b82f626;color:#3b82f6}.tenant-summary{display:flex;gap:1.5rem;padding:1rem 1.25rem}.tenant-stat{background:var(--bg-tertiary);border-radius:8px;font-size:.9rem;padding:.5rem 1rem}.tenant-stat.healthy{color:#22c55e}.tenant-stat.issues{color:#ef4444}.tenant-stat.total{color:var(--text-secondary)}.view-header{justify-content:space-between;margin-bottom:1.5rem}.view-header,.view-header h2{align-items:center;display:flex}.view-header h2{font-size:1.5rem;gap:.75rem;margin:0}.header-actions{display:flex;gap:.75rem}.btn-primary{align-items:center;background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;transition:background .2s}.btn-primary:hover{background:var(--accent-hover)}.btn-refresh{align-items:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s}.btn-refresh:hover{background:var(--bg-tertiary);color:var(--text-primary)}.services-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.service-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:1.25rem;transition:all .2s}.service-card.status-healthy{border-left:4px solid #22c55e}.service-card.status-degraded{border-left:4px solid #f59e0b}.service-card.status-unhealthy{border-left:4px solid #ef4444}.service-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.service-name{color:var(--text-primary);font-size:1rem;font-weight:600}.service-status{font-size:.85rem;font-weight:600;text-transform:uppercase}.service-metrics{display:flex;gap:1.5rem;margin-bottom:.75rem}.metric{display:flex;flex-direction:column;gap:.25rem}.metric-label{color:var(--text-secondary);font-size:.75rem}.metric-value{color:var(--text-primary);font-size:1.1rem;font-weight:600}.service-error{align-items:center;background:#ef44441a;border-radius:8px;color:#ef4444;display:flex;font-size:.85rem;gap:.5rem;margin-top:.75rem;padding:.75rem}.service-details{border-top:1px solid var(--border);margin-top:.75rem;padding-top:.75rem}.detail-item{display:flex;font-size:.8rem;gap:.5rem;margin-bottom:.25rem}.detail-key{color:var(--text-secondary)}.detail-value{color:var(--text-primary)}.incident-stats{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.stat-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;min-width:100px;padding:1rem 1.5rem}.stat-item.critical{background:#ef44441a;border-color:#ef4444}.stat-item .stat-value{color:var(--text-primary);font-size:1.5rem;font-weight:700}.stat-item .stat-label{color:var(--text-secondary);font-size:.8rem}.alerts-list,.incidents-list{display:flex;flex-direction:column;gap:1rem}.alert-card,.incident-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:1.25rem}.alert-header,.incident-header{align-items:center;display:flex;gap:.75rem;margin-bottom:.75rem}.alert-status,.incident-status{border-radius:4px;font-size:.75rem;font-weight:500;margin-left:auto;padding:.25rem .5rem;text-transform:uppercase}.alert-status.status-pending,.incident-status.status-open{background:#ef444426;color:#ef4444}.incident-status.status-investigating{background:#3b82f626;color:#3b82f6}.alert-status.status-acknowledged,.incident-status.status-resolved{background:#22c55e26;color:#22c55e}.alert-message,.incident-description{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0 0 .75rem}.alert-meta,.incident-meta{color:var(--text-secondary);display:flex;font-size:.8rem;gap:1.5rem;margin-bottom:.75rem}.alert-actions,.incident-actions{border-top:1px solid var(--border);display:flex;gap:.5rem;padding-top:.75rem}.history-section,.playbooks-section{margin-bottom:2rem}.history-section h3,.playbooks-section h3{color:var(--text-primary);font-size:1.1rem;margin:0 0 1rem}.playbooks-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.playbook-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:1.25rem}.playbook-card.disabled{opacity:.6}.playbook-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.playbook-name{color:var(--text-primary);font-weight:600}.auto-badge{background:#3b82f626;border-radius:4px;color:#3b82f6;font-size:.7rem;font-weight:500;padding:.2rem .5rem}.playbook-description{color:var(--text-secondary);font-size:.85rem;margin:0 0 .75rem}.playbook-meta{color:var(--text-secondary);display:flex;flex-direction:column;font-size:.8rem;gap:.25rem;margin-bottom:1rem}.btn-execute{align-items:center;background:var(--accent);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:background .2s}.btn-execute:hover:not(:disabled){background:var(--accent-hover)}.btn-execute:disabled{cursor:not-allowed;opacity:.5}.history-list{display:flex;flex-direction:column;gap:.5rem}.history-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;display:flex;gap:.75rem;padding:.75rem 1rem}.status-indicator{border-radius:50%;height:10px;width:10px}.history-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.history-name{color:var(--text-primary);font-size:.9rem}.history-target{color:var(--text-secondary);font-size:.8rem}.history-meta{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem}.history-status{border-radius:4px;font-size:.75rem;font-weight:500;padding:.2rem .5rem;text-transform:uppercase}.history-duration{color:var(--text-secondary);font-size:.75rem}.modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:var(--bg-primary);border-radius:12px;max-height:90vh;max-width:500px;overflow-y:auto;padding:1.5rem;width:90%}.modal-content h3{font-size:1.25rem;margin:0 0 1.5rem}.form-group{margin-bottom:1rem}.form-group label{color:var(--text-primary);display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.9rem;padding:.75rem;width:100%}.form-group textarea{min-height:100px;resize:vertical}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.modal-actions{border-top:1px solid var(--border);display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem}.btn-cancel{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-weight:500;padding:.75rem 1.25rem}.btn-cancel:hover{background:var(--bg-tertiary)}@media (max-width:768px){.dashboard-grid{grid-template-columns:1fr}.summary-cards{grid-template-columns:1fr 1fr}.form-row{grid-template-columns:1fr}.platform-tabs{flex-wrap:wrap}.platform-tabs .tab{flex:1 1;justify-content:center;min-width:100px}}.theme-toggle{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:.875rem;gap:.5rem;padding:.5rem .75rem;transition:all .2s ease}.theme-toggle:hover{background:var(--bg-secondary);border-color:var(--border-focus);color:var(--text-primary)}.theme-toggle:active{transform:scale(.97)}.theme-toggle:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.theme-toggle-icon{align-items:center;display:flex;justify-content:center;transition:transform .3s ease}.theme-toggle:hover .theme-toggle-icon{transform:rotate(15deg)}.theme-toggle.dark .theme-toggle-icon{color:var(--accent-purple)}.theme-toggle.light .theme-toggle-icon{color:var(--accent-orange)}.theme-toggle-label{font-weight:500}.theme-toggle-small{font-size:.75rem;padding:.375rem .5rem}.theme-toggle-small .theme-toggle-icon svg{height:14px;width:14px}.theme-toggle-large{font-size:1rem;padding:.625rem 1rem}.theme-toggle-large .theme-toggle-icon svg{height:22px;width:22px}.theme-toggle:not(:has(.theme-toggle-label)){justify-content:center;min-height:36px;min-width:36px;padding:.5rem}.theme-toggle-small:not(:has(.theme-toggle-label)){min-height:32px;min-width:32px;padding:.375rem}@keyframes iconPop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.theme-toggle-icon svg{animation:iconPop .3s ease-out}
/*# sourceMappingURL=main.529af156.css.map*/