body{background-color:#f5f5f5;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,.shell{min-height:100vh}.shell{display:flex;flex-direction:column}.shell-header{background-color:var(--primary-color);box-shadow:var(--shadow);color:#fff;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.shell-header,.shell-logo{align-items:center;display:flex}.shell-logo{cursor:pointer;gap:var(--spacing-sm)}.shell-logo-icon{font-size:24px}.shell-logo-text{font-size:18px;font-weight:600}.shell-user{align-items:center;display:flex;gap:var(--spacing-md)}.shell-user-name{font-size:14px}.shell-logout-btn{background-color:#fff3;color:#fff;padding:var(--spacing-xs) var(--spacing-md)}.shell-logout-btn:hover{background-color:#ffffff4d}.shell-body{display:flex;flex:1 1}.shell-nav{background-color:#fff;border-right:1px solid var(--border-color);padding:var(--spacing-md);width:250px}.shell-nav-section{margin-bottom:var(--spacing-lg)}.shell-nav-header{color:var(--text-secondary);font-size:12px;font-weight:600;margin-bottom:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.shell-nav-loading{color:var(--text-secondary);font-size:14px;padding:var(--spacing-sm)}.shell-nav-list{list-style:none}.shell-nav-service{margin-bottom:var(--spacing-xs)}.shell-nav-service-header{align-items:center;border-radius:var(--border-radius);cursor:pointer;display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm);transition:background-color .2s;-webkit-user-select:none;user-select:none}.shell-nav-service-header:hover{background-color:var(--secondary-color)}.shell-nav-expand-icon{color:var(--text-secondary);display:inline-block;font-size:10px;width:12px}.shell-nav-icon{font-size:16px}.shell-nav-label{font-size:14px;font-weight:500}.shell-nav-tools{list-style:none;margin-left:var(--spacing-lg);margin-top:var(--spacing-xs)}.shell-nav-tool{border-radius:var(--border-radius);cursor:pointer;margin-bottom:2px;padding:var(--spacing-xs) var(--spacing-sm);transition:background-color .2s}.shell-nav-tool:hover{background-color:var(--secondary-color)}.shell-nav-tool.active{background-color:#0078d41a;color:var(--primary-color);font-weight:500}.shell-nav-tool-label{font-size:13px}.shell-content{flex:1 1;overflow-y:auto;padding:var(--spacing-lg)}.login-page{background:linear-gradient(135deg,#f5f7fa,#e3e9f0);display:flex;flex-direction:column;min-height:100vh}.login-container{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;margin:0 auto;max-width:1200px;padding:2rem;width:100%}.login-header{margin-bottom:3rem;text-align:center}.login-logo{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}.login-logo-icon{font-size:48px}.login-logo-text{color:#333;font-size:36px;font-weight:600;margin:0}.login-subtitle{color:#666;font-size:16px;line-height:1.6;margin:0 auto;max-width:600px}.login-features{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem;width:100%}.login-feature-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem;text-align:center;transition:transform .2s,box-shadow .2s}.login-feature-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-4px)}.login-feature-icon{font-size:40px;margin-bottom:1rem}.login-feature-card h3{color:#333;font-size:18px;margin:0 0 .5rem}.login-feature-card p{color:#666;font-size:14px;line-height:1.5;margin:0}.login-action{margin-bottom:2rem;text-align:center}.login-button{align-items:center;background:#0078d4;border:none;border-radius:6px;box-shadow:0 2px 8px #0078d44d;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:500;gap:.75rem;padding:1rem 2rem;transition:background .2s,transform .2s}.login-button:hover{background:#005a9e;box-shadow:0 4px 12px #0078d466;transform:translateY(-2px)}.login-button:active{transform:translateY(0)}.login-button-icon{font-size:20px}.login-note{color:#666;font-size:13px;margin:1rem 0 0}.login-services{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem;text-align:center}.login-services-title{color:#666;font-size:14px;font-weight:500;letter-spacing:.5px;margin:0 0 1rem;text-transform:uppercase}.login-services-list{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.login-service-badge{background:#f0f9ff;border-radius:20px;color:#0078d4;display:inline-block;font-size:14px;font-weight:500;padding:.5rem 1rem}.login-footer{background:#ffffff80;border-top:1px solid #0000001a;padding:2rem;text-align:center}.login-footer p{color:#666;font-size:13px;margin:.25rem 0}@media (max-width:768px){.login-logo-text{font-size:28px}.login-logo-icon{font-size:36px}.login-features{grid-template-columns:1fr}.login-container{padding:1rem}}.home-page{animation:fadeIn .5s ease-in;margin:0 auto;max-width:1400px;padding:2rem}.home-hero{background:linear-gradient(135deg,#0078d4,#106ebe);border-radius:16px;box-shadow:0 8px 24px #0078d433;color:#fff;margin-bottom:3rem;padding:3rem 2rem;text-align:center}.home-hero-icon{animation:bounce 2s ease-in-out infinite;font-size:4rem;margin-bottom:1rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.home-hero h1{font-size:2.5rem;font-weight:700;margin:0 0 1rem;text-shadow:0 2px 4px #0000001a}.home-hero-subtitle{font-size:1.2rem;line-height:1.6;margin:0 auto 1.5rem;max-width:800px;opacity:.95}.home-welcome-text{font-size:1.1rem;margin:0;opacity:.9}.home-section{margin-bottom:3rem}.home-section h2{color:#1a1a1a;font-size:2rem;font-weight:600;margin-bottom:1.5rem}.section-description{color:#666;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.hero-agent-container{margin-left:auto;margin-right:auto;margin-top:2rem;max-width:700px}.hero-agent-form{width:100%}.hero-agent-input-wrapper{align-items:center;background:#fffffff2;border:2px solid #ffffff4d;border-radius:28px;box-shadow:0 4px 20px #00000026;display:flex;padding:8px 16px;transition:all .3s ease}.hero-agent-input-wrapper:focus-within{border-color:#fff;box-shadow:0 6px 28px #00000040}.hero-agent-icon{font-size:24px;margin-right:12px}.hero-agent-input{background:#0000;border:none;color:#333;flex:1 1;font-family:inherit;font-size:16px;line-height:1.4;max-height:80px;min-height:24px;outline:none;resize:none}.hero-agent-input::placeholder{color:#888}.hero-agent-button{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;margin-left:8px;transition:all .2s;width:40px}.hero-agent-button.send{background:#0078d4;color:#fff}.hero-agent-button.send:hover:not(:disabled){background:#106ebe;transform:scale(1.05)}.hero-agent-button.send:disabled{background:#ccc;cursor:not-allowed}.hero-agent-button.cancel{background:#dc3545;color:#fff}.hero-agent-button.cancel:hover{background:#c82333}.hero-agent-examples{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:16px}.example-prompt-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border:1px solid #fff6;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 16px;transition:all .2s}.example-prompt-btn:hover:not(:disabled){background:#ffffff4d;border-color:#fff9;transform:translateY(-2px)}.example-prompt-btn:disabled{cursor:not-allowed;opacity:.5}.example-icon{font-size:14px}.example-label{font-weight:500}.hero-agent-restricted{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #ffffff4d;border-radius:16px;margin-left:auto;margin-right:auto;margin-top:2rem;max-width:600px;padding:2rem;text-align:center}.agent-restricted-icon{font-size:48px;margin-bottom:1rem}.hero-agent-restricted h3{font-size:1.4rem;font-weight:600;margin:0 0 1rem}.hero-agent-restricted p{line-height:1.6;margin:0 0 1rem;opacity:.95}.hero-agent-restricted code{background:#fff3;border-radius:4px;font-family:Consolas,Monaco,monospace;padding:2px 8px}.agent-restricted-roles{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.agent-role-badge{background:#ffffff40;border:1px solid #fff6;border-radius:16px;display:inline-block;font-family:Consolas,Monaco,monospace;font-size:.9rem;padding:4px 12px}.agent-restricted-contact{border-top:1px solid #fff3;margin-top:1.5rem;padding-top:1.5rem}.agent-restricted-contact p{font-size:.95rem;margin:0 0 1rem;opacity:.9}.agent-contact-button{align-items:center;background:#fffffff2;border-radius:8px;color:#0078d4;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s}.agent-contact-button:hover{background:#fff;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.agent-chat-panel{background:#fff;border:1px solid #e0e0e0;border-radius:16px;box-shadow:0 4px 24px #0000001a;margin-bottom:2rem;overflow:hidden}.chat-panel-header{align-items:center;background:linear-gradient(135deg,#0078d4,#106ebe);color:#fff;display:flex;justify-content:space-between;padding:12px 20px}.chat-panel-title{align-items:center;font-size:16px;font-weight:600}.chat-panel-actions,.chat-panel-title{display:flex;gap:8px}.chat-panel-actions button{background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:6px 12px;transition:background .2s}.chat-panel-actions button:hover{background:#ffffff4d}.chat-panel-messages{background:#f8f9fa;display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto;padding:16px}.chat-panel-message{animation:fadeInUp .3s ease-out;display:flex;gap:10px;max-width:90%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-panel-message.user{align-self:flex-end;flex-direction:row-reverse}.chat-panel-message.assistant{align-self:flex-start}.chat-panel-message .message-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;width:32px}.chat-panel-message.user .message-avatar{background:linear-gradient(135deg,#0078d4,#106ebe)}.chat-panel-message.assistant .message-avatar{background:linear-gradient(135deg,#e8f0fe,#d0e0fd)}.chat-panel-message .message-body{background:#fff;border-radius:14px;box-shadow:0 1px 4px #00000014;padding:10px 14px}.chat-panel-message.user .message-body{background:#0078d4;border-bottom-right-radius:4px;color:#fff}.chat-panel-message.assistant .message-body{border-bottom-left-radius:4px}.chat-panel-message .message-body p{line-height:1.5;margin:0}.chat-panel-message .message-time{display:block;font-size:10px;margin-top:6px;opacity:.6}.chat-panel-message .markdown-content{line-height:1.6}.chat-panel-message .markdown-content p{margin:0 0 8px}.chat-panel-message .markdown-content p:last-child{margin-bottom:0}.chat-panel-message .markdown-content code{background:#f1f3f4;border-radius:4px;font-family:Consolas,monospace;font-size:.9em;padding:1px 5px}.chat-panel-message .markdown-content pre{background:#1e1e1e;border-radius:6px;color:#d4d4d4;margin:8px 0;overflow-x:auto;padding:10px}.chat-panel-message .markdown-content pre code{background:none;color:inherit;padding:0}.chat-panel-message .markdown-content ol,.chat-panel-message .markdown-content ul{margin:8px 0;padding-left:18px}.chat-panel-message .markdown-content a{color:#0078d4;text-decoration:none}.chat-panel-message .markdown-content a:hover{text-decoration:underline}.chat-panel-error{background:#fef2f2;border-radius:8px;color:#dc2626;font-size:14px;padding:10px 14px}.home-features-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.home-feature-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:2rem;text-align:center;transition:all .3s ease}.home-feature-card:hover{border-color:#0078d4;box-shadow:0 8px 24px #0000001a;transform:translateY(-5px)}.feature-icon{font-size:3rem;margin-bottom:1rem}.home-feature-card h3{color:#0078d4;font-size:1.4rem;font-weight:600;margin:0 0 .75rem}.home-feature-card p{color:#666;line-height:1.5;margin:0}.home-tools-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:2rem}.home-tool-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000000d;cursor:pointer;padding:2rem;transition:all .3s ease}.home-tool-card:not(.in-progress):hover{border-color:#0078d4;box-shadow:0 12px 32px #0078d426;transform:translateY(-5px)}.home-tool-card.in-progress{border-style:dashed;cursor:default;opacity:.85}.home-tool-card.in-progress:hover{box-shadow:0 2px 8px #0000000d;transform:none}.tool-icon{font-size:3rem;margin-bottom:1rem}.home-tool-card h3{color:#1a1a1a;font-size:1.5rem;font-weight:600;margin:0 0 1rem}.home-tool-card p{color:#666;line-height:1.6;margin:0 0 1rem}.tool-status{margin-top:1rem}.status-badge{border-radius:20px;font-size:.9rem;padding:.5rem 1rem}.status-active{background:#e7f4e4;color:#107c10}.status-progress{background:#fff4e5;color:#ca5010}.home-contribute-content{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.contribute-card{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;padding:2rem}.contribute-card h3{color:#0078d4;font-size:1.3rem;font-weight:600;margin:0 0 1rem}.contribute-card ol,.contribute-card ul{color:#333;margin:0;padding-left:1.5rem}.contribute-card li{line-height:1.5;margin-bottom:.75rem}.contribute-card li:last-child{margin-bottom:0}.home-tech-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.tech-item{background:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;flex-direction:column;gap:.5rem;padding:1.5rem}.tech-label{color:#666;font-size:.9rem;font-weight:500}.tech-value{color:#0078d4;font-size:1.1rem;font-weight:600}.home-resources{display:flex;flex-wrap:wrap;gap:1rem}.resource-link{align-items:center;background:#fff;border:2px solid #0078d4;border-radius:8px;color:#0078d4;display:flex;font-weight:600;gap:.75rem;padding:1rem 1.5rem;text-decoration:none;transition:all .3s ease}.resource-link:hover{background:#0078d4;box-shadow:0 4px 12px #0078d44d;color:#fff;transform:translateY(-2px)}.resource-icon{font-size:1.5rem}.home-footer{border-top:2px solid #e0e0e0;margin-top:4rem;padding:2rem 0;text-align:center}.home-footer p{color:#666;margin:.5rem 0}.home-footer-note{color:#999;font-size:.9rem}@media (max-width:768px){.home-page{padding:1rem}.home-hero{padding:2rem 1rem}.home-hero h1{font-size:1.8rem}.home-hero-subtitle{font-size:1rem}.home-section h2{font-size:1.5rem}.home-contribute-content,.home-features-grid,.home-tech-grid,.home-tools-grid{grid-template-columns:1fr}.home-resources{flex-direction:column}.resource-link{justify-content:center}}.service-page{padding:2rem}.service-page h2{color:#333;margin-bottom:.5rem}.service-page p{color:#666;margin-bottom:2rem}.tools-section h3{color:#0078d4;margin:2rem 0 1rem}.tool-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:1rem;padding:1.5rem}.tool-card h4{color:#333;margin-bottom:.5rem}.tool-card p{color:#666;margin-bottom:1rem}.tool-actions{display:flex;gap:1rem;margin-top:1rem}.tool-actions button{background:#0078d4;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:background .2s}.tool-actions button:hover{background:#005a9e}.tool-actions button:disabled{background:#ccc;cursor:not-allowed}.result-section{background:#f5f5f5;border-left:4px solid #0078d4;border-radius:4px;margin-top:1rem;padding:1rem}.result-section.error{background:#fef0f0;border-left-color:#d13438}.result-section pre{word-wrap:break-word;font-family:Courier New,monospace;font-size:.875rem;margin:0;white-space:pre-wrap}.service-tools-overview{margin-top:2rem}.service-tools-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:1.5rem}.service-tool-summary-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;padding:1.5rem;transition:box-shadow .2s,transform .2s}.service-tool-summary-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.service-tool-summary-card.tool-restricted{background-color:#fef9f3;border-color:#f0ad4e;opacity:.7}.service-tool-summary-card.tool-restricted:hover{cursor:not-allowed;transform:none}.service-tool-summary-card .tool-lock-icon{font-size:1rem;margin-left:.5rem}.tool-permission-denied{background-color:#fff3cd;border-left:4px solid #f0ad4e;border-radius:4px;margin:1rem 0 .5rem;padding:.75rem}.tool-permission-denied strong{color:#856404;display:block;font-size:.9rem;margin-bottom:.5rem}.tool-denial-reason{color:#856404;font-size:.85rem!important;line-height:1.4;margin:0!important}.service-tool-summary-card h3{color:#0078d4;font-size:16px;margin:0 0 .5rem}.service-tool-summary-card p{color:#666;font-size:14px;margin:0 0 .5rem}.service-tool-status{color:#999;font-size:13px}.tool-page{margin:0 auto;max-width:1400px;padding:2rem}.tool-header{border-bottom:2px solid #e0e0e0;margin-bottom:2rem;padding-bottom:1rem}.tool-breadcrumb{color:#666;font-size:14px;margin-bottom:.5rem}.tool-breadcrumb a{color:#0078d4;text-decoration:none}.tool-breadcrumb a:hover{text-decoration:underline}.tool-breadcrumb-separator{color:#999;margin:0 .5rem}.tool-breadcrumb-current{color:#333;font-weight:500}.tool-header h1{color:#333;font-size:32px;margin:.5rem 0}.tool-description{color:#666;font-size:16px;margin:.5rem 0 0}.tool-content{display:flex;flex-direction:column;gap:2rem}.tool-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.tool-section h2{color:#333;font-size:20px;margin:0 0 1rem}.tool-action-card{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:1rem;padding:1rem}.tool-action-card h3{color:#333;font-size:16px;margin:0 0 .5rem}.tool-action-card p{color:#666;font-size:14px;margin:0 0 1rem}.tool-action-button{background-color:#0078d4;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:.75rem 1rem;transition:background .2s;width:100%}.tool-action-button:hover:not(:disabled){background-color:#005a9e}.tool-action-button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.tool-error{background-color:#fff3cd;border:1px solid #ffc107;border-radius:4px;color:#856404;margin-bottom:1rem;padding:1rem}.tool-result{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.tool-result h2{color:#333;font-size:20px;margin:0 0 1rem}.tool-result-content{background-color:#f5f5f5;border-radius:4px;overflow-x:auto;padding:1rem}.tool-result-content pre{word-wrap:break-word;font-family:Courier New,monospace;font-size:13px;line-height:1.5;margin:0;white-space:pre-wrap}.tool-custom-area{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.tool-info-box{background-color:#e7f3ff;border-left:4px solid #0078d4;border-radius:4px;margin-bottom:1rem;padding:1rem}.tool-info-box h3{color:#0078d4;font-size:16px;margin:0 0 .5rem}.tool-info-box p,.tool-info-box ul{color:#333;font-size:14px;line-height:1.6;margin:.5rem 0}.tool-info-box ul{padding-left:1.5rem}.tool-info-note{color:#666;font-size:13px;font-style:italic;margin-top:1rem}.access-denied-container{background:linear-gradient(135deg,#fff5f5,#fff);border:1px solid #f0d0d0;border-radius:12px;box-shadow:0 4px 16px #0000001a;margin:2rem auto;max-width:600px;padding:2.5rem;text-align:center}.access-denied-icon{font-size:64px;margin-bottom:1rem}.access-denied-title{color:#c53030;font-size:28px;margin:0 0 1rem}.access-denied-message{color:#666;font-size:16px;line-height:1.6;margin:0 0 2rem}.access-denied-section{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:1.5rem;padding:1rem;text-align:left}.access-denied-section h3{color:#666;font-size:14px;letter-spacing:.5px;margin:0 0 .75rem;text-transform:uppercase}.access-denied-hint{color:#555;font-size:14px;margin:0 0 .75rem}.access-denied-roles{display:flex;flex-wrap:wrap;gap:.5rem}.role-badge{border-radius:20px;display:inline-block;font-family:Consolas,Monaco,monospace;font-size:13px;font-weight:500;padding:.4rem .8rem}.role-badge.role-required{background-color:#fff3cd;border:1px solid #ffc107;color:#856404}.role-badge.role-user{background-color:#e7f3ff;border:1px solid #0078d4;color:#0078d4}.access-denied-no-roles{color:#888;font-size:14px;font-style:italic;margin:0}.access-denied-contact{background:linear-gradient(135deg,#e7f3ff,#f0f8ff);border:1px solid #b3d7ff;border-radius:8px;margin-top:2rem;padding:1.5rem;text-align:left}.access-denied-contact h3{color:#0078d4;font-size:16px;margin:0 0 .75rem}.access-denied-contact p{color:#555;font-size:14px;margin:0 0 1rem}.contact-admin-button{align-items:center;background-color:#0078d4;border-radius:6px;color:#fff;display:inline-flex;font-size:14px;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:background-color .2s,transform .1s}.contact-admin-button:hover{background-color:#005a9e;transform:translateY(-1px)}.contact-admin-button .contact-icon{font-size:16px}.status-badge{letter-spacing:.5px}.status-badge-success{background-color:#d4edda;color:#155724}.status-badge-warning{background-color:#fff3cd;color:#856404}.status-badge-error{background-color:#f8d7da;color:#721c24}.status-badge-info{background-color:#d1ecf1;color:#0c5460}.status-badge-pending{background-color:#e2e3e5;color:#383d41}.status-badge-active{background-color:#d4edda;color:#155724}.status-badge-inactive{background-color:#e2e3e5;color:#6c757d}.progress-bar-container{margin:16px 0}.progress-bar-label{color:#333;font-size:14px;font-weight:500;margin-bottom:8px}.progress-bar-track{background-color:#e9ecef;border-radius:12px;height:24px;overflow:hidden;position:relative;width:100%}.progress-bar-fill{align-items:center;display:flex;height:100%;justify-content:center;position:relative;transition:width .3s ease}.progress-bar-default{background:linear-gradient(90deg,#0078d4,#005a9e)}.progress-bar-success{background:linear-gradient(90deg,#10b981,#059669)}.progress-bar-warning{background:linear-gradient(90deg,#f59e0b,#d97706)}.progress-bar-error{background:linear-gradient(90deg,#ef4444,#dc2626)}.progress-bar-percentage{color:#fff;font-size:12px;font-weight:600;text-shadow:0 1px 2px #0003}.datastore-tool-page{margin:0 auto;max-width:1400px;padding:24px}.datastore-tool-header{margin-bottom:32px}.datastore-tool-header h1{color:#1a1a1a;font-size:28px;font-weight:600;margin-bottom:8px}.datastore-tool-header p{color:#666;font-size:16px}.datastore-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:24px}.datastore-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.datastore-card-header h2{color:#1a1a1a;font-size:20px;font-weight:600;margin:0}.datastore-form-group{margin-bottom:20px}.datastore-form-group label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.datastore-form-group input,.datastore-form-group select,.datastore-form-group textarea{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.datastore-form-group input:focus,.datastore-form-group select:focus,.datastore-form-group textarea:focus{border-color:#0078d4;outline:none}.datastore-form-group textarea{min-height:100px;resize:vertical}.datastore-button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.datastore-button-primary{background-color:#0078d4;color:#fff}.datastore-button-primary:hover:not(:disabled){background-color:#005a9e}.datastore-button-secondary{background-color:#6c757d;color:#fff}.datastore-button-secondary:hover:not(:disabled){background-color:#5a6268}.datastore-button:disabled{cursor:not-allowed;opacity:.5}.datastore-button-group{display:flex;gap:12px;margin-top:24px}.datastore-grid{grid-gap:20px;display:grid;gap:20px}.datastore-grid-2{grid-template-columns:repeat(2,1fr)}.datastore-grid-3{grid-template-columns:repeat(3,1fr)}.datastore-grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.datastore-grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.datastore-grid-2,.datastore-grid-3,.datastore-grid-4{grid-template-columns:1fr}}.datastore-table{border-collapse:collapse;width:100%}.datastore-table th{background-color:#f8f9fa;border-bottom:2px solid #dee2e6;color:#495057;font-size:14px;font-weight:600;padding:12px;text-align:left}.datastore-table td{border-bottom:1px solid #dee2e6;font-size:14px;padding:12px}.datastore-table tr:hover{background-color:#f8f9fa}.datastore-alert{border-radius:6px;font-size:14px;margin-bottom:16px;padding:12px 16px}.datastore-alert-info{background-color:#d1ecf1;border-left:4px solid #17a2b8;color:#0c5460}.datastore-alert-success{background-color:#d4edda;border-left:4px solid #28a745;color:#155724}.datastore-alert-warning{background-color:#fff3cd;border-left:4px solid #ffc107;color:#856404}.datastore-alert-error{background-color:#f8d7da;border-left:4px solid #dc3545;color:#721c24}.datastore-loading{color:#666;padding:40px;text-align:center}.datastore-loading-spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#0078d4;height:40px;margin:0 auto 16px;width:40px}.datastore-metric-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#fff;padding:20px}.datastore-metric-value{font-size:32px;font-weight:700;margin-bottom:8px}.datastore-metric-label{font-size:14px;opacity:.9}.datastore-step-indicator{align-items:center;display:flex;margin-bottom:32px}.datastore-step{align-items:center;display:flex;flex:1 1;flex-direction:column;position:relative}.datastore-step:not(:last-child):after{background-color:#dee2e6;content:"";height:2px;left:50%;position:absolute;top:20px;width:100%;z-index:0}.datastore-step.active:not(:last-child):after{background-color:#0078d4}.datastore-step-circle{align-items:center;background-color:#dee2e6;border-radius:50%;display:flex;font-weight:600;height:40px;justify-content:center;position:relative;width:40px;z-index:1}.datastore-step.completed .datastore-step-circle{background-color:#28a745;color:#fff}.datastore-step.active .datastore-step-circle{background-color:#0078d4;color:#fff}.datastore-step-label{color:#666;font-size:12px;font-weight:500;margin-top:8px;text-align:center}.datastore-step.active .datastore-step-label{color:#0078d4}.tsg-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);margin:0 auto;max-width:1600px;min-height:100vh;padding:24px}.tsg-header{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:40px;padding:32px;text-align:center}.tsg-header h1{align-items:center;color:#1a1a1a;display:flex;font-size:36px;font-weight:700;gap:12px;justify-content:center;margin-bottom:12px}.tsg-header-subtitle{color:#666;font-size:18px;margin-bottom:24px}.tsg-app-selector{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:32px;padding:24px}.tsg-app-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:16px}.tsg-app-button{background:#fff;border:2px solid #e1e4e8;border-radius:8px;color:#333;cursor:pointer;font-size:14px;font-weight:600;padding:16px;transition:all .3s ease}.tsg-app-button:hover{background:#f0f8ff;border-color:#0078d4;box-shadow:0 4px 8px #0078d433;transform:translateY(-2px)}.tsg-app-button.selected{background:linear-gradient(135deg,#0078d4,#005a9e);border-color:#0078d4;box-shadow:0 6px 12px #0078d44d;color:#fff}.tsg-story-header{background:#fff;border-left:6px solid #0078d4;border-radius:12px;box-shadow:0 6px 20px #0000001f;margin-bottom:32px;padding:32px}.tsg-story-header.status-healthy{background:linear-gradient(135deg,#fff,#f0fff4);border-left-color:#28a745}.tsg-story-header.status-warning{background:linear-gradient(135deg,#fff,#fffbf0);border-left-color:#ffc107}.tsg-story-header.status-error{background:linear-gradient(135deg,#fff,#fff5f5);border-left-color:#dc3545}.tsg-story-title{align-items:center;display:flex;font-size:28px;font-weight:700;gap:12px;margin-bottom:16px}.tsg-story-primary-issue{background:#00000008;border-radius:8px;color:#333;font-size:20px;font-weight:500;margin-bottom:16px;padding:16px}.tsg-story-timestamp{color:#666;font-size:14px;margin-bottom:16px}.tsg-confidence-indicator{align-items:center;border-radius:20px;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px}.tsg-confidence-indicator.high{background:#d4edda;color:#155724}.tsg-confidence-indicator.medium{background:#fff3cd;color:#856404}.tsg-confidence-indicator.low{background:#f8d7da;color:#721c24}.tsg-recommendations{background:#fff;border-left:6px solid #ffc107;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:32px;padding:24px}.tsg-recommendations h2{align-items:center;display:flex;font-size:22px;font-weight:700;gap:10px;margin-bottom:16px}.tsg-recommendation-item{background:#f8f9fa;border-left:4px solid #0078d4;border-radius:8px;font-size:15px;line-height:1.6;margin-bottom:12px;padding:16px}.tsg-recommendation-item.urgent{background:#fff5f5;border-left-color:#dc3545;font-weight:600}.tsg-diagnostics-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin-bottom:32px}@media (max-width:1200px){.tsg-diagnostics-grid{grid-template-columns:1fr}}.tsg-diagnostic-card{background:#fff;border-radius:12px;border-top:4px solid #0078d4;box-shadow:0 4px 12px #0000001a;padding:24px;transition:all .3s ease}.tsg-diagnostic-card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.tsg-diagnostic-card.severity-healthy{border-top-color:#28a745}.tsg-diagnostic-card.severity-info{border-top-color:#17a2b8}.tsg-diagnostic-card.severity-warning{border-top-color:#ffc107}.tsg-diagnostic-card.severity-error{border-top-color:#dc3545}.tsg-diagnostic-card.severity-unknown{border-top-color:#6c757d}.tsg-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.tsg-card-title{align-items:center;color:#1a1a1a;display:flex;font-size:20px;font-weight:700;gap:10px}.tsg-card-interpretation{background:#f8f9fa;border-radius:8px;color:#333;font-size:16px;font-weight:500;line-height:1.6;margin-bottom:20px;padding:16px}.tsg-card-interpretation.has-issue{background:#fff3cd;border-left:4px solid #ffc107}.tsg-metrics-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:16px}.tsg-metric{background:#f8f9fa;border-radius:8px;padding:12px;text-align:center}.tsg-metric-value{color:#1a1a1a;font-size:24px;font-weight:700;margin-bottom:4px}.tsg-metric-label{color:#666;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.tsg-chart-container{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:32px;padding:24px}.tsg-chart-container h2{align-items:center;display:flex;font-size:22px;font-weight:700;gap:10px;margin-bottom:20px}.tsg-chart-placeholder{align-items:center;background:linear-gradient(135deg,#f5f7fa,#e9ecef);border:2px dashed #d1d5db;border-radius:8px;color:#666;display:flex;font-size:16px;height:300px;justify-content:center}.tsg-error-analysis{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:32px;padding:24px}.tsg-error-analysis h2{align-items:center;display:flex;font-size:22px;font-weight:700;gap:10px;margin-bottom:20px}.tsg-error-tabs{border-bottom:2px solid #e1e4e8;display:flex;gap:8px;margin-bottom:20px}.tsg-error-tab{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.tsg-error-tab:hover{color:#0078d4}.tsg-error-tab.active{border-bottom-color:#0078d4;color:#0078d4}.tsg-error-list{max-height:400px;overflow-y:auto}.tsg-error-item{background:#f8f9fa;border-left:4px solid #dc3545;border-radius:8px;margin-bottom:12px;padding:16px}.tsg-error-message{color:#333;font-family:Monaco,Consolas,monospace;font-size:13px;margin-bottom:8px;word-break:break-word}.tsg-error-meta{color:#666;display:flex;font-size:12px;gap:16px}.tsg-empty-state{color:#666;padding:48px 24px;text-align:center}.tsg-empty-state-icon{font-size:64px;margin-bottom:16px;opacity:.5}.tsg-empty-state-text{font-size:18px;font-weight:500}.tsg-loading{padding:80px 24px;text-align:center}.tsg-loading-spinner{animation:tsg-spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#0078d4;height:60px;margin:0 auto 24px;width:60px}@keyframes tsg-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.tsg-loading-text{color:#666;font-size:18px;margin-bottom:8px}.tsg-loading-subtext{color:#999;font-size:14px}.tsg-status-icon{font-size:32px}.tsg-status-icon.healthy{color:#28a745}.tsg-status-icon.warning{color:#ffc107}.tsg-status-icon.error{color:#dc3545}.tsg-status-icon.info{color:#17a2b8}.tsg-trend{align-items:center;border-radius:12px;display:inline-flex;font-size:13px;font-weight:600;gap:4px;padding:4px 12px}.tsg-trend.increasing{background:#d4edda;color:#155724}.tsg-trend.stable{background:#d1ecf1;color:#0c5460}.tsg-trend.declining{background:#fff3cd;color:#856404}.tsg-trend.cliff{background:#f8d7da;color:#721c24}.tsg-peer-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:16px}.tsg-peer-item{background:#f8f9fa;border-radius:8px;padding:12px;text-align:center}.tsg-peer-item.highlighted{background:linear-gradient(135deg,#fff3cd,#ffe8a1);border:2px solid #ffc107;font-weight:700}.tsg-peer-item.current-app{background:linear-gradient(135deg,#d1ecf1,#a8dae6);border:2px solid #0078d4;font-weight:700}.tsg-peer-name{color:#333;font-size:13px;font-weight:600;margin-bottom:8px}.tsg-peer-value{color:#1a1a1a;font-size:18px;font-weight:700}@media (max-width:768px){.tsg-page{padding:16px}.tsg-header h1{font-size:28px}.tsg-app-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.tsg-story-title{font-size:22px}.tsg-diagnostics-grid{grid-template-columns:1fr}.tsg-metrics-row{grid-template-columns:repeat(2,1fr)}}.tsg-diagnostic-card,.tsg-recommendations,.tsg-story-header{animation:slideIn .5s ease-out}.error-analysis-tool{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1600px;min-height:100vh;padding:20px}.tool-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px;padding:20px}.header-title h1{color:#1a1a1a;font-size:28px;font-weight:700;margin:0}.header-title .subtitle{color:#666;font-size:14px;margin:4px 0 0}.header-controls{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px}.filter-group{gap:4px}.filter-group label{color:#666;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.filter-group select{background:#fff;border:1px solid #ddd;border-radius:6px;color:#333;cursor:pointer;font-size:14px;min-width:140px;padding:8px 12px}.filter-group select:hover{border-color:#0078d4}.filter-group select:focus{border-color:#0078d4;box-shadow:0 0 0 2px #0078d433;outline:none}.refresh-btn{background:linear-gradient(135deg,#0078d4,#005a9e);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.refresh-btn:hover:not(:disabled){box-shadow:0 4px 12px #0078d44d;transform:translateY(-2px)}.refresh-btn:disabled{cursor:not-allowed;opacity:.6}.tab-navigation{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;gap:0;margin-bottom:24px;padding:4px}.tab-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:600;gap:10px;justify-content:center;padding:14px 24px;transition:all .2s ease}.tab-btn:hover:not(.active){background:#f0f4f8;color:#333}.tab-btn.active{background:linear-gradient(135deg,#0078d4,#005a9e);box-shadow:0 2px 8px #0078d44d;color:#fff}.tab-badge{background:#fff3;border-radius:12px;font-size:12px;font-weight:700;padding:4px 10px}.tab-btn:not(.active) .tab-badge{background:#e7f3ff;color:#0078d4}.tab-btn.active .tab-badge{background:#ffffff40;color:#fff}.error-banner{align-items:center;background:#fef0f0;border:1px solid #dc3545;border-radius:8px;color:#dc3545;display:flex;justify-content:space-between;margin-bottom:20px;padding:12px 16px}.error-banner button{background:#0000;border:none;color:#dc3545;cursor:pointer;font-size:20px;padding:0 8px}.loading-container{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.loading-container p{color:#555;font-size:14px;margin-top:16px}.progress-bar-indeterminate{background:#e9ecef;border-radius:4px;height:8px;overflow:hidden;position:relative;width:300px}.progress-bar-indeterminate.large{border-radius:6px;height:12px;width:400px}.progress-bar-indeterminate-fill{animation:indeterminate-progress 1.5s ease-in-out infinite;background:linear-gradient(90deg,#0078d4,#00bcf2,#0078d4);border-radius:4px;height:100%;left:-100%;position:absolute;top:0;width:50%}@keyframes indeterminate-progress{0%{left:-50%}to{left:100%}}.loading-overlay{align-items:center;animation:fadeIn .2s ease;background:#ffffffd9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999}.loading-overlay-content{align-items:center;background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;display:flex;flex-direction:column;padding:40px 60px}.loading-overlay-content p{color:#333;font-size:16px;font-weight:500;margin-top:20px}.dashboard-grid.loading-fade{opacity:.5;pointer-events:none;transition:opacity .3s ease}.spinner{border:4px solid #e0e0e0;height:48px;margin-bottom:16px;width:48px}.summary-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:24px}.stat-card{background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 2px 4px #0000000d;padding:20px}.stat-card.total{border-left:4px solid #0078d4}.stat-card.critical{border-left:4px solid #dc3545}.stat-card.warning{border-left:4px solid #ffc107}.stat-card.healthy{border-left:4px solid #28a745}.stat-card.new{border-left:4px solid #17a2b8}.stat-card.cross-app{border-left:4px solid #9b59b6}.stat-value{color:#1a1a1a;font-size:32px;margin-bottom:4px}.stat-card.total .stat-label,.stat-card.total .stat-value{color:#0078d4}.stat-card.critical .stat-label,.stat-card.critical .stat-value{color:#dc3545}.stat-card.warning .stat-label,.stat-card.warning .stat-value{color:#b8860b}.stat-card.healthy .stat-label,.stat-card.healthy .stat-value{color:#28a745}.stat-card.new .stat-label,.stat-card.new .stat-value{color:#17a2b8}.stat-card.cross-app .stat-label,.stat-card.cross-app .stat-value{color:#9b59b6}.stat-label{color:#666;letter-spacing:.5px;text-transform:uppercase}.dashboard-grid{display:flex;flex-direction:column;gap:24px}.grid-item{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:24px}.section-header{margin-bottom:20px}.section-header h2{color:#333;font-size:20px;font-weight:600;margin:0}.section-subtitle{color:#666;display:block;font-size:13px;margin-top:4px}.heatmap-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.heatmap-cell{border:2px solid #0000;border-radius:8px;cursor:pointer;padding:12px 8px;text-align:center;transition:all .2s ease}.heatmap-cell:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.heatmap-cell.healthy{background:#d4edda;border-color:#28a745}.heatmap-cell.warning{background:#fff3cd;border-color:#ffc107}.heatmap-cell.critical{animation:pulse 2s infinite;background:#f8d7da;border-color:#dc3545}.heatmap-cell.selected{box-shadow:0 0 0 3px #0078d4,0 4px 12px #0078d466;transform:scale(1.05)}.heatmap-cell.selected .selected-indicator{color:#0078d4;font-size:12px;font-weight:700;position:absolute;right:4px;top:4px}.heatmap-cell{position:relative}.clear-filter-btn{background:#fff;border:1px solid #dc3545;border-radius:4px;color:#dc3545;cursor:pointer;font-size:12px;margin-left:auto;padding:6px 12px;transition:all .2s ease}.clear-filter-btn:hover{background:#dc3545;color:#fff}.section-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.section-header h2{margin:0 auto 0 0}.heatmap-cell .app-name{color:#333;font-size:11px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.heatmap-cell .error-count{color:#1a1a1a;font-size:16px;font-weight:700}.heatmap-legend{display:flex;font-size:13px;gap:20px;justify-content:center;margin-top:16px}.legend-item{color:#666}.filter-bar{align-items:flex-end;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px;padding:16px}.filter-bar .filter-group select{min-width:160px}.clear-filters-btn{background:#fff;border:1px solid #dc3545;border-radius:6px;color:#dc3545;cursor:pointer;font-size:12px;font-weight:500;margin-left:auto;padding:8px 14px;transition:all .2s ease}.clear-filters-btn:hover{background:#dc3545;color:#fff}.impact-table{border-collapse:collapse;font-size:14px;width:100%}.impact-table th{background:#f8f9fa;border-bottom:2px solid #e0e0e0;color:#333;font-size:11px;font-weight:600;letter-spacing:.5px;padding:12px;text-align:left;text-transform:uppercase}.impact-table td{border-bottom:1px solid #e0e0e0;color:#333;padding:12px}.impact-table tbody tr:hover{background:#f8f9fa}.impact-table .tag-id{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#1a1a1a;cursor:help;display:-webkit-box;font-family:Consolas,Monaco,monospace;font-size:12px;line-height:1.4;max-width:400px;overflow:hidden;word-break:break-all}.impact-table .tag-id:hover{background:#f0f8ff;border-radius:4px}.tag-id-cell{position:relative}.tag-id-cell:hover:after{background:#1a1a1a;border-radius:6px;box-shadow:0 4px 12px #0003;color:#fff;content:attr(data-full-tagid);font-family:Consolas,Monaco,monospace;font-size:11px;left:0;margin-top:4px;max-width:500px;min-width:300px;padding:12px;position:absolute;top:100%;white-space:pre-wrap;word-break:break-all;z-index:100}.apps-count{background:#e7f3ff;border-radius:4px;color:#0078d4;cursor:help;font-size:12px;padding:4px 8px}.category-badge,.health-badge,.severity-badge{border-radius:12px;color:#fff;display:inline-block;font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase}.impact-score{align-items:center;cursor:help;display:flex;gap:8px}.impact-bar{background:linear-gradient(90deg,#28a745,#ffc107 50%,#dc3545);border-radius:4px;flex-shrink:0;height:8px;min-width:10px}.impact-score .impact-value{color:#333;font-size:12px;font-weight:600;min-width:32px}.impact-score .impact-info{cursor:help;font-size:14px;opacity:.6;transition:opacity .2s ease}.impact-score:hover .impact-info{opacity:1}.details-btn{background:#0000;border:1px solid #0078d4;border-radius:4px;color:#0078d4;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s ease}.details-btn:hover{background:#e7f3ff;border-color:#005a9e}.exception-btn{background:#f8f9fa;border:1px solid #6c757d;border-radius:4px;color:#495057;cursor:pointer;font-size:11px;padding:4px 10px;transition:all .2s ease}.exception-btn:hover{background:#e9ecef;border-color:#495057}.exception-row{background:#f1f3f4}.exception-row td{padding:0!important}.exception-content{background:#f8f9fa;border-left:4px solid #0078d4;border-radius:0;margin:0;padding:16px}.exception-header{align-items:center;color:#333;display:flex;justify-content:space-between;margin-bottom:12px}.exception-header strong{font-size:13px}.copy-btn{background:#fff;border:1px solid #0078d4;border-radius:4px;color:#0078d4;cursor:pointer;font-size:11px;padding:4px 10px;transition:all .2s ease}.copy-btn:hover{background:#e7f3ff;color:#005a9e}.exception-message{background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#333;font-family:Consolas,Monaco,Courier New,monospace;font-size:11px;line-height:1.5;margin:0;max-height:400px;overflow-x:auto;overflow-y:auto;padding:16px;white-space:pre-wrap;word-break:break-word}.error-details-panel{animation:slideIn .3s ease;background:#fff;bottom:0;box-shadow:-4px 0 20px #00000026;display:flex;flex-direction:column;max-width:95vw;overflow:hidden;position:fixed;right:0;top:0;width:600px;z-index:1000}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.panel-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;gap:16px;justify-content:space-between;min-height:64px;padding:16px 20px}.panel-header h3{color:#333;flex:1 1;font-size:14px;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.close-btn{align-items:center;background:#dc3545;border:2px solid #dc3545;border-radius:50%;box-shadow:0 2px 6px #dc354566;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:40px;justify-content:center;line-height:36px;min-height:40px;min-width:40px;padding:0;text-align:center;transition:all .2s ease;width:40px}.close-btn:hover{background:#c82333;border-color:#c82333;color:#fff;transform:scale(1.1)}.panel-content{flex:1 1;overflow-y:auto;padding:20px}.detail-section{margin-bottom:24px}.detail-section h4{color:#666;font-size:14px;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.detail-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.detail-item{background:#f8f9fa;border-radius:6px;padding:12px}.detail-item label{color:#666;display:block;font-size:11px;margin-bottom:4px;text-transform:uppercase}.detail-item span{color:#333;font-size:14px}.tag-list{display:flex;flex-wrap:wrap;gap:8px}.tag{background:#e7f3ff;border-radius:16px;color:#0078d4;font-size:12px;padding:6px 12px}.cluster-card{background:#f8f9fa;border-left:3px solid #0078d4;border-radius:8px;padding:16px}.cluster-card,.cluster-header{margin-bottom:12px}.cluster-percentage{color:#1a1a1a;font-size:20px;font-weight:700;margin-right:8px}.cluster-count{color:#666;font-size:12px}.cluster-pattern{background:#e9ecef;border-radius:4px;color:#333;font-size:12px;margin:0;overflow-x:auto;padding:12px;white-space:pre-wrap;word-break:break-all}.sample-message{margin-top:12px}.sample-message summary{color:#0078d4;cursor:pointer;font-size:12px}.sample-message pre{margin-top:8px}.sample-message pre,.sample-messages .sample-msg{background:#e9ecef;border-radius:4px;color:#333;font-size:11px;overflow-x:auto;padding:12px;white-space:pre-wrap;word-break:break-all}.sample-messages .sample-msg{margin-bottom:8px}.tooltip-wrapper{cursor:help;display:inline-block;position:relative}.custom-tooltip{animation:tooltipFadeIn .2s ease;background:#1a1a1a;border-radius:8px;box-shadow:0 8px 24px #00000040;color:#fff;max-width:320px;min-width:280px;padding:16px}.apps-cell{max-width:300px;min-width:180px}.apps-list{display:flex;flex-wrap:wrap;gap:4px}.app-tag{background:#e7f3ff;border:1px solid #b3d7ff;border-radius:12px;color:#0078d4;display:inline-block;font-size:11px;font-weight:500;padding:3px 8px;white-space:nowrap}.app-tag:hover{background:#d0e8ff;border-color:#0078d4}.no-apps{color:#999;font-size:12px}.failure-rate.high{color:#dc3545;font-weight:700}.failure-rate.medium{color:#fd7e14;font-weight:600}.failure-rate.low{color:#28a745}.operation-table .operation-name-cell{max-width:350px}.operation-table .operation-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1a1a1a;cursor:help;display:-webkit-box;font-family:Consolas,Monaco,monospace;font-size:12px;line-height:1.4;overflow:hidden;word-break:break-all}.operation-table .failure-count{color:#dc3545;font-weight:600}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tooltip-content{color:#fff;font-family:Segoe UI,-apple-system,sans-serif;font-size:12px;line-height:1.6;margin:0;white-space:pre-wrap}.custom-tooltip:before{border:6px solid;border-color:#0000 #0000 #1a1a1a;content:"";left:50%;position:absolute;top:-6px;transform:translateX(-50%)}.no-data{color:#666;font-style:italic;padding:40px 20px;text-align:center}.tool-footer{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;color:#666;display:flex;font-size:12px;justify-content:space-between;margin-top:24px;padding:16px 20px}@media (max-width:768px){.tool-header{align-items:flex-start;flex-direction:column}.header-controls{width:100%}.summary-stats{grid-template-columns:repeat(2,1fr)}.heatmap-grid{grid-template-columns:repeat(3,1fr)}.error-details-panel{width:100%}.tab-navigation{flex-direction:column}.tab-btn{justify-content:flex-start}}.stat-card.operations{border-left:4px solid #6f42c1}.stat-card.operations .stat-label,.stat-card.operations .stat-value{color:#6f42c1}.stat-card.apps{border-left:4px solid #fd7e14}.stat-card.apps .stat-label,.stat-card.apps .stat-value{color:#fd7e14}.heatmap-cell .failure-rate{color:#666;font-size:10px;margin-top:2px}.impact-table.operation-table td,.impact-table.operation-table th{padding:10px 8px}.impact-table .operation-name-cell{max-width:300px}.impact-table .operation-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1a1a1a;cursor:help;display:-webkit-box;font-family:Consolas,Monaco,monospace;font-size:11px;overflow:hidden;word-break:break-all}.impact-table .failure-count{color:#dc3545;font-weight:700}.impact-table td.failure-rate{border-radius:4px;font-weight:600;padding:4px 8px}.impact-table td.failure-rate.high{background:#fef0f0;color:#dc3545}.impact-table td.failure-rate.medium{background:#fff8f0;color:#fd7e14}.impact-table td.failure-rate.low{background:#f0fef0;color:#28a745}.severity-row-critical{border-left:3px solid #dc3545}.severity-row-high{border-left:3px solid #fd7e14}.severity-row-medium{border-left:3px solid #ffc107}.severity-row-low{border-left:3px solid #28a745}.category-badge[style*="0d6efd"],.category-badge[style*="20c997"],.category-badge[style*="6c757d"],.category-badge[style*="6f42c1"],.category-badge[style*=fd7e14]{color:#fff!important}.recommendations-tsg-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;margin:0 auto;max-width:1400px;padding:24px}.recommendations-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 10px 40px #667eea4d;color:#fff;margin-bottom:32px;padding:32px;text-align:center}.recommendations-header h1{align-items:center;display:flex;font-size:32px;font-weight:700;gap:12px;justify-content:center;margin:0 0 8px}.recommendations-header-subtitle{font-size:18px;margin-bottom:8px;opacity:.9}.investigation-form{background:#fff;border:1px solid #e0e0e0;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:32px;padding:32px}.investigation-form h2{align-items:center;color:#333;display:flex;font-size:20px;gap:8px;margin:0 0 24px}.form-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:24px}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1/-1}.form-group label{color:#333;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input,.form-group select{border:2px solid #e0e0e0;border-radius:8px;font-size:14px;padding:12px 16px;transition:all .2s ease}.form-group input:focus,.form-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input::placeholder{color:#999}.form-hint{color:#666;font-size:12px;margin-top:4px}.investigate-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:16px 32px;transition:all .3s ease;width:100%}.investigate-button:hover:not(:disabled){box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.investigate-button:disabled{cursor:not-allowed;opacity:.6}.investigation-loading{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:32px;padding:80px 40px;text-align:center}.loading-spinner{border-top-color:#667eea;height:60px;margin:0 auto 24px;width:60px}.loading-text{font-size:20px;margin-bottom:8px}.investigation-summary{background:#fff;border-left:6px solid #667eea;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:32px;padding:32px}.investigation-summary.status-healthy{background:linear-gradient(135deg,#fff,#f0fff4);border-left-color:#28a745}.investigation-summary.status-warning{background:linear-gradient(135deg,#fff,#fffef0);border-left-color:#ffc107}.investigation-summary.status-error{background:linear-gradient(135deg,#fff,#fff5f5);border-left-color:#dc3545}.summary-header{align-items:center;display:flex;gap:16px;margin-bottom:16px}.summary-status-icon{font-size:48px}.summary-title{flex:1 1}.summary-title h2{color:#333;font-size:24px;margin:0 0 4px}.summary-title .investigation-id{color:#666;font-family:monospace;font-size:12px}.confidence-badge{border-radius:20px;font-size:14px;font-weight:600;padding:8px 16px;text-transform:uppercase}.confidence-badge.high{background:#d4edda;color:#155724}.confidence-badge.medium{background:#fff3cd;color:#856404}.confidence-badge.low{background:#f8d7da;color:#721c24}.summary-primary-issue{background:#00000008;border-radius:8px;margin-bottom:16px;padding:16px}.summary-primary-issue strong{color:#333}.summary-meta{color:#666;display:flex;font-size:14px;gap:24px}.summary-meta span{align-items:center;display:flex;gap:4px}.phase-section{margin-bottom:32px}.phase-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;gap:12px;margin-bottom:16px;padding-bottom:12px}.phase-header h2{color:#333;font-size:22px;margin:0}.phase-header .phase-icon{font-size:28px}.phase-checks-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}@media (max-width:900px){.phase-checks-grid{grid-template-columns:1fr}}.check-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 12px #0000000f;padding:20px;transition:all .2s ease}.check-card:hover{box-shadow:0 4px 20px #0000001a}.check-card.severity-healthy{border-top:4px solid #28a745}.check-card.severity-warning{border-top:4px solid #ffc107}.check-card.severity-error{border-top:4px solid #dc3545}.check-card.severity-unknown{border-top:4px solid #6c757d}.check-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.check-card-title{align-items:center;display:flex;gap:8px}.check-card-title h3{color:#333;font-size:16px;margin:0}.check-card-title .check-icon{font-size:20px}.status-badge.success{background:#d4edda;color:#155724}.status-badge.failure{background:#f8d7da;color:#721c24}.status-badge.unknown{background:#e2e3e5;color:#383d41}.check-card-metrics{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:12px}.metric{background:#f8f9fa;border-radius:8px;padding:12px;text-align:center}.metric-value{color:#333;font-size:24px;font-weight:700}.metric-value.success{color:#28a745}.metric-value.failure{color:#dc3545}.metric-label{color:#666;font-size:12px;margin-top:4px}.check-card-interpretation{background:#f8f9fa;border-left:3px solid #667eea;border-radius:8px;color:#555;font-size:14px;padding:12px}.check-card-interpretation:before{content:"💡 "}.check-card-error{background:#fff5f5;border-radius:8px;color:#721c24;font-family:monospace;font-size:12px;margin-top:12px;padding:12px;word-break:break-all}.check-card-error:before{content:"⚠️ Sample Error: ";font-family:inherit}.timeline-section{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:32px;padding:32px}.timeline-section h2{align-items:center;color:#333;display:flex;font-size:20px;gap:8px;margin:0 0 24px}.timeline{padding-left:40px;position:relative}.timeline:before{background:linear-gradient(180deg,#667eea,#764ba2);bottom:0;content:"";left:16px;position:absolute;top:0;width:2px}.timeline-event{padding-bottom:24px;position:relative}.timeline-event:last-child{padding-bottom:0}.timeline-event:before{background:#fff;border:3px solid #667eea;border-radius:50%;content:"";height:12px;left:-32px;position:absolute;top:4px;width:12px}.timeline-event.status-success:before{background:#d4edda;border-color:#28a745}.timeline-event.status-failure:before{background:#f8d7da;border-color:#dc3545}.timeline-event-content{background:#f8f9fa;border-radius:8px;padding:16px}.timeline-event-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.timeline-event-phase{align-items:center;color:#333;display:flex;font-weight:600;gap:8px}.timeline-event-time{color:#666;font-size:12px}.timeline-event-details{color:#555;font-size:14px}.recommendations-section{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:32px;padding:32px}.recommendations-section h2{align-items:center;color:#333;display:flex;font-size:20px;gap:8px;margin:0 0 24px}.recommendation-item{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;color:#333;font-size:15px;margin-bottom:12px;padding:16px;transition:all .2s ease}.recommendation-item:hover{background:#f0f1f4}.recommendation-item:last-child{margin-bottom:0}.recommendation-item.urgent{background:#fff5f5;border-left-color:#dc3545}.empty-state{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:80px 40px;text-align:center}.empty-state-icon{font-size:80px;margin-bottom:24px}.empty-state-text{color:#333;font-size:24px;margin-bottom:12px}.empty-state-subtext{color:#666;font-size:16px}.refresh-section{margin-bottom:32px;margin-top:32px;text-align:center}.refresh-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;display:inline-flex;font-size:16px;font-weight:600;gap:8px;padding:16px 48px;transition:all .3s ease}.refresh-button:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}@media (max-width:768px){.form-row{grid-template-columns:1fr}.summary-header{flex-direction:column;text-align:center}.summary-meta{flex-direction:column;gap:8px}}.process-flow-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:24px}.flow-steps{align-items:stretch;background:linear-gradient(180deg,#f8f9fa 0,#fff);flex-wrap:nowrap;justify-content:flex-start;margin-bottom:24px;overflow-x:auto;padding:32px 24px}.flow-step,.flow-steps{border-radius:8px;display:flex;gap:12px}.flow-step{align-items:center;border:2px solid #0000;box-shadow:0 2px 6px #0000001a;flex-direction:column;min-width:140px;padding:20px 16px;position:relative;text-align:center;transition:all .3s ease}.flow-step-pending{background:#f8f9fa;border-color:#dee2e6;color:#6c757d}.flow-step-running{box-shadow:0 4px 12px #0078d44d}.flow-step-passed,.flow-step-running{background:#0078d4;border-color:#0078d4;color:#fff}.flow-step-failed{background:#dc3545;border-color:#dc3545;box-shadow:0 4px 12px #dc35454d;color:#fff}.flow-step-icon{align-items:center;display:flex;font-size:28px;font-weight:700;height:28px;justify-content:center;min-width:28px}.flow-step-name{word-wrap:break-word;font-size:13px;font-weight:600;line-height:1.3}.spinner{border:3px solid #ffffff4d;border-top-color:#fff;height:24px;width:24px}.flow-arrow{align-self:center;color:#dee2e6;flex-shrink:0;font-size:24px;font-weight:700;transition:color .3s ease}.flow-arrow-active{color:#0078d4}.current-state{border-left:4px solid;border-radius:8px;margin-bottom:20px;padding:20px}.current-state-running{background:#e7f3ff;border-left-color:#0078d4}.current-state-failed{background:#f8d7da;border-left-color:#dc3545}.current-state-success{background:#d4edda;border-left-color:#28a745}.current-state-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.current-state-header h3{color:#212529;font-size:18px;font-weight:600;margin:0}.current-state-icon{font-size:24px}.current-state-description{color:#495057;font-size:15px;line-height:1.6;margin:8px 0}.current-state-meta{color:#6c757d;font-size:13px;font-style:italic;margin-top:8px}.success-link{margin-top:16px}.portal-link{background:#28a745;border-radius:6px;color:#fff;display:inline-block;font-size:14px;font-weight:600;padding:10px 20px;text-decoration:none;transition:background .3s ease}.portal-link:hover{background:#218838;color:#fff}.error-resolution{background:#fff3cd;border:2px solid #ffc107;border-radius:8px;box-shadow:0 2px 8px #ffc10733;padding:24px}.error-resolution-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.error-resolution-header h3{color:#856404;font-size:18px;font-weight:600;margin:0}.error-icon{color:#ffc107;font-size:28px}.error-resolution-content{color:#856404}.error-message{background:#dc35451a;border-left:3px solid #dc3545;border-radius:6px;color:#721c24;font-size:15px;margin-bottom:16px;padding:12px}.resolution-steps h4{color:#856404;font-size:16px;font-weight:600;margin-bottom:12px}.resolution-steps ol{margin:0;padding-left:24px}.resolution-steps li{color:#856404;font-size:14px;line-height:1.8;margin-bottom:8px}@media (max-width:768px){.flow-steps{flex-direction:column;gap:16px}.flow-step{min-width:100%}.flow-arrow{transform:rotate(90deg)}}.extended-info-panel{background:#f8f9fa;border-left:4px solid #107c10;border-radius:4px;margin:24px 0;padding:20px}.extended-info-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.extended-info-header .info-icon{font-size:24px}.extended-info-header h3{color:#323130;font-size:18px;font-weight:600;margin:0}.extended-info-content{background:#fff;border-radius:4px;overflow-x:auto;padding:16px}.extended-info-content pre{word-wrap:break-word;color:#323130;font-family:Consolas,Monaco,monospace;font-size:13px;line-height:1.6;margin:0;white-space:pre-wrap}.recommendations-status-page{margin:0 auto;max-width:1400px;padding:24px}.recommendations-status-header{margin-bottom:32px}.recommendations-status-header h1{color:#212529;font-size:28px;font-weight:600;margin:0 0 8px}.recommendations-status-header p{color:#6c757d;font-size:16px;margin:0}.recommendations-status-content{display:flex;flex-direction:column;gap:24px}.status-input-section{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.input-card{padding:24px}.input-label{color:#495057;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.input-group{display:flex;gap:12px;margin-bottom:8px}.recommendation-input{border:2px solid #dee2e6;border-radius:6px;flex:1 1;font-size:14px;padding:12px 16px;transition:border-color .2s ease}.recommendation-input:focus{border-color:#0078d4;outline:none}.recommendation-input:disabled{background:#f8f9fa;cursor:not-allowed}.check-status-btn{align-items:center;background:#0078d4;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease;white-space:nowrap}.check-status-btn:hover:not(:disabled){background:#005a9e;box-shadow:0 4px 8px #0078d44d;transform:translateY(-1px)}.check-status-btn:active:not(:disabled){transform:translateY(0)}.check-status-btn:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}.btn-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:14px;width:14px}.input-hint{color:#6c757d;font-size:12px;margin:0}.status-results-section{animation:fadeIn .3s ease-in}.results-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.results-header h2{color:#212529;font-size:20px;font-weight:600;margin:0}.results-timestamp{color:#6c757d;font-size:13px}.info-box{background:linear-gradient(135deg,#e7f3ff,#f0f8ff);border-left:4px solid #0078d4;border-radius:8px;display:flex;gap:16px;padding:24px}.info-icon{font-size:32px;line-height:1}.info-content h3{color:#212529;font-size:18px;font-weight:600;margin:0 0 8px}.info-content p{color:#495057;font-size:14px;line-height:1.6;margin:0 0 12px}.info-content ul{margin:0;padding-left:20px}.info-content li{color:#495057;font-size:14px;line-height:1.8}@media (max-width:768px){.recommendations-status-page{padding:16px}.recommendations-status-header h1{font-size:24px}.input-group{flex-direction:column}.check-status-btn{justify-content:center;width:100%}.results-header{align-items:flex-start;gap:8px}.info-box,.results-header{flex-direction:column}}.recommendations-browser-page{margin:0 auto;max-width:1400px;padding:24px}.browser-header{margin-bottom:24px}.browser-header h1{color:#323130;font-size:28px;font-weight:600;margin:0 0 8px}.browser-header p{color:#605e5c;font-size:14px;margin:0}.browser-filters{background:#fff;border:1px solid #edebe9;border-radius:4px;margin-bottom:24px;padding:20px}.filter-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px}.filter-group{min-width:160px}.filter-group:first-child{min-width:350px}.filter-group label{margin-bottom:4px}.filter-input{background:#fff;font-size:14px;width:100%}.filter-input,.filter-select{border:1px solid #8a8886;border-radius:2px;font-family:inherit;padding:8px 12px}.filter-select{font-size:13px}.filter-input:focus,.filter-select:focus{border-color:#0078d4;outline:none}.reset-button{background:#0078d4;border:none;border-radius:2px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;height:36px;padding:8px 16px;transition:background .2s}.reset-button:hover{background:#106ebe}.browser-content{background:#fff;border:1px solid #edebe9;border-radius:4px;padding:20px}.stats-container{align-items:stretch;display:flex;gap:20px}.recommendations-browser-page .stat-card{border:none!important;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#fff;padding:24px;text-align:center;transition:transform .2s,box-shadow .2s}.recommendations-browser-page .stat-main{flex:2 1}.recommendations-browser-page .stat-secondary{flex:1 1}.recommendations-browser-page .stat-card:hover{box-shadow:0 6px 16px #00000026;transform:translateY(-4px)}.recommendations-browser-page .stat-total{background:linear-gradient(135deg,#667eea,#764ba2)!important}.recommendations-browser-page .stat-portal{background:linear-gradient(135deg,#10b981,#059669)!important}.recommendations-browser-page .stat-onboarding{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important}.recommendations-browser-page .stat-label{color:#fff!important;font-size:18px;font-weight:600;margin-top:8px;opacity:1;text-transform:capitalize}.recommendations-browser-page .stat-value{color:#fff!important;display:block;font-size:48px!important;font-weight:700;line-height:1;margin-bottom:8px;position:relative;text-shadow:0 2px 4px #0000004d;z-index:10}.results-summary{color:#605e5c;font-size:14px;font-weight:600;margin-bottom:16px}.recommendations-table{border-collapse:collapse;font-size:15px;width:100%}.recommendations-table thead{background:#f3f2f1}.recommendations-table th{border-bottom:2px solid #edebe9;color:#323130;font-weight:600;padding:12px;text-align:left;white-space:nowrap}.recommendations-table th:first-child{width:auto}.recommendations-table th:nth-child(2){width:120px}.recommendations-table th:nth-child(3){width:140px}.recommendations-table th:nth-child(4){width:200px}.recommendations-table th:nth-child(5){width:130px}.recommendations-table th.sortable{cursor:pointer;transition:background .2s;-webkit-user-select:none;user-select:none}.recommendations-table th.sortable:hover{background:#edebe9}.recommendations-table td{border-bottom:1px solid #edebe9;color:#323130;padding:12px}.recommendations-table td:first-child{width:auto}.recommendations-table td:nth-child(2){white-space:nowrap;width:120px}.recommendations-table td:nth-child(3){white-space:nowrap;width:140px}.recommendations-table td:nth-child(4){white-space:nowrap;width:200px}.recommendations-table td:nth-child(5){white-space:nowrap;width:130px}.recommendations-table tbody tr:hover{background:#f3f2f1}.rec-id{color:#0078d4;font-family:Courier New,monospace;font-weight:600}.rec-name,.rec-name-link{font-weight:500}.rec-name-link{color:#0078d4;text-decoration:none;transition:color .2s,-webkit-text-decoration .2s;transition:color .2s,text-decoration .2s;transition:color .2s,text-decoration .2s,-webkit-text-decoration .2s}.rec-name-link:hover{color:#106ebe;text-decoration:underline}.rec-name-link:visited{color:#5c2d91}.rec-key-subtitle{color:#8a8886;font-size:13px;margin-top:4px}.rec-key,.rec-key-subtitle{font-family:Courier New,monospace}.rec-key{color:#0078d4;font-size:12px}.rec-key-header{width:1%}.status-badge{text-align:center}.date-cell{color:#605e5c;font-size:13px;white-space:nowrap}.cloud-badge,.priority-badge,.status-badge{border-radius:2px;display:inline-block;font-size:12px;font-weight:600;padding:4px 8px;white-space:nowrap}.cloud-azure{background:#e1f5fe;color:#01579b}.cloud-aws{background:#fff3e0;color:#e65100}.cloud-gcp{background:#f3e5f5;color:#4a148c}.priority-high{background:#fde7e9;color:#a4262c}.priority-medium{background:#fff4ce;color:#8a8400}.priority-low{background:#e1f5fe;color:#004578}.status-portal{background:#dff6dd;color:#0b5a08}.status-onboarding{background:#fff4ce;color:#8a8400}.status-not-portal{background:#f3f2f1;color:#605e5c}.release-ga{background:#e1f5fe;color:#01579b}.release-preview{background:#f3e5f5;color:#6a1b9a}.error,.loading{font-size:16px;padding:40px;text-align:center}.error{color:#a4262c}.no-results{color:#605e5c;font-style:italic;padding:40px;text-align:center}@media (max-width:1200px){.filter-row{flex-direction:column}.filter-group,.reset-button{width:100%}}@media (max-width:768px){.recommendations-browser-page{padding:16px}.browser-header h1{font-size:24px}.recommendations-table{font-size:12px}.recommendations-table td,.recommendations-table th{padding:8px}}.validator-container{margin:0 auto;max-width:1200px;padding:20px}.validator-header{margin-bottom:30px}.validator-header h1{color:#323130;font-size:24px;font-weight:600;margin-bottom:10px}.validator-description{color:#605e5c;font-size:14px;margin:0}.drop-zone{background-color:#f3f2f1;border:2px dashed #0078d4;border-radius:8px;cursor:pointer;margin-bottom:20px;padding:40px;text-align:center;transition:all .2s ease}.drop-zone:hover{background-color:#e1dfdd;border-color:#106ebe}.drop-zone-active{background-color:#deecf9;border-color:#106ebe;border-style:solid}.drop-zone-content{align-items:center;display:flex;flex-direction:column;gap:10px}.drop-zone-icon{font-size:48px}.drop-zone-title{color:#0078d4;font-size:18px;font-weight:600}.drop-zone-subtitle{color:#605e5c;font-size:14px}.drop-zone-selected{color:#107c10;font-size:14px;font-weight:600;margin-top:10px}.validator-actions{display:flex;gap:10px;margin-bottom:20px}.btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background-color:#0078d4}.btn-primary:hover:not(:disabled){background-color:#106ebe}.btn-secondary{background-color:#edebe9}.btn-secondary:hover:not(:disabled){background-color:#e1dfdd}.validator-loading{align-items:center;background-color:#f3f2f1;border-radius:4px;display:flex;gap:10px;margin-bottom:20px;padding:15px}.spinner{border:3px solid #f3f2f1;height:20px;width:20px}.alert{border-radius:6px;font-size:16px;margin-bottom:20px;padding:20px}.alert-success{background-color:#dff6dd;border-left:4px solid #107c10;color:#107c10}.alert-error{background-color:#fde7e9;border-left:4px solid #d13438;color:#d13438}.disclaimer-text{border-top:1px solid #0000001a;color:inherit;font-size:14px;font-style:italic;font-weight:400;margin-top:12px;opacity:.8;padding-top:12px}.result-details,.validation-result{margin-top:20px}.result-table{background-color:#fff;border:1px solid #edebe9;border-collapse:collapse;border-radius:4px;overflow:hidden;width:100%}.result-table tbody tr{border-bottom:1px solid #edebe9}.result-table tbody tr:last-child{border-bottom:none}.result-table td{font-size:15px;padding:14px 18px}.result-label{background-color:#faf9f8;color:#323130;font-size:15px;font-weight:600;width:220px}.error-text{color:#d13438}.cluster-url,.error-text{font-family:Consolas,monospace}.cluster-url{font-size:12px;word-break:break-all}.query-section{background-color:#f3f2f1;border:1px solid #edebe9;border-radius:4px;margin-top:20px;padding:20px}.query-section h3{color:#323130;font-size:17px;font-weight:600;margin:0 0 15px}.query-code{background-color:#1e1e1e;border-radius:4px;color:#d4d4d4;font-family:Consolas,Monaco,Courier New,monospace;font-size:14px;line-height:1.6;margin:0;overflow-x:auto;padding:18px;white-space:pre-wrap;word-break:break-word}.errors-section,.warnings-section{border-radius:6px;margin-top:20px;padding:16px}.errors-section{background:#fff5f5;border:1px solid #feb2b2}.warnings-section{background:#fffbeb;border:1px solid #fde047}.errors-section h3{color:#c53030}.errors-section h3,.warnings-section h3{font-size:15px;font-weight:600;margin:0 0 12px}.warnings-section h3{color:#d97706}.error-list,.warning-list{list-style-type:disc;margin:0;padding-left:24px}.error-item{color:#9b2c2c}.error-item,.warning-item{font-size:14px;line-height:1.5;margin-bottom:8px}.warning-item{color:#92400e}.icm-cspm-page{margin:0 auto;max-width:1800px;padding:24px}.cspm-header{margin-bottom:32px}.cspm-header h1{color:#323130;font-size:28px;font-weight:600;margin:0 0 8px}.cspm-header p{color:#605e5c;font-size:14px;margin:0}.stats-container{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.stat-card{border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#fff;padding:24px;text-align:center;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:0 6px 16px #00000026;transform:translateY(-4px)}.stat-card.stat-main{flex:2 1}.stat-card.stat-active{background:linear-gradient(135deg,#d13438,#a4262c)}.stat-card.stat-mitigated{background:linear-gradient(135deg,#107c10,#0b6a0b)}.stat-card.stat-critical{background:linear-gradient(135deg,#c50f1f,#a80000)}.stat-card.stat-total{background:linear-gradient(135deg,#0078d4,#005a9e)}.stat-value{color:#fff;font-size:48px;margin-bottom:8px}.stat-card.stat-active .stat-value,.stat-card.stat-critical .stat-value,.stat-card.stat-mitigated .stat-value,.stat-card.stat-total .stat-value{color:#fff}.stat-label{color:#fff;font-size:18px;font-weight:600;opacity:1}.filters-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:24px;padding:20px}.queue-selector{border-bottom:1px solid #edebe9;margin-bottom:20px;padding-bottom:20px}.queue-selector-top{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:24px;padding:20px}.queue-selector label,.queue-selector-top label{color:#323130;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.queue-select{background:#fff;border:1px solid #d1d1d1;border-radius:4px;cursor:pointer;font-size:14px;max-width:400px;padding:10px 12px;transition:border-color .2s;width:100%}.queue-select:hover{border-color:#a19f9d}.queue-select:focus{border-color:#0078d4;box-shadow:0 0 0 1px #0078d4;outline:none}.queue-select:disabled{background-color:#f3f2f1;cursor:not-allowed;opacity:.6}.timeline-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:24px}.timeline-title{color:#323130;font-size:18px;font-weight:600;margin:0 0 8px}.timeline-subtitle{color:#605e5c;font-size:13px;font-style:italic;margin:0 0 16px}.timeline-graph{align-items:flex-end;background:linear-gradient(0deg,#f8f8f8 0,#fff);border-radius:4px;display:flex;gap:3px;height:200px;justify-content:space-between;padding:10px 0}.timeline-bar-wrapper{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%;position:relative}.timeline-bar{align-items:flex-start;background:linear-gradient(0deg,#0078d4,#106ebe);border-radius:3px 3px 0 0;box-shadow:0 -2px 4px #0078d433;cursor:pointer;display:flex;justify-content:center;min-height:4px;position:relative;transition:all .3s ease;width:100%}.timeline-bar:hover{background:linear-gradient(0deg,#005a9e,#004578);box-shadow:0 -4px 8px #0078d466;transform:scaleY(1.05)}.timeline-bar-current{background:linear-gradient(0deg,#c239b3,#9c27b0)!important;box-shadow:0 -2px 8px #c239b366}.timeline-bar-current:hover{background:linear-gradient(0deg,#a02894,#7b1fa2)!important;box-shadow:0 -4px 12px #c239b399}.bar-count{background:#0000004d;border-radius:2px;color:#fff;font-size:10px;font-weight:600;margin-top:4px;padding:2px 4px}.timeline-day-label{color:#605e5c;font-size:10px;font-weight:500;margin-top:4px}.timeline-loading{background:#fff;border-radius:8px;color:#605e5c;font-size:14px;margin-bottom:24px;padding:40px;text-align:center}.filters-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:2fr 1fr 1fr 1.5fr}.filter-group{flex-direction:column;position:relative}.filter-group label{color:#323130;font-size:13px;font-weight:600}.filter-group input{background:#fff;border:1px solid #d1d1d1;border-radius:4px;font-size:14px;padding:10px 12px;transition:border-color .2s}.filter-group input:focus{border-color:#0078d4;outline:none}.search-input{min-width:350px}.multi-select-dropdown{position:relative}.dropdown-button{align-items:center;background:#fff;border:1px solid #d1d1d1;border-radius:4px;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:10px 12px;text-align:left;transition:border-color .2s,background-color .2s;width:100%}.dropdown-button:hover{background:#f8f9fa;border-color:#0078d4}.dropdown-button:focus{border-color:#0078d4;outline:none}.dropdown-arrow{color:#605e5c;font-size:10px}.dropdown-menu{background:#fff;border:1px solid #d1d1d1;border-radius:4px;box-shadow:0 4px 8px #00000026;left:0;margin-top:4px;max-height:250px;overflow-y:auto;padding:8px;position:absolute;right:0;top:100%;z-index:1000}.dropdown-menu.scrollable{max-height:200px}.checkbox-label{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:8px;padding:6px 8px;transition:background-color .2s;-webkit-user-select:none;user-select:none}.checkbox-label:hover{background:#f3f2f1}.checkbox-label input[type=checkbox]{cursor:pointer;height:16px;margin:0;width:16px}.checkbox-label span{color:#323130;font-size:13px}.filter-actions{display:flex;gap:12px;justify-content:flex-end}.btn-primary,.btn-secondary{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.btn-primary{background:#0078d4;color:#fff}.btn-primary:hover{background:#106ebe}.btn-secondary{background:#fff;border:1px solid #d1d1d1;color:#323130}.btn-secondary:hover{background:#f3f2f1}.table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow-x:auto;padding:20px}.incidents-table{border-collapse:collapse;font-size:14px;width:100%}.incidents-table thead{background:#f8f9fa}.incidents-table th{border-bottom:2px solid #e1e1e1;color:#323130;cursor:pointer;font-weight:600;padding:12px 16px;text-align:left;-webkit-user-select:none;user-select:none;white-space:nowrap}.incidents-table th:hover{background:#f3f2f1}.incidents-table td{border-bottom:1px solid #f3f2f1;padding:12px 16px;vertical-align:middle}.incidents-table tbody tr:hover{background:#f8f9fa}.incidents-table td:nth-child(2),.incidents-table th:nth-child(2){width:180px}.incidents-table td:nth-child(3),.incidents-table th:nth-child(3){width:120px}.incidents-table td:nth-child(4),.incidents-table th:nth-child(4){width:100px}.incidents-table td:nth-child(5),.incidents-table th:nth-child(5){width:130px}.incidents-table td:nth-child(6),.incidents-table th:nth-child(6){width:100px}.incidents-table td:nth-child(7),.incidents-table th:nth-child(7){width:180px}.warning-icon{color:#ffb900;cursor:help;font-size:16px;margin-right:6px;position:relative;top:-3px;vertical-align:middle}.incident-link{color:#0078d4;font-weight:600;text-decoration:none;transition:color .2s}.incident-link:hover{color:#106ebe;text-decoration:underline}.title-cell{max-width:500px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.owner-cell{color:#323130;font-weight:500}.days-old-cell,.modified-cell{color:#605e5c;font-weight:600;text-align:center}.queue-cell{color:#323130}.status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase}.status-active{background:#fde7e9;color:#d13438}.status-mitigated{background:#dff6dd;color:#107c10}.status-unknown{background:#f3f2f1;color:#605e5c}.severity-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.severity-0{background:#442726;color:#fff}.severity-1{background:#c50f1f;color:#fff}.severity-2{background:#d13438;color:#fff}.severity-2-5{background:#f7630c;color:#fff}.severity-3{background:#fa4;color:#323130}.severity-4{background:#e1dfdd;color:#323130}.severity-unknown{background:#f3f2f1;color:#605e5c}.empty-state,.error-state,.loading-state{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:60px 20px;text-align:center}.loading-state{align-items:center;display:flex;flex-direction:column;gap:16px}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f2f1;border-radius:50%;border-top-color:#0078d4;height:40px;width:40px}.error-state p{color:#d13438;font-size:16px;margin-bottom:16px}.empty-state p{color:#605e5c;font-size:16px}@media (max-width:1400px){.filters-row{grid-template-columns:1fr}.search-input{min-width:100%}}@media (max-width:768px){.stats-container{grid-template-columns:1fr 1fr}}.grouped-incidents{display:flex;flex-direction:column;gap:24px}.manager-group{background:#fff;border:1px solid #e1e1e1;border-radius:8px;overflow:hidden}.manager-header{align-items:center;background:linear-gradient(135deg,#0078d4,#005a9e);color:#fff;display:flex;justify-content:space-between;padding:16px 20px}.manager-header h3{font-size:18px;font-weight:600;margin:0}.incident-count{background:#fff3;border-radius:12px;font-size:13px;font-weight:500;padding:4px 12px}.group-by-checkbox{align-items:center;cursor:pointer;display:flex;gap:8px;margin-right:auto;-webkit-user-select:none;user-select:none}.group-by-checkbox input[type=checkbox]{cursor:pointer}.group-by-checkbox input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.group-by-checkbox span{color:#323130;font-weight:500}.devops-agent-chat{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;display:flex;flex-direction:column;height:100%;max-height:80vh;min-height:500px;overflow:hidden}.chat-header{background:linear-gradient(135deg,#0078d4,#106ebe);color:#fff;justify-content:space-between;padding:16px 20px}.chat-header,.header-info{align-items:center;display:flex}.header-info{gap:12px}.header-icon{font-size:28px}.header-text h3{font-size:18px;font-weight:600;margin:0}.status-indicator{align-items:center;display:flex;font-size:12px;gap:4px}.status-indicator.online:before{animation:pulse 2s infinite;background:#00e676;border-radius:50%;content:"";display:inline-block;height:8px;width:8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.clear-button{background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background .2s}.clear-button:hover{background:#ffffff4d}.chat-messages{background:#f8f9fa;flex:1 1;gap:16px;overflow-y:auto;padding:20px}.chat-messages,.welcome-message{display:flex;flex-direction:column}.welcome-message{align-items:center;color:#5f6368;justify-content:center;padding:40px 20px;text-align:center}.welcome-icon{font-size:64px;margin-bottom:16px}.welcome-message h4{color:#202124;font-size:20px;margin:0 0 12px}.welcome-message p{line-height:1.5;margin:0 0 24px;max-width:400px}.quick-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.quick-action-button{background:#fff;border:1px solid #dadce0;border-radius:20px;color:#0078d4;cursor:pointer;font-size:14px;padding:10px 18px;transition:all .2s}.quick-action-button:hover:not(:disabled){background:#e8f0fe;border-color:#0078d4}.quick-action-button:disabled{cursor:not-allowed;opacity:.5}.chat-message{animation:fadeIn .3s ease-in;display:flex;gap:12px;max-width:85%}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message.user{align-self:flex-end;flex-direction:row-reverse}.chat-message.assistant{align-self:flex-start}.message-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:18px;height:36px;justify-content:center;width:36px}.chat-message.user .message-avatar{background:#0078d4}.chat-message.assistant .message-avatar{background:#e8f0fe}.message-content{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a;padding:12px 16px;position:relative}.chat-message.user .message-content{background:#0078d4;border-bottom-right-radius:4px;color:#fff}.chat-message.assistant .message-content{border-bottom-left-radius:4px}.message-content p{line-height:1.5;margin:0}.message-time{display:block;font-size:11px;margin-top:6px;opacity:.7}.markdown-content{line-height:1.6}.markdown-content p{margin:0 0 10px}.markdown-content p:last-child{margin-bottom:0}.markdown-content code{background:#f1f3f4;border-radius:4px;font-family:Consolas,Monaco,monospace;font-size:.9em;padding:2px 6px}.markdown-content pre{background:#1e1e1e;border-radius:8px;color:#d4d4d4;margin:10px 0;overflow-x:auto;padding:12px}.markdown-content pre code{background:none;color:inherit;padding:0}.markdown-content ol,.markdown-content ul{margin:10px 0;padding-left:20px}.markdown-content li{margin:4px 0}.markdown-content a{color:#0078d4;text-decoration:none}.markdown-content a:hover{text-decoration:underline}.markdown-content strong{font-weight:600}.cursor-blink{animation:blink 1s infinite;color:#0078d4}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.chat-error{align-items:center;background:#fef2f2;border-top:1px solid #fecaca;color:#dc2626;display:flex;justify-content:space-between;padding:12px 20px}.chat-error button{background:none;border:none;color:#dc2626;cursor:pointer;font-size:12px;padding:4px 8px}.chat-error button:hover{text-decoration:underline}.chat-input-form{background:#fff;border-top:1px solid #e0e0e0;display:flex;gap:12px;padding:16px 20px}.chat-input{border:1px solid #dadce0;border-radius:24px;flex:1 1;font-family:inherit;font-size:14px;line-height:1.4;max-height:150px;outline:none;padding:12px 20px;resize:none;transition:border-color .2s}.chat-input:focus{border-color:#0078d4}.chat-input:disabled{background:#f5f5f5}.chat-input::placeholder{color:#9aa0a6}.cancel-button,.send-button{align-items:center;border:none;border-radius:24px;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:12px 24px;transition:all .2s}.send-button{background:#0078d4;color:#fff}.send-button:hover:not(:disabled){background:#106ebe}.send-button:disabled{background:#dadce0;color:#9aa0a6;cursor:not-allowed}.cancel-button{background:#dc2626;color:#fff}.cancel-button:hover{background:#b91c1c}@media (max-width:768px){.devops-agent-chat{border-radius:0;max-height:100vh;min-height:100vh}.chat-message{max-width:95%}.quick-actions{flex-direction:column}.quick-action-button{width:100%}}.pipeline-page{background:#f5f5f5;margin:0 auto;max-width:1600px;min-height:100vh;padding:24px}.pipeline-header{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:12px;color:#fff;margin-bottom:24px;padding:24px}.pipeline-header h1{align-items:center;display:flex;font-size:28px;font-weight:600;gap:12px;margin:0 0 8px}.header-subtitle{color:#ffffffb3;font-size:14px;margin-bottom:16px}.summary-stats{display:flex;gap:24px;margin:16px 0}.stat-item{background:#ffffff1a;border-radius:8px;padding:12px 20px;text-align:center}.stat-item.pending{background:#ff980033;border:1px solid #ff980066}.stat-item.failed{background:#f4433633;border:1px solid #f4433666}.stat-value{display:block;font-size:24px;font-weight:700}.stat-label{color:#ffffffb3;display:block;font-size:12px;margin-top:4px}.header-actions{align-items:center;display:flex;gap:16px;margin-top:16px}.last-refresh{color:#fff9;font-size:13px}.refresh-button{background:#0078d4;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background .2s}.refresh-button:hover:not(:disabled){background:#106ebe}.refresh-button:disabled{cursor:not-allowed;opacity:.7}.filters-row{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;gap:20px;margin-bottom:16px;padding:12px 16px}.filter-group,.filters-row{align-items:center;display:flex}.filter-group{gap:8px}.filter-group label{color:#495057;font-size:14px;font-weight:500}.filter-select{background:#fff;border:1px solid #ced4da;border-radius:6px;color:#212529;cursor:pointer;font-size:14px;min-width:120px;padding:6px 12px}.filter-select:hover{border-color:#2196f3}.filter-select:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f333;outline:none}.filter-select.user-filter{max-width:250px;min-width:180px}.tab-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.tab-button{background:#fff;border:1px solid #ddd;border-radius:6px;color:#333;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.tab-button:hover{background:#f0f0f0}.tab-button.active{background:#0078d4;border-color:#0078d4;color:#fff}.pipeline-content{display:flex;flex-direction:column;gap:24px}.pipeline-category{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.category-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0;padding:16px 20px}.category-stats{font-size:14px;font-weight:400;opacity:.9}.pending-count{color:#ffeb3b}.failed-count{color:#ff8a80}.pipeline-table{padding:0}.table-header{background:#f8f9fa;border-bottom:2px solid #e0e0e0;color:#666;display:grid;font-size:13px;font-weight:600;grid-template-columns:250px 1fr;letter-spacing:.5px;padding:12px 20px;text-transform:uppercase}.col-pipeline{display:flex;flex-direction:column;gap:4px}.col-runs{display:flex;gap:8px;overflow-x:auto}.pipeline-row{align-items:center;border-bottom:1px solid #eee;display:grid;grid-template-columns:250px 1fr;padding:12px 20px;transition:background .2s}.pipeline-row:hover{background:#f8f9fa}.pipeline-row:last-child{border-bottom:none}.pipeline-name{color:#333;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pending-badge{background:#fff3e0;border-radius:4px;color:#e65100;display:inline-block;font-size:11px;font-weight:500;margin-top:4px;padding:2px 8px}.run-cell{background:#f8f9fa;border-radius:8px;flex-shrink:0;max-width:160px;min-width:140px;padding:10px 12px}.run-cell.empty{align-items:center;background:#f0f0f0;color:#999;display:flex;justify-content:center}.no-run{font-size:20px}.run-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.run-status{font-size:12px;font-weight:600}.run-link{font-size:14px;text-decoration:none}.run-link:hover{opacity:.8}.run-details{color:#666;display:flex;flex-direction:column;font-size:11px;gap:2px}.run-duration{color:#888}.stage-stats{align-items:center;display:flex;flex-wrap:wrap;font-size:11px;gap:6px;margin-top:6px}.stages-success{color:#4caf50;font-weight:500}.stages-failed{color:#f44336;font-weight:600}.stages-progress{color:#2196f3;font-weight:500}.stages-total{color:#666}.expand-failed-btn{background:#ffebee;border:1px solid #ffcdd2;border-radius:4px;color:#c62828;cursor:pointer;font-size:10px;font-weight:500;margin-top:6px;padding:4px 8px;transition:background .2s}.expand-failed-btn:hover{background:#ffcdd2}.failed-stages-list{background:#fff5f5;border:1px solid #ffcdd2;border-radius:6px;font-size:11px;margin-top:8px;padding:8px}.failed-stages-header{color:#c62828;font-weight:600;margin-bottom:6px}.failed-stage-item{align-items:center;border-bottom:1px solid #ffecec;display:flex;gap:6px;padding:4px 0}.failed-stage-item:last-child{border-bottom:none}.failed-stage-name{color:#c62828;flex:1 1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.failed-stage-link{font-size:12px;text-decoration:none}.failed-stage-link:hover{opacity:.7}.approval-button{background:linear-gradient(135deg,#ff9800,#f57c00);border-radius:4px;color:#fff;display:block;font-size:12px;font-weight:600;margin-top:8px;padding:6px 12px;text-align:center;text-decoration:none;transition:transform .2s,box-shadow .2s}.approval-button:hover{box-shadow:0 2px 8px #ff980066;transform:translateY(-1px)}.pipeline-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e0e0e0;border-radius:50%;border-top-color:#0078d4;height:48px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.loading-text{color:#333;font-size:18px;font-weight:600}.loading-subtext{color:#666;font-size:14px}.pipeline-error{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px;text-align:center}.error-icon{font-size:48px}.error-title{color:#333;font-size:20px;font-weight:600}.error-message{color:#666;font-size:14px;max-width:400px}.retry-button{background:#0078d4;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:background .2s}.retry-button:hover{background:#106ebe}.auto-refresh-info{color:#666;font-size:13px;margin-top:24px;padding:16px;text-align:center}.token-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.token-modal{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;max-width:500px;padding:32px;width:90%}.token-modal h2{color:#333;font-size:24px;margin:0 0 16px}.token-modal p{color:#666;font-size:14px;line-height:1.5;margin:0 0 12px}.token-hint{color:#888!important;font-size:13px!important}.token-hint a{color:#0078d4;text-decoration:none}.token-hint a:hover{text-decoration:underline}.token-error{background:#ffebee;border-radius:6px;color:#c62828;font-size:14px;margin:16px 0;padding:12px 16px}.token-input{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:15px;margin:16px 0;padding:14px 16px;transition:border-color .2s;width:100%}.token-input:focus{border-color:#0078d4;outline:none}.token-submit-btn{background:linear-gradient(135deg,#0078d4,#106ebe);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:14px 24px;transition:transform .2s,box-shadow .2s;width:100%}.token-submit-btn:hover:not(:disabled){box-shadow:0 4px 12px #0078d466;transform:translateY(-1px)}.token-submit-btn:disabled{cursor:not-allowed;opacity:.5}.token-security-note{color:#999!important;font-size:12px!important;margin-top:16px!important;text-align:center}.change-token-btn{background:#f5f5f5;border:1px solid #ddd;border-radius:6px;color:#333;cursor:pointer;font-size:14px;margin-top:8px;padding:10px 20px;transition:background .2s}.change-token-btn:hover{background:#e0e0e0}.change-token-btn-small{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:8px 12px;transition:background .2s}.change-token-btn-small:hover{background:#fff3}@media (max-width:1200px){.pipeline-row,.table-header{grid-template-columns:200px 1fr}}@media (max-width:900px){.pipeline-page{padding:16px}.summary-stats{flex-wrap:wrap}.pipeline-row,.table-header{gap:12px;grid-template-columns:1fr}.col-runs{flex-wrap:wrap}.run-cell{min-width:120px}}:root{--primary-color:#0078d4;--primary-dark:#005a9e;--secondary-color:#f0f0f0;--background-color:#fafafa;--text-color:#323130;--text-secondary:#605e5c;--border-color:#e1e1e1;--error-color:#d13438;--success-color:#107c10;--warning-color:#ffb900;--shadow:0 2px 4px #0000001a;--shadow-lg:0 4px 8px #00000026;--border-radius:4px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fafafa;background-color:var(--background-color);color:#323130;color:var(--text-color);font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}button{border:none;border-radius:4px;border-radius:var(--border-radius);cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}button:disabled{cursor:not-allowed;opacity:.6}.primary-button{background-color:#0078d4;background-color:var(--primary-color);color:#fff}.primary-button:hover:not(:disabled){background-color:#005a9e;background-color:var(--primary-dark)}.secondary-button{background-color:#f0f0f0;background-color:var(--secondary-color);color:#323130;color:var(--text-color)}.secondary-button:hover:not(:disabled){background-color:#e1e1e1;background-color:var(--border-color)}a{color:#0078d4;color:var(--primary-color);text-decoration:none}a:hover{text-decoration:underline}.error-message{background-color:#fce8e8;color:#d13438;color:var(--error-color)}.error-message,.success-message{border-radius:4px;border-radius:var(--border-radius);margin:16px 0;margin:var(--spacing-md) 0;padding:8px;padding:var(--spacing-sm)}.success-message{background-color:#e8f5e9;color:#107c10;color:var(--success-color)}.loading{color:#605e5c;color:var(--text-secondary);padding:32px;padding:var(--spacing-xl);text-align:center}
/*# sourceMappingURL=main.33c109b6.css.map*/