.layout{display:flex;min-height:100vh;max-width:100vw;overflow-x:hidden}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;transition:transform .3s ease}@media (max-width: 768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}}.sidebar-overlay{display:none}@media (max-width: 768px){.sidebar-overlay{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:99;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.sidebar-overlay.visible{opacity:1;visibility:visible}}.mobile-menu-btn{display:none;background:none;border:none;color:var(--text-primary);padding:8px;border-radius:8px;cursor:pointer}.mobile-menu-btn:hover{background:var(--bg-tertiary)}@media (max-width: 768px){.mobile-menu-btn{display:flex;align-items:center;justify-content:center}}.sidebar-header{padding:20px;border-bottom:1px solid var(--border-color)}.logo{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;color:var(--accent-blue)}.logo-subtitle{display:block;font-size:12px;color:var(--text-muted);margin-top:4px;margin-left:38px}.sidebar-nav{flex:1;padding:12px;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.nav-section{display:flex;flex-direction:column;gap:2px}.nav-section:not(:first-child){margin-top:8px;padding-top:8px;border-top:1px solid var(--border-color)}.nav-section-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:8px 16px 4px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;color:var(--text-secondary);font-size:14px;font-weight:500;transition:all .2s;background:transparent;border:none;width:100%;text-align:left}.nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-item.active{background:var(--accent-blue);color:#fff}.sidebar-footer{padding:12px;border-top:1px solid var(--border-color)}.main-content{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-width:0;max-width:100%;overflow-x:hidden}@media (max-width: 768px){.main-content{margin-left:0}}.top-bar{height:64px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:50;gap:12px}@media (max-width: 768px){.top-bar{padding:0 16px}}.search-container{flex:1;max-width:400px}.search-input{width:100%;padding:10px 16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{outline:none;border-color:var(--accent-blue)}.top-bar-actions{display:flex;align-items:center;gap:16px}.notification-btn{position:relative;background:transparent;border:none;color:var(--text-secondary);padding:8px;border-radius:8px;transition:all .2s}.notification-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.notification-badge{position:absolute;top:4px;right:4px;background:var(--accent-red);color:#fff;font-size:10px;font-weight:600;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}.user-avatar{width:36px;height:36px;border-radius:50%;background:var(--accent-purple);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}.content-area{flex:1;overflow-y:auto;overflow-x:hidden;min-width:0}@media (max-width: 768px){.content-area{padding-bottom:env(safe-area-inset-bottom)}}@media (max-height: 500px) and (orientation: landscape){.top-bar{height:48px;padding:0 12px}.search-input{padding:6px 12px}.user-avatar{width:32px;height:32px;font-size:12px}}.notification-wrapper{position:relative}.notification-dropdown{position:absolute;top:100%;right:0;width:360px;max-height:480px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 32px #0000004d;overflow:hidden;z-index:1000;margin-top:8px}.notification-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--border-color)}.notification-dropdown-header h3{margin:0;font-size:16px;font-weight:600}.mark-all-read{background:none;border:none;color:var(--accent-blue);font-size:13px;cursor:pointer}.mark-all-read:hover{text-decoration:underline}.notification-list{max-height:380px;overflow-y:auto}.notification-item{display:flex;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background .15s}.notification-item:hover{background:var(--bg-tertiary)}.notification-item.unread{background:#3b82f60d}.notification-item.unread:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent-blue)}.notif-icon{flex-shrink:0;margin-top:2px}.notif-icon.warning{color:var(--accent-yellow)}.notif-icon.error{color:var(--accent-red)}.notif-icon.success{color:var(--accent-green)}.notif-icon.info{color:var(--accent-blue)}.notification-content{flex:1;min-width:0}.notification-title{font-size:14px;font-weight:500;margin-bottom:4px}.notification-message{font-size:13px;color:var(--text-secondary);margin-bottom:6px}.notification-time{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-muted)}.notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;color:var(--text-muted)}.notification-empty svg{opacity:.3;margin-bottom:12px}.settings-modal{max-width:480px}.settings-section{margin-bottom:24px}.settings-section h3{font-size:14px;font-weight:600;color:var(--text-secondary);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border-color)}.setting-info{flex:1}.setting-label{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;margin-bottom:4px}.setting-description{font-size:12px;color:var(--text-muted)}.toggle-switch{position:relative;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:24px;transition:.2s}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:var(--text-muted);border-radius:50%;transition:.2s}.toggle-switch input:checked+.toggle-slider{background-color:var(--accent-blue);border-color:var(--accent-blue)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px);background-color:#fff}.integration-list{display:flex;flex-direction:column;gap:12px}.integration-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-tertiary);border-radius:8px}.integration-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.integration-icon.discord{background:#5865f2;color:#fff}.integration-icon.github{background:#24292e;color:#fff}.integration-icon.vanta{background:#1a1a2e;color:#fff}.integration-info{flex:1}.integration-name{font-size:14px;font-weight:500}.integration-status{font-size:12px}.integration-status.connected{color:var(--accent-green)}.integration-status.disconnected{color:var(--text-muted)}.about-info{padding:16px;background:var(--bg-tertiary);border-radius:8px}.about-info p{margin:4px 0;font-size:14px}.notification-item.clickable{cursor:pointer}.notification-item.clickable:hover{background:var(--bg-tertiary)}.notification-arrow{flex-shrink:0;color:var(--text-muted);opacity:0;transition:opacity .15s}.notification-item:hover .notification-arrow{opacity:1}@media (max-width: 480px){.notification-dropdown{width:calc(100vw - 32px);right:-16px}}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;position:relative;min-width:0;overflow:visible;transition:all .15s ease}.stat-card.clickable{cursor:pointer}.stat-card.clickable:hover{background:var(--bg-tertiary);border-color:var(--accent-blue);transform:translateY(-2px)}.stat-icon{width:48px;height:48px;min-width:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-content{display:flex;flex-direction:column;min-width:0;overflow:visible}.stat-value{font-size:24px;font-weight:700;word-break:break-word}.stat-label{font-size:14px;color:var(--text-secondary);word-break:break-word}.stat-trend{position:absolute;top:16px;right:16px;display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500}.stat-trend.up{color:var(--accent-green)}.stat-trend.down{color:var(--accent-red)}.stat-card .badge{position:absolute;bottom:12px;right:12px}.dashboard-main{margin-bottom:24px}.framework-list{display:flex;flex-direction:column;gap:20px}.framework-item{padding-bottom:20px;border-bottom:1px solid var(--border-color)}.framework-item:last-child{border-bottom:none;padding-bottom:0}.framework-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.framework-name{font-weight:600;font-size:15px}.framework-score{font-weight:700;font-size:16px}.framework-score.green{color:var(--accent-green)}.framework-score.yellow{color:var(--accent-yellow)}.framework-score.red{color:var(--accent-red)}.framework-details{display:flex;gap:16px;margin-top:8px;font-size:13px}.framework-details .passing{color:var(--accent-green);display:flex;align-items:center;gap:4px}.framework-details .failing{color:var(--accent-red);display:flex;align-items:center;gap:4px}.incident-item{padding:16px;background:var(--bg-tertiary);border-radius:8px}.incident-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.incident-time{font-size:12px;color:var(--text-muted)}.incident-title{font-size:14px;font-weight:600;margin-bottom:4px}.incident-description{font-size:13px;color:var(--text-secondary);margin-bottom:8px}.incident-meta{display:flex;gap:12px;font-size:12px;color:var(--text-muted)}.incident-framework{background:var(--bg-secondary);padding:2px 8px;border-radius:4px}.incident-status{text-transform:capitalize}.activity-card .card-title{display:flex;align-items:center;gap:8px}.activity-list{display:flex;flex-direction:column}.activity-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border-color)}.activity-item:last-child{border-bottom:none}.activity-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.activity-dot.success{background:var(--accent-green)}.activity-dot.error{background:var(--accent-red)}.activity-dot.warning{background:var(--accent-yellow)}.activity-dot.info{background:var(--accent-blue)}.activity-content{flex:1;display:flex;gap:8px;font-size:14px}.activity-action{color:var(--text-secondary)}.activity-target{font-weight:500}.activity-time{font-size:12px;color:var(--text-muted)}@media (max-width: 1024px){.dashboard-main{flex-direction:column}}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card{padding:16px}.stat-icon{width:40px;height:40px}.stat-value{font-size:20px}.stat-label{font-size:13px}.framework-details{flex-wrap:wrap}.incident-header{flex-direction:column;align-items:flex-start;gap:4px}.incident-meta{flex-wrap:wrap;gap:8px}.activity-content{flex-direction:column;gap:2px}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}.stat-card{padding:14px}.stat-trend{position:static;margin-top:8px}}.page-header{display:flex;justify-content:space-between;align-items:flex-start}.header-content h1{margin-bottom:4px}.control-stats{display:flex;gap:24px;margin-bottom:24px;padding:16px 20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px}.control-stat{display:flex;align-items:center;gap:8px;min-width:0;overflow:visible}.control-stat-value{font-size:20px;font-weight:700}.control-stat-label{font-size:14px;color:var(--text-secondary)}.control-stat.passing{color:var(--accent-green)}.control-stat.failing{color:var(--accent-red)}.control-stat.warning{color:var(--accent-yellow)}.controls-toolbar{display:flex;gap:16px;margin-bottom:24px}.search-box{flex:1;display:flex;align-items:center;gap:12px;padding:0 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-muted)}.search-box input{flex:1;padding:12px 0;background:transparent;border:none;color:var(--text-primary);font-size:14px}.search-box input:focus{outline:none}.filter-group{display:flex;gap:12px}.filter-select{padding:10px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;cursor:pointer}.controls-list{display:grid;gap:16px}.control-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px;transition:border-color .2s}.control-card:hover{border-color:var(--accent-blue)}.control-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.control-id-section{display:flex;align-items:center;gap:10px}.status-icon.passing{color:var(--accent-green)}.status-icon.failing{color:var(--accent-red)}.status-icon.warning{color:var(--accent-yellow)}.status-icon.muted{color:var(--text-muted)}.control-id{font-family:SF Mono,Menlo,monospace;font-size:13px;color:var(--text-secondary)}.control-framework{padding:4px 10px;background:var(--bg-tertiary);border-radius:6px;font-size:12px;font-weight:600;color:var(--accent-blue)}.control-name{font-size:16px;font-weight:600;margin-bottom:8px}.control-description{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:12px}.control-notes{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#eab3081a;border-radius:6px;font-size:13px;color:var(--accent-yellow);margin-bottom:12px}.control-meta{display:flex;gap:20px;margin-bottom:12px;font-size:13px;color:var(--text-muted)}.control-meta-item{display:flex;align-items:center;gap:6px}.control-products{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.product-tag{padding:4px 10px;background:var(--bg-tertiary);border-radius:4px;font-size:12px;color:var(--text-secondary);text-transform:capitalize}.product-tag.more{background:var(--accent-blue);color:#fff}.control-action{display:flex;align-items:center;gap:6px;padding:8px 0;background:transparent;border:none;color:var(--accent-blue);font-size:14px;font-weight:500;transition:gap .2s}.control-action:hover{gap:10px}@media (max-width: 1024px){.controls-toolbar{flex-direction:column;gap:12px}.search-box{width:100%}.filter-group{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.filter-select{width:100%}}@media (max-width: 768px){.page-header{flex-direction:column;align-items:flex-start;gap:16px}.control-stats{flex-wrap:wrap;gap:12px;padding:12px 16px}.control-stat{min-width:calc(50% - 6px);flex-direction:column;align-items:flex-start;gap:4px}.control-stat-value{font-size:18px}.control-stat-label{font-size:12px}.control-card{padding:16px}.control-header{flex-direction:column;align-items:flex-start;gap:8px}.control-meta{flex-wrap:wrap;gap:12px}.control-products{gap:6px}}@media (max-width: 480px){.control-stats{flex-direction:column}.control-stat{width:100%;flex-direction:row;justify-content:space-between;align-items:center}.filter-group{grid-template-columns:1fr}.control-id-section{flex-wrap:wrap;gap:6px}}.evidence-stats{display:flex;gap:16px;margin-bottom:24px}.evidence-stat{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;color:var(--accent-green);min-width:0;overflow:visible}.evidence-stat.warning{color:var(--accent-yellow)}.evidence-stat.caution{color:var(--accent-orange)}.evidence-stat.danger{color:var(--accent-red)}.evidence-stat-content{display:flex;flex-direction:column}.evidence-stat-value{font-size:20px;font-weight:700;color:inherit}.evidence-stat-label{font-size:13px;color:var(--text-secondary)}.evidence-toolbar{display:flex;gap:16px;margin-bottom:24px}.evidence-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.evidence-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px;display:flex;flex-direction:column;transition:border-color .2s}.evidence-card:hover{border-color:var(--accent-blue)}.evidence-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.evidence-type-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:8px;color:var(--text-secondary)}.evidence-name{font-size:15px;font-weight:600;margin-bottom:6px}.evidence-description{font-size:13px;color:var(--text-secondary);margin-bottom:12px;line-height:1.5}.evidence-control{display:flex;gap:8px;align-items:center;padding:8px 10px;background:var(--bg-tertiary);border-radius:6px;margin-bottom:12px;font-size:12px}.evidence-control-id{font-family:SF Mono,Menlo,monospace;color:var(--accent-blue)}.evidence-control-name{color:var(--text-secondary)}.evidence-meta{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;font-size:13px;color:var(--text-muted)}.evidence-meta-item{display:flex;align-items:center;gap:6px}.evidence-meta-item.warning{color:var(--accent-orange)}.evidence-actions{display:flex;gap:8px;margin-top:auto;padding-top:12px;border-top:1px solid var(--border-color)}.evidence-action-btn{padding:8px;background:var(--bg-tertiary);border:none;border-radius:6px;color:var(--text-secondary);transition:all .2s}.evidence-action-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.evidence-action-btn.danger:hover{background:#ef444426;color:var(--accent-red)}@media (max-width: 1024px){.evidence-toolbar{flex-direction:column;gap:12px}.evidence-toolbar .search-box{width:100%}.evidence-toolbar .filter-group{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.evidence-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width: 768px){.evidence-stats{flex-wrap:wrap;gap:12px}.evidence-stat{flex:1;min-width:calc(50% - 6px);padding:12px 16px}.evidence-stat-value{font-size:18px}.evidence-stat-label{font-size:12px}.evidence-grid{grid-template-columns:1fr}.evidence-card{padding:16px}.evidence-card-header{flex-direction:column;align-items:flex-start;gap:8px}.evidence-control{flex-wrap:wrap;gap:6px}.evidence-actions{flex-wrap:wrap}}@media (max-width: 480px){.evidence-stats{flex-direction:column}.evidence-stat{width:100%}.evidence-toolbar .filter-group{grid-template-columns:1fr}}.incident-stats{display:flex;gap:16px;margin-bottom:24px}.incident-stat{display:flex;align-items:center;gap:10px;padding:16px 20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;min-width:0;overflow:visible}.incident-stat.open{color:var(--accent-yellow)}.incident-stat.critical{color:var(--accent-red)}.incident-stat.resolved{color:var(--accent-green)}.incident-stat-value{font-size:20px;font-weight:700}.incident-stat-label{font-size:13px;color:var(--text-secondary)}.incidents-toolbar{display:flex;gap:16px;margin-bottom:24px}.incidents-list{display:flex;flex-direction:column;gap:16px}.incident-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px;border-left:4px solid var(--border-color)}.incident-card.critical{border-left-color:var(--accent-purple)}.incident-card.error{border-left-color:var(--accent-red)}.incident-card.warning{border-left-color:var(--accent-yellow)}.incident-card.info{border-left-color:var(--accent-blue)}.incident-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.incident-severity-section{display:flex;align-items:center;gap:10px}.severity-icon.critical{color:var(--accent-purple)}.severity-icon.error{color:var(--accent-red)}.severity-icon.warning{color:var(--accent-yellow)}.incident-status{padding:4px 10px;border-radius:4px;font-size:12px;font-weight:500;text-transform:capitalize}.status-open{background:#eab30826;color:var(--accent-yellow)}.status-acknowledged{background:#3b82f626;color:var(--accent-blue)}.status-progress{background:#a855f726;color:var(--accent-purple)}.status-resolved{background:#22c55e26;color:var(--accent-green)}.incident-created{font-size:12px;color:var(--text-muted)}.incident-title{font-size:16px;font-weight:600;margin-bottom:8px}.incident-description{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:12px}.incident-control{display:flex;gap:10px;align-items:center;padding:10px 12px;background:var(--bg-tertiary);border-radius:6px;margin-bottom:12px;font-size:13px}.incident-control-id{font-family:SF Mono,Menlo,monospace;color:var(--accent-blue)}.incident-control-name{color:var(--text-secondary)}.incident-framework{margin-left:auto;padding:2px 8px;background:var(--bg-secondary);border-radius:4px;font-size:11px;font-weight:600;color:var(--accent-blue)}.incident-meta{display:flex;gap:20px;margin-bottom:12px;font-size:13px;color:var(--text-muted)}.incident-meta-item{display:flex;align-items:center;gap:6px}.incident-meta-item.urgent{color:var(--accent-red);font-weight:500}.incident-products{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.incident-actions{display:flex;gap:12px;padding-top:12px;border-top:1px solid var(--border-color)}@media (max-width: 1024px){.incident-stats{flex-wrap:wrap}.incident-stat{flex:1;min-width:140px}}@media (max-width: 768px){.incident-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.incident-stat{padding:12px 16px}.incident-stat-value{font-size:18px}.incident-stat-label{font-size:12px}.incidents-toolbar{flex-direction:column;gap:12px}.incidents-toolbar .search-box{width:100%}.incidents-toolbar .filter-group{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.incidents-toolbar .filter-select{width:100%}.incident-card{padding:16px}.incident-card-header{flex-direction:column;align-items:flex-start;gap:8px}.incident-meta{flex-wrap:wrap;gap:12px}.incident-actions{flex-wrap:wrap}.incident-actions .btn{flex:1;min-width:100px;justify-content:center}}@media (max-width: 480px){.incident-stats,.incidents-toolbar .filter-group{grid-template-columns:1fr}}.portfolio-overview{display:flex;gap:16px;margin-bottom:24px}.portfolio-stat{display:flex;align-items:center;gap:16px;padding:20px 24px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-secondary);min-width:0;overflow:visible}.portfolio-stat.main{flex:1.5;color:var(--accent-blue)}.portfolio-stat-content{display:flex;flex-direction:column}.portfolio-score{font-size:32px;font-weight:700}.portfolio-score.green{color:var(--accent-green)}.portfolio-score.yellow{color:var(--accent-yellow)}.portfolio-score.red{color:var(--accent-red)}.portfolio-stat-value{font-size:24px;font-weight:700;color:var(--text-primary)}.portfolio-stat-label{font-size:13px;color:var(--text-secondary)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:20px}.product-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px;display:flex;flex-direction:column;transition:border-color .2s}.product-card:hover{border-color:var(--accent-blue)}.product-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.product-info{display:flex;flex-direction:column;gap:8px}.product-name{font-size:18px;font-weight:600}.product-badges{display:flex;gap:8px}.product-status{padding:4px 10px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.status-live{background:#22c55e26;color:var(--accent-green)}.status-beta{background:#3b82f626;color:var(--accent-blue)}.status-alpha{background:#eab30826;color:var(--accent-yellow)}.status-dev{background:var(--bg-tertiary);color:var(--text-muted)}.product-sensitivity{padding:4px 10px;border-radius:4px;font-size:11px;font-weight:500;text-transform:capitalize}.sensitivity-critical{background:#a855f726;color:var(--accent-purple)}.sensitivity-high{background:#ef444426;color:var(--accent-red)}.sensitivity-medium{background:#eab30826;color:var(--accent-yellow)}.sensitivity-low{background:#22c55e26;color:var(--accent-green)}.product-score{font-size:28px;font-weight:700}.product-score.green{color:var(--accent-green)}.product-score.yellow{color:var(--accent-yellow)}.product-score.red{color:var(--accent-red)}.product-progress{margin-bottom:16px}.progress-label{display:block;margin-top:8px;font-size:13px;color:var(--text-muted)}.product-frameworks{display:flex;gap:8px;margin-bottom:16px}.product-details{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;font-size:13px;color:var(--text-muted)}.product-detail{display:flex;align-items:center;gap:8px}.product-detail.warning{color:var(--accent-orange)}.product-action{margin-top:auto;width:100%;justify-content:center}@media (max-width: 1024px){.portfolio-overview{flex-wrap:wrap}.portfolio-stat{min-width:calc(50% - 8px)}.portfolio-stat.main{flex:1 1 100%}.products-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width: 768px){.portfolio-overview{flex-direction:column;gap:12px}.portfolio-stat{width:100%;padding:16px 20px}.portfolio-score{font-size:28px}.portfolio-stat-value{font-size:20px}.portfolio-stat-label{font-size:12px}.products-grid{grid-template-columns:1fr;gap:16px}.product-card{padding:16px}.product-card-header{flex-direction:column;align-items:flex-start;gap:12px}.product-info{width:100%}.product-score{font-size:24px}.product-badges{flex-wrap:wrap}.product-frameworks{flex-wrap:wrap;gap:6px}}@media (max-width: 480px){.portfolio-stat{flex-direction:column;align-items:flex-start;gap:8px;padding:14px 16px}.product-name{font-size:16px}}.product-score-section{text-align:center;padding:24px;background:var(--bg-tertiary);border-radius:12px;margin-bottom:20px}.product-score-large{font-size:48px;font-weight:700}.product-score-large.green{color:var(--accent-green)}.product-score-large.yellow{color:var(--accent-yellow)}.product-score-large.red{color:var(--accent-red)}.product-score-label{font-size:14px;color:var(--text-secondary);margin-top:4px}.product-infrastructure{display:flex;flex-wrap:wrap;gap:8px}.infra-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-tertiary);border-radius:6px;font-size:13px;color:var(--text-secondary)}.text-warning{color:var(--accent-orange);font-weight:600}.reports-stats{display:flex;gap:16px;margin-bottom:24px}.report-stat{flex:1;display:flex;align-items:center;gap:16px;padding:20px 24px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;min-width:0;overflow:visible}.report-stat .stat-icon{padding:12px;border-radius:10px;flex-shrink:0}.report-stat .stat-icon.green{background:#22c55e26;color:var(--accent-green)}.report-stat .stat-icon.yellow{background:#eab30826;color:var(--accent-yellow)}.report-stat .stat-icon.blue{background:#3b82f626;color:var(--accent-blue)}.report-stat-content{display:flex;flex-direction:column}.report-stat-value{font-size:24px;font-weight:700}.report-stat-label{font-size:13px;color:var(--text-secondary)}.charts-section{margin-bottom:24px}.chart-card{height:320px}.period-select{padding:6px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:13px}.chart-container{height:calc(100% - 60px);display:flex;align-items:flex-end;padding-top:20px}.bar-chart{display:flex;justify-content:space-around;align-items:flex-end;width:100%;height:100%;gap:12px}.chart-bar-wrapper{display:flex;flex-direction:column;align-items:center;height:100%;flex:1}.chart-bar{width:100%;max-width:48px;border-radius:6px 6px 0 0;display:flex;align-items:flex-start;justify-content:center;padding-top:8px;transition:height .3s ease}.chart-bar.green{background:var(--accent-green)}.chart-bar.yellow{background:var(--accent-yellow)}.bar-value{font-size:12px;font-weight:600;color:#fff}.bar-label{margin-top:8px;font-size:12px;color:var(--text-muted)}.reports-library{margin-bottom:24px}.report-name-cell{display:flex;align-items:center;gap:12px;color:var(--text-secondary)}.report-name-cell span{color:var(--text-primary)}.report-type{text-transform:capitalize;font-size:13px}.framework-badge{padding:4px 10px;background:var(--bg-tertiary);border-radius:4px;font-size:12px;font-weight:600;color:var(--accent-blue)}.text-muted{color:var(--text-muted)}.generating{display:flex;align-items:center;gap:6px;color:var(--accent-yellow);font-size:13px}.scheduled-reports{display:flex;flex-direction:column}.scheduled-item{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--border-color)}.scheduled-item:last-child{border-bottom:none}.scheduled-info{display:flex;align-items:center;gap:16px;color:var(--text-secondary)}.scheduled-details{display:flex;flex-direction:column;gap:2px}.scheduled-name{font-weight:500;color:var(--text-primary)}.scheduled-schedule{font-size:13px;color:var(--text-muted)}.scheduled-next{font-size:13px;color:var(--text-secondary);background:var(--bg-tertiary);padding:4px 10px;border-radius:4px}.audit-summary{display:flex;gap:24px;padding:16px 0}.audit-stat{display:flex;flex-direction:column;align-items:center;flex:1;padding:16px;background:var(--bg-tertiary);border-radius:8px}.audit-stat-value{font-size:28px;font-weight:700;color:var(--text-primary)}.audit-stat-label{font-size:12px;color:var(--text-secondary);margin-top:4px}@media (max-width: 1024px){.reports-stats{flex-wrap:wrap}.report-stat{min-width:calc(50% - 8px);flex:1}.charts-section{flex-direction:column}.chart-card{width:100%}}@media (max-width: 768px){.reports-stats{flex-direction:column;gap:12px}.report-stat{width:100%;padding:16px 20px;min-width:0}.report-stat .stat-icon{width:40px;height:40px;padding:8px}.report-stat-value{font-size:20px}.report-stat-label{font-size:12px}.chart-card{height:280px}.bar-chart{gap:8px}.chart-bar{max-width:36px}.bar-label{font-size:10px}.scheduled-item{flex-direction:column;align-items:flex-start;gap:12px}.scheduled-info{width:100%}.scheduled-next{margin-left:0}.audit-summary{flex-wrap:wrap;gap:12px}.audit-stat{min-width:calc(50% - 6px);padding:12px}.audit-stat-value{font-size:24px}.reports-library table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.reports-library th,.reports-library td{padding:10px 8px;font-size:13px}}@media (max-width: 480px){.report-stat{flex-direction:column;align-items:flex-start;gap:8px;padding:14px 16px}.report-stat .stat-icon{width:36px;height:36px;padding:6px}.report-stat-value{font-size:18px}.report-stat-label{font-size:11px}.audit-summary{flex-direction:column}.audit-stat{width:100%;padding:10px}.audit-stat-value{font-size:20px}.audit-stat-label{font-size:11px}.chart-card{height:220px;padding:16px}.chart-container{height:calc(100% - 50px)}.bar-value{font-size:10px}.bar-label{font-size:9px}.card-header{flex-direction:column;align-items:flex-start;gap:8px}.period-select{width:100%}}.last-refresh{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted)}.integration-grid{margin-bottom:24px}.integration-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px;transition:all .2s ease}.integration-card:hover{border-color:var(--text-muted)}.integration-card.disabled{opacity:.6}.integration-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.integration-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.integration-icon.blue{background:#3b82f626;color:var(--accent-blue)}.integration-icon.purple{background:#8b5cf626;color:#8b5cf6}.integration-icon.green{background:#22c55e26;color:var(--accent-green)}.integration-name{font-size:18px;font-weight:600;margin-bottom:4px}.integration-description{font-size:13px;color:var(--text-secondary);margin-bottom:16px}.integration-stats{display:flex;gap:24px;padding-top:16px;border-top:1px solid var(--border-color)}.integration-stat{display:flex;flex-direction:column}.integration-stat .stat-number{font-size:20px;font-weight:700}.integration-stat .stat-number.healthy{color:var(--accent-green)}.integration-stat .stat-number.warning{color:var(--accent-yellow)}.integration-stat .stat-label{font-size:12px;color:var(--text-muted)}.integration-message{font-size:12px;color:var(--text-muted);font-style:italic;margin-top:8px}.stat-icon.red{background:#ef444426;color:var(--accent-red)}.stat-card .btn-sm{position:absolute;bottom:12px;right:12px}.insights-main{margin-bottom:24px}.projects-list{display:flex;flex-direction:column;gap:20px}.provider-section{padding-bottom:16px;border-bottom:1px solid var(--border-color)}.provider-section:last-child{border-bottom:none;padding-bottom:0}.provider-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:var(--text-secondary)}.provider-name{font-weight:600;color:var(--text-primary)}.provider-message{font-size:12px;color:var(--text-muted);font-style:italic}.project-items{display:flex;flex-direction:column;gap:8px}.project-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg-tertiary);border-radius:8px;font-size:14px}.project-name{flex:1;font-weight:500}.project-status{font-size:12px;padding:2px 8px;border-radius:4px;background:var(--bg-secondary)}.project-status.status-healthy{color:var(--accent-green)}.project-status.status-error{color:var(--accent-red)}.project-status.status-sleeping{color:var(--accent-blue)}.project-status.status-building{color:var(--accent-yellow)}.project-link{color:var(--text-muted);padding:4px;border-radius:4px;transition:color .2s ease}.project-link:hover{color:var(--accent-blue)}.projects-more,.errors-more{font-size:13px;color:var(--text-muted);padding:8px 12px;text-align:center}.no-projects{font-size:13px;color:var(--text-muted);font-style:italic;padding:8px 0}.status-healthy{color:var(--accent-green)}.status-error{color:var(--accent-red)}.status-sleeping{color:var(--accent-blue)}.status-building{color:var(--accent-yellow);animation:spin 2s linear infinite}.status-unknown{color:var(--text-muted)}.scan-progress{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--text-secondary)}.scan-progress p{margin-top:16px;font-size:15px}.scan-note{font-size:13px!important;color:var(--text-muted)!important;margin-top:8px!important}.scan-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.scan-placeholder h3{font-size:16px;margin-bottom:8px}.scan-placeholder p{font-size:14px;color:var(--text-secondary);margin-bottom:4px}.scan-info{font-size:12px!important;color:var(--text-muted)!important;margin-top:12px!important}.scan-results{display:flex;flex-direction:column;gap:16px}.scan-summary{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-tertiary);border-radius:8px}.scan-total{display:flex;align-items:center;gap:8px;font-weight:600}.scan-total.healthy{color:var(--accent-green)}.scan-total.errors{color:var(--accent-red)}.scan-time{font-size:12px;color:var(--text-muted)}.scan-services{display:flex;flex-direction:column;gap:16px}.scan-service{padding-bottom:16px;border-bottom:1px solid var(--border-color)}.scan-service:last-child{border-bottom:none;padding-bottom:0}.scan-service-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.service-name{font-weight:600;flex:1}.scan-service-message{font-size:12px;color:var(--text-muted);font-style:italic;margin-top:8px}.error-list{display:flex;flex-direction:column;gap:8px}.error-item{padding:12px;background:var(--bg-tertiary);border-radius:8px;border-left:3px solid var(--border-color)}.error-item.error-critical{border-left-color:var(--accent-red);background:#ef44440d}.error-item.error-error{border-left-color:#f97316;background:#f973160d}.error-item.error-warning{border-left-color:var(--accent-yellow);background:#eab3080d}.error-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.error-level{font-size:11px;font-weight:600;text-transform:uppercase;padding:2px 6px;border-radius:3px}.error-level.critical{background:#ef444433;color:var(--accent-red)}.error-level.error{background:#f9731633;color:#f97316}.error-level.warning{background:#eab30833;color:var(--accent-yellow)}.error-time{font-size:11px;color:var(--text-muted)}.error-service{font-size:12px;font-weight:500;color:var(--text-secondary);margin-bottom:4px}.error-message{font-size:13px;color:var(--text-primary);word-break:break-word}.notifications-sent{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#3b82f61a;border-radius:8px;font-size:13px;color:var(--accent-blue)}.insights-info{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.info-section h4{display:flex;align-items:center;gap:8px;font-size:15px;margin-bottom:12px;color:var(--text-primary)}.loading-placeholder{display:flex;align-items:center;justify-content:center;padding:48px;color:var(--text-muted)}.btn-sm{padding:6px 12px;font-size:13px}@media (max-width: 1024px){.insights-info,.integration-grid{grid-template-columns:1fr}}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.header-actions{flex-direction:column;align-items:flex-end;gap:8px}}.header-actions{display:flex;align-items:center;gap:16px}.last-sync{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted)}.error-banner{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:var(--accent-red);margin-bottom:24px;font-size:14px}.stats-grid{margin-bottom:24px}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;position:relative}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-icon.blue{background:#3b82f626;color:var(--accent-blue)}.stat-icon.purple{background:#8b5cf626;color:#8b5cf6}.stat-icon.green{background:#22c55e26;color:var(--accent-green)}.stat-icon.yellow{background:#eab30826;color:var(--accent-yellow)}.stat-content{display:flex;flex-direction:column;flex:1}.stat-value{font-size:24px;font-weight:700}.stat-label{font-size:14px;color:var(--text-secondary)}.stat-card .badge{position:absolute;top:12px;right:12px}.provider-grid{margin-bottom:24px}.provider-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px;transition:all .2s ease}.provider-card:hover{border-color:var(--text-muted)}.provider-card.disabled{opacity:.6}.provider-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.provider-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.provider-icon.blue{background:#3b82f626;color:var(--accent-blue)}.provider-icon.purple{background:#8b5cf626;color:#8b5cf6}.provider-icon.green{background:#22c55e26;color:var(--accent-green)}.provider-icon.cyan{background:#06b6d426;color:#06b6d4}.provider-icon.orange{background:#f9731626;color:#f97316}.provider-icon.gray{background:#6b728026;color:#6b7280}.provider-icon.yellow{background:#eab30826;color:var(--accent-yellow)}.provider-icon.coral{background:#ff7f5026;color:coral}.provider-icon.teal{background:#14b8a626;color:#14b8a6}.provider-name{font-size:18px;font-weight:600;margin-bottom:4px}.provider-details{display:flex;gap:8px;margin-bottom:16px;font-size:13px;color:var(--text-secondary)}.provider-plan{padding:2px 8px;background:var(--bg-tertiary);border-radius:4px}.provider-account{color:var(--text-muted)}.provider-stats{display:flex;gap:24px;padding-top:16px;border-top:1px solid var(--border-color)}.provider-stat{display:flex;flex-direction:column}.provider-stat .stat-number{font-size:18px;font-weight:700}.provider-stat .stat-label{font-size:12px;color:var(--text-muted)}.cmdb-main{margin-bottom:24px}.resources-card{min-height:400px}.resource-filters{display:flex;gap:8px}.filter-select{padding:6px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:13px;cursor:pointer}.filter-select:focus{outline:none;border-color:var(--accent-blue)}.resources-table{overflow-x:auto}.resources-table table{width:100%;border-collapse:collapse}.resources-table th,.resources-table td{padding:12px;text-align:left;border-bottom:1px solid var(--border-color)}.resources-table th{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.resources-table td{font-size:14px}.resources-table tbody tr:hover{background:var(--bg-tertiary)}.resource-name{font-weight:500}.resource-type{color:var(--text-secondary);font-size:13px;text-transform:capitalize}.provider-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500}.provider-badge.blue{background:#3b82f626;color:var(--accent-blue)}.provider-badge.purple{background:#8b5cf626;color:#8b5cf6}.provider-badge.green{background:#22c55e26;color:var(--accent-green)}.provider-badge.cyan{background:#06b6d426;color:#06b6d4}.provider-badge.orange{background:#f9731626;color:#f97316}.provider-badge.gray{background:#6b728026;color:#6b7280}.provider-badge.yellow{background:#eab30826;color:var(--accent-yellow)}.provider-badge.coral{background:#ff7f5026;color:coral}.provider-badge.teal{background:#14b8a626;color:#14b8a6}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500}.status-badge.status-error{background:#ef444426;color:var(--accent-red)}.status-badge.status-sleeping{background:#3b82f626;color:var(--accent-blue)}.status-badge.status-provisioning{background:#eab30826;color:var(--accent-yellow)}.status-badge.status-inactive,.status-badge.status-unknown{background:#6b728026;color:var(--text-muted)}.env-badge{display:inline-block;padding:2px 8px;background:var(--bg-tertiary);border-radius:4px;font-size:12px;text-transform:capitalize}.product-badge{display:inline-block;padding:2px 8px;background:#8b5cf626;color:#8b5cf6;border-radius:4px;font-size:12px}.unassigned{color:var(--text-muted);font-style:italic;font-size:13px}.resource-link{color:var(--text-muted);padding:4px;border-radius:4px;transition:color .2s ease}.resource-link:hover{color:var(--accent-blue)}.table-footer{padding:12px;text-align:center;font-size:13px;color:var(--text-muted);border-top:1px solid var(--border-color)}.cost-card{min-height:400px}.cost-list{display:flex;flex-direction:column;gap:16px}.cost-item{padding:12px;background:var(--bg-tertiary);border-radius:8px}.cost-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.cost-product{font-weight:500}.cost-amount{font-weight:600;color:var(--accent-green)}.cost-bar-container{height:6px;background:var(--bg-secondary);border-radius:3px;overflow:hidden;margin-bottom:8px}.cost-bar{height:100%;border-radius:3px;transition:width .3s ease}.cost-bar.normal{background:var(--accent-green)}.cost-bar.warning{background:var(--accent-yellow)}.cost-bar.over{background:var(--accent-red)}.cost-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--text-muted)}.provider-costs{margin-top:24px;padding-top:16px;border-top:1px solid var(--border-color)}.provider-costs h3{font-size:14px;font-weight:600;margin-bottom:12px}.provider-cost-list{display:flex;flex-direction:column;gap:8px}.provider-cost-item{display:flex;justify-content:space-between;align-items:center}.provider-cost-amount{font-weight:500}.products-card{margin-bottom:24px}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.product-item{padding:16px;background:var(--bg-tertiary);border-radius:8px;border:1px solid var(--border-color)}.product-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.product-name{font-size:15px;font-weight:600;margin:0}.product-item .status-badge{font-size:11px}.status-badge.status-active{background:#22c55e26;color:var(--accent-green)}.status-badge.status-beta{background:#3b82f626;color:var(--accent-blue)}.status-badge.status-alpha{background:#eab30826;color:var(--accent-yellow)}.status-badge.status-deprecated{background:#6b728026;color:var(--text-muted)}.product-description{font-size:13px;color:var(--text-secondary);margin-bottom:12px;line-height:1.4}.product-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px}.meta-item{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-muted)}.product-cost-center{font-size:11px;color:var(--text-muted);padding-top:8px;border-top:1px solid var(--border-color);margin-top:8px}.info-card{margin-bottom:24px}.finops-info{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.info-section h4{font-size:15px;margin-bottom:12px;color:var(--text-primary)}.info-section ul{list-style:none;padding:0;margin:0}.info-section li{font-size:13px;color:var(--text-secondary);padding:4px 0 4px 20px;position:relative}.info-section li:before{content:"•";position:absolute;left:6px;color:var(--accent-green)}.loading-placeholder,.empty-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;text-align:center;color:var(--text-muted)}.empty-placeholder.small{padding:32px}.placeholder-icon{color:var(--text-muted);margin-bottom:16px}.empty-placeholder h3{font-size:16px;margin-bottom:8px;color:var(--text-primary)}.empty-placeholder p{font-size:14px;margin-bottom:4px}.empty-placeholder .hint{font-size:12px;color:var(--text-muted)}@media (max-width: 1024px){.finops-info,.provider-grid{grid-template-columns:1fr}}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{padding:16px}.stat-icon{width:40px;height:40px}.stat-value{font-size:20px}.stat-label{font-size:13px}.header-actions{flex-direction:column;align-items:stretch;gap:8px;width:100%}.header-actions .btn{justify-content:center}.resource-filters{flex-wrap:wrap}.filter-select{flex:1;min-width:120px}.products-grid{grid-template-columns:1fr}.provider-card{padding:16px}.provider-stats{gap:16px}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr;gap:10px}.stat-card{padding:14px}.stat-icon{width:36px;height:36px}.stat-value{font-size:18px}.stat-label{font-size:12px}.resource-filters{flex-direction:column}.filter-select{width:100%}.provider-name{font-size:16px}.provider-stats{flex-wrap:wrap;gap:12px}.provider-stat{min-width:calc(50% - 6px)}.finops-info{gap:16px}.info-section h4{font-size:14px}.info-section li{font-size:12px}}.resource-row:hover{background:var(--bg-tertiary)}.product-item.clickable{cursor:pointer;transition:border-color .15s,background-color .15s}.product-item.clickable:hover{border-color:var(--accent-blue);background:var(--bg-tertiary)}.resource-list-mini{display:flex;flex-direction:column;gap:8px;margin-top:12px}.resource-mini-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--bg-tertiary);border-radius:6px;font-size:13px}.resource-mini-item span:nth-child(2){flex:1;color:var(--text-primary)}.resource-mini-more{text-align:center;padding:8px;color:var(--text-muted);font-size:12px}.security-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}@media (max-width: 1200px){.security-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.security-stats{grid-template-columns:1fr}}.security-stat{background:var(--card-bg, #1e1e2e);border:1px solid var(--border-color, #313244);border-radius:8px;padding:1.25rem;display:flex;align-items:center;gap:1rem;min-width:0;overflow:visible}.security-stat-icon{width:48px;height:48px;min-width:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.security-stat-icon.critical{background:#f38ba826;color:#f38ba8}.security-stat-icon.high{background:#fab38726;color:#fab387}.security-stat-icon.medium{background:#f9e2af26;color:#f9e2af}.security-stat-icon.repos{background:#89b4fa26;color:#89b4fa}.security-stat-content{flex:1;min-width:0;overflow:visible}.security-stat-value{font-size:1.75rem;font-weight:700;color:var(--text-primary, #cdd6f4);line-height:1;word-break:break-word}.security-stat-label{font-size:.875rem;color:var(--text-secondary, #a6adc8);margin-top:.25rem;word-break:break-word}.security-tabs{display:flex;gap:.5rem;margin-bottom:1rem;border-bottom:1px solid var(--border-color, #313244);padding-bottom:.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.security-tabs::-webkit-scrollbar{display:none}@media (max-width: 600px){.security-tabs{gap:.25rem;margin-left:-1rem;margin-right:-1rem;padding-left:1rem;padding-right:1rem}}.security-tab{padding:.5rem 1rem;background:none;border:none;border-radius:6px;color:var(--text-secondary, #a6adc8);cursor:pointer;font-size:.875rem;display:flex;align-items:center;gap:.5rem;transition:all .2s}.security-tab:hover{background:var(--hover-bg, rgba(255, 255, 255, .05));color:var(--text-primary, #cdd6f4)}.security-tab.active{background:var(--primary-color, #89b4fa);color:var(--bg-primary, #1e1e2e)}.security-tab .count{background:#0003;padding:.125rem .5rem;border-radius:999px;font-size:.75rem}.security-tab.active .count{background:#0000004d}@media (max-width: 600px){.security-tab{padding:.5rem .75rem;font-size:.8rem;white-space:nowrap;flex-shrink:0}}.vulnerability-list{display:flex;flex-direction:column;gap:.75rem}.vulnerability-item{background:var(--card-bg, #1e1e2e);border:1px solid var(--border-color, #313244);border-radius:8px;padding:1rem;transition:border-color .2s}.vulnerability-item:hover{border-color:var(--border-hover, #45475a)}.vulnerability-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.5rem}@media (max-width: 600px){.vulnerability-header{flex-direction:column;gap:.5rem}}.vulnerability-title{font-weight:600;color:var(--text-primary, #cdd6f4);font-size:.95rem}.vulnerability-id{font-family:monospace;font-size:.8rem;color:var(--text-secondary, #a6adc8);background:var(--bg-secondary, #181825);padding:.125rem .5rem;border-radius:4px}.vulnerability-meta{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.8rem;color:var(--text-secondary, #a6adc8)}.vulnerability-meta span{display:flex;align-items:center;gap:.25rem}.vulnerability-package{font-family:monospace;color:var(--primary-color, #89b4fa)}.vulnerability-description{font-size:.85rem;color:var(--text-secondary, #a6adc8);margin-top:.5rem;line-height:1.5}.severity-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.severity-badge.critical{background:#f38ba826;color:#f38ba8}.severity-badge.high{background:#fab38726;color:#fab387}.severity-badge.medium{background:#f9e2af26;color:#f9e2af}.severity-badge.low{background:#a6e3a126;color:#a6e3a1}.repo-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1rem}@media (max-width: 600px){.repo-list{grid-template-columns:1fr}}.repo-card{background:var(--card-bg, #1e1e2e);border:1px solid var(--border-color, #313244);border-radius:8px;padding:1rem}.repo-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.repo-card-icon{width:40px;height:40px;border-radius:8px;background:var(--bg-secondary, #181825);display:flex;align-items:center;justify-content:center;color:var(--text-secondary, #a6adc8)}.repo-card-name{font-weight:600;color:var(--text-primary, #cdd6f4)}.repo-card-owner{font-size:.8rem;color:var(--text-secondary, #a6adc8)}.repo-card-stats{display:flex;gap:1rem;padding-top:.75rem;border-top:1px solid var(--border-color, #313244)}.repo-stat{display:flex;flex-direction:column;align-items:center;flex:1}.repo-stat-value{font-size:1.25rem;font-weight:600}.repo-stat-value.critical{color:#f38ba8}.repo-stat-value.high{color:#fab387}.repo-stat-value.total{color:var(--text-primary, #cdd6f4)}.repo-stat-label{font-size:.7rem;color:var(--text-secondary, #a6adc8);text-transform:uppercase}.repo-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-color, #313244)}.repo-last-scan{font-size:.75rem;color:var(--text-secondary, #a6adc8)}.repo-scan-btn{padding:.375rem .75rem;font-size:.8rem;background:var(--primary-color, #89b4fa);color:var(--bg-primary, #1e1e2e);border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:.375rem;transition:opacity .2s}.repo-scan-btn:hover{opacity:.9}.repo-scan-btn:disabled{opacity:.5;cursor:not-allowed}.security-empty{text-align:center;padding:3rem;color:var(--text-secondary, #a6adc8)}.security-empty-icon{margin-bottom:1rem;opacity:.5}.security-empty h3{color:var(--text-primary, #cdd6f4);margin-bottom:.5rem}.security-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem}@media (max-width: 600px){.security-actions{flex-direction:column;align-items:stretch}}.security-filters{display:flex;gap:.5rem;flex-wrap:wrap}.filter-select{padding:.5rem .75rem;background:var(--bg-secondary, #181825);border:1px solid var(--border-color, #313244);border-radius:6px;color:var(--text-primary, #cdd6f4);font-size:.875rem}.scan-all-btn{padding:.5rem 1rem;background:var(--primary-color, #89b4fa);color:var(--bg-primary, #1e1e2e);border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.5rem;transition:opacity .2s}.scan-all-btn:hover{opacity:.9}.scan-all-btn:disabled{opacity:.5;cursor:not-allowed}.secret-item{background:var(--card-bg, #1e1e2e);border:1px solid var(--border-color, #313244);border-radius:8px;padding:1rem;display:flex;align-items:center;gap:1rem}.secret-icon{width:40px;height:40px;border-radius:8px;background:#f38ba826;color:#f38ba8;display:flex;align-items:center;justify-content:center}.secret-content{flex:1}.secret-type{font-weight:600;color:var(--text-primary, #cdd6f4)}.secret-repo{font-size:.8rem;color:var(--text-secondary, #a6adc8);font-family:monospace}.secret-link{color:var(--primary-color, #89b4fa);text-decoration:none;font-size:.85rem}.secret-link:hover{text-decoration:underline}.security-loading{display:flex;align-items:center;justify-content:center;padding:3rem;color:var(--text-secondary, #a6adc8)}@media (max-width: 480px){.security-stats{grid-template-columns:1fr;gap:.75rem}.security-stat{padding:.875rem}.security-stat-icon{width:36px;height:36px;min-width:36px;flex-shrink:0}.security-stat-icon svg{width:18px;height:18px}.security-stat-value{font-size:1.25rem}.security-stat-label{font-size:.7rem}.security-tabs{gap:.125rem;margin-left:-.75rem;margin-right:-.75rem;padding-left:.75rem;padding-right:.75rem}.security-tab{padding:.375rem .5rem;font-size:.75rem}.security-tab .count{padding:.125rem .375rem;font-size:.65rem}.security-actions{flex-direction:column;gap:.5rem}.security-filters{width:100%}.filter-select{width:100%;padding:.5rem .75rem;font-size:.8rem}.scan-all-btn{width:100%;justify-content:center;padding:.5rem 1rem;font-size:.8rem}.vulnerability-item{padding:.75rem}.vulnerability-header{flex-direction:column;gap:.5rem}.vulnerability-title{font-size:.85rem}.vulnerability-meta{font-size:.7rem;gap:.5rem}.vulnerability-description{font-size:.75rem}.severity-badge{font-size:.65rem;padding:.125rem .375rem}.vulnerability-id{font-size:.7rem;padding:.125rem .375rem}.repo-list{grid-template-columns:1fr}.repo-card{padding:.75rem}.repo-card-name{font-size:.9rem}.repo-card-owner{font-size:.7rem}.repo-stat-value{font-size:1rem}.repo-stat-label{font-size:.6rem}.repo-card-footer{flex-direction:column;gap:.5rem;align-items:stretch}.repo-scan-btn{justify-content:center}.security-empty{padding:2rem 1rem}.security-empty-icon svg{width:36px;height:36px}.security-empty h3{font-size:.9rem}.security-empty p{font-size:.8rem}.secret-item{flex-direction:column;align-items:flex-start;gap:.5rem;padding:.75rem}.secret-icon{width:32px;height:32px}.secret-type{font-size:.85rem}.secret-repo{font-size:.7rem}.secret-link{font-size:.75rem}}@media (max-height: 500px) and (orientation: landscape){.security-stats{grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:1rem}.security-stat{padding:.75rem;flex-direction:column;align-items:flex-start;gap:.5rem}.security-stat-icon{width:32px;height:32px}.security-stat-value{font-size:1.25rem}.security-stat-label{font-size:.7rem}.security-tabs{margin-bottom:.5rem}.security-tab{padding:.375rem .75rem;font-size:.75rem}.security-actions{margin-bottom:.5rem}}.vulnerability-item.clickable{cursor:pointer;transition:border-color .15s,background-color .15s}.vulnerability-item.clickable:hover{border-color:var(--accent-blue);background:#3b82f60d}.vuln-ids{display:flex;gap:12px;align-items:center;margin-bottom:20px}.vuln-id-badge{padding:4px 10px;background:var(--bg-tertiary);border-radius:4px;font-size:12px;font-family:monospace;color:var(--text-secondary)}.vuln-cvss{padding:4px 10px;background:#ef444426;border-radius:4px;font-size:12px;font-weight:600;color:var(--accent-red)}.vuln-fix-section{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:8px;margin:20px 0}.vuln-fix-section .fix-icon{color:var(--accent-green);flex-shrink:0}.vuln-fix-section strong{color:var(--accent-green);display:block;margin-bottom:4px}.vuln-fix-section p{color:var(--text-secondary);margin:0;font-size:14px}.repos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem}.repos-description{color:var(--text-secondary, #a6adc8);margin:0;flex:1}@media (max-width: 600px){.repos-header{flex-direction:column;align-items:stretch}.repos-header .btn{width:100%;justify-content:center}}.sync-info{background:var(--bg-tertiary, #11111b);border:1px solid var(--border-color, #313244);border-radius:8px;padding:1rem;margin:1rem 0}.sync-info p{margin:0 0 .5rem;color:var(--text-primary, #cdd6f4);font-weight:500}.sync-info ul{margin:0;padding-left:1.25rem;color:var(--text-secondary, #a6adc8)}.sync-info li{margin:.25rem 0;font-size:.875rem}.drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000;display:flex;justify-content:flex-end}.drawer{width:400px;max-width:90vw;background:var(--bg-primary, #1e1e2e);border-left:1px solid var(--border-color, #313244);display:flex;flex-direction:column;animation:slideIn .2s ease-out}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color, #313244)}.drawer-header h2{margin:0;font-size:1.1rem}.drawer-actions{display:flex;gap:.5rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color, #313244)}.drawer-actions .btn{flex:1;justify-content:center}.drawer-body{flex:1;overflow-y:auto;padding:.5rem 0}.drawer-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:var(--text-secondary, #a6adc8);text-align:center}.drawer-empty p{margin:.5rem 0 0}.drawer-empty .hint{font-size:.8rem;opacity:.7}.repo-list-compact{display:flex;flex-direction:column}.repo-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;border-bottom:1px solid var(--border-color, #313244)}.repo-item:hover{background:var(--bg-secondary, #181825)}.repo-item-info{display:flex;align-items:center;gap:.5rem;color:var(--text-primary, #cdd6f4);font-size:.875rem;min-width:0}.repo-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.repo-item-actions{display:flex;align-items:center;gap:.5rem}.repo-item-scan{font-size:.75rem;color:var(--text-secondary, #a6adc8);white-space:nowrap}.btn-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:4px;color:var(--text-secondary, #a6adc8);cursor:pointer;transition:all .15s}.btn-icon:hover{background:var(--bg-tertiary, #11111b);color:var(--text-primary, #cdd6f4)}.btn-icon.danger:hover{background:#f38ba826;color:#f38ba8}.ops-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}@media (max-width: 1200px){.ops-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.ops-stats{grid-template-columns:1fr}}.ops-stat{background:var(--card-bg, #1e1e2e);border:1px solid var(--border-color, #313244);border-radius:8px;padding:1.25rem;display:flex;align-items:center;gap:1rem;min-width:0;overflow:visible}.ops-stat-icon{width:48px;height:48px;min-width:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ops-stat-icon.success{background:#a6e3a126;color:#a6e3a1}.ops-stat-icon.error{background:#f38ba826;color:#f38ba8}.ops-stat-icon.warning{background:#f9e2af26;color:#f9e2af}.ops-stat-icon.info{background:#89b4fa26;color:#89b4fa}.ops-stat-content{flex:1;min-width:0;overflow:visible}.ops-stat-value{font-size:1.75rem;font-weight:700;color:var(--text-primary, #cdd6f4);line-height:1;word-break:break-word}.ops-stat-label{font-size:.875rem;color:var(--text-secondary, #a6adc8);margin-top:.25rem;word-break:break-word}.ops-tabs{display:flex;gap:.5rem;margin-bottom:1rem;border-bottom:1px solid var(--border-color, #313244);padding-bottom:.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.ops-tabs::-webkit-scrollbar{display:none}@media (max-width: 600px){.ops-tabs{gap:.25rem;margin-left:-1rem;margin-right:-1rem;padding-left:1rem;padding-right:1rem}}.ops-tab{padding:.5rem 1rem;background:none;border:none;border-radius:6px;color:var(--text-secondary, #a6adc8);cursor:pointer;font-size:.875rem;display:flex;align-items:center;gap:.5rem;transition:all .2s}.ops-tab:hover{background:var(--hover-bg, rgba(255, 255, 255, .05));color:var(--text-primary, #cdd6f4)}.ops-tab.active{background:var(--primary-color, #89b4fa);color:var(--bg-primary, #1e1e2e)}.ops-tab .count{background:#0003;padding:.125rem .5rem;border-radius:999px;font-size:.75rem}@media (max-width: 600px){.ops-tab{padding:.5rem .75rem;font-size:.8rem;white-space:nowrap;flex-shrink:0}}.deployments-list{display:flex;flex-direction:column;gap:.75rem}.deployment-item{background:var(--card-bg, #1e1e2e);border:1px solid var(--border-color, #313244);border-radius:8px;padding:1rem;transition:border-color .2s}.deployment-item:hover{border-color:var(--border-hover, #45475a)}.deployment-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.5rem}@media (max-width: 600px){.deployment-header{flex-direction:column;gap:.5rem}}.deployment-title{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.deployment-project{font-weight:600;color:var(--text-primary, #cdd6f4)}.deployment-env{font-size:.75rem;padding:.125rem .5rem;background:var(--bg-secondary, #181825);border-radius:4px;color:var(--text-secondary, #a6adc8)}.deployment-env.production{background:#a6e3a126;color:#a6e3a1}.deployment-env.staging{background:#f9e2af26;color:#f9e2af}.deployment-env.preview{background:#89b4fa26;color:#89b4fa}.deployment-meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:.8rem;color:var(--text-secondary, #a6adc8)}.deployment-meta span{display:flex;align-items:center;gap:.25rem}.deployment-commit{font-family:monospace;color:var(--primary-color, #89b4fa)}.deployment-message{font-size:.85rem;color:var(--text-secondary, #a6adc8);margin-top:.5rem;font-style:italic}.status-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:.25rem}.status-badge.ready,.status-badge.active,.status-badge.healthy,.status-badge.up{background:#a6e3a126;color:#a6e3a1}.status-badge.building,.status-badge.deploying,.status-badge.queued{background:#89b4fa26;color:#89b4fa}.status-badge.error,.status-badge.failed,.status-badge.crashed,.status-badge.down{background:#f38ba826;color:#f38ba8}.status-badge.canceled,.status-badge.sleeping{background:#a6adc826;color:#a6adc8}.status-badge.degraded{background:#f9e2af26;color:#f9e2af}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.provider-badge{padding:.25rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase}.provider-badge.vercel{background:#ffffff1a;color:#fff}.provider-badge.railway{background:#9333ea26;color:#a855f7}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}@media (max-width: 600px){.services-grid{grid-template-columns:1fr}}.service-card{background:var(--card-bg, #1e1e2e);border:1px solid var(--border-color, #313244);border-radius:8px;padding:1rem}.service-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.service-name{font-weight:600;color:var(--text-primary, #cdd6f4)}.service-details{display:flex;flex-direction:column;gap:.5rem;font-size:.85rem;color:var(--text-secondary, #a6adc8)}.service-detail{display:flex;align-items:center;gap:.5rem}.service-url{color:var(--primary-color, #89b4fa);text-decoration:none;word-break:break-all}.service-url:hover{text-decoration:underline}.incidents-list{display:flex;flex-direction:column;gap:.75rem}.incident-item{background:var(--card-bg, #1e1e2e);border:1px solid var(--border-color, #313244);border-radius:8px;padding:1rem}.incident-item.critical{border-left:3px solid #f38ba8}.incident-item.error{border-left:3px solid #fab387}.incident-item.warning{border-left:3px solid #f9e2af}.incident-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.5rem}@media (max-width: 600px){.incident-header{flex-direction:column;gap:.5rem}}.incident-title{font-weight:600;color:var(--text-primary, #cdd6f4)}.incident-description{font-size:.85rem;color:var(--text-secondary, #a6adc8);margin-bottom:.5rem}.incident-meta{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.8rem;color:var(--text-secondary, #a6adc8)}.incident-systems{display:flex;gap:.25rem;flex-wrap:wrap;margin-top:.5rem}.incident-system-tag{padding:.125rem .375rem;background:var(--bg-secondary, #181825);border-radius:4px;font-size:.7rem;font-family:monospace}.uptime-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}@media (max-width: 600px){.uptime-grid{grid-template-columns:1fr}}.uptime-card{background:var(--card-bg, #1e1e2e);border:1px solid var(--border-color, #313244);border-radius:8px;padding:1rem}.uptime-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.uptime-name{font-weight:600;color:var(--text-primary, #cdd6f4)}.uptime-details{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-secondary, #a6adc8);margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-color, #313244)}.uptime-stat{display:flex;flex-direction:column;align-items:center}.uptime-stat-value{font-size:1.1rem;font-weight:600;color:var(--text-primary, #cdd6f4)}.uptime-stat-value.good{color:#a6e3a1}.uptime-stat-value.warning{color:#f9e2af}.uptime-stat-value.bad{color:#f38ba8}.uptime-stat-label{font-size:.7rem;text-transform:uppercase}.ops-empty{text-align:center;padding:3rem;color:var(--text-secondary, #a6adc8)}.ops-empty-icon{margin-bottom:1rem;opacity:.5}.ops-empty h3{color:var(--text-primary, #cdd6f4);margin-bottom:.5rem}.ops-loading{display:flex;align-items:center;justify-content:center;padding:3rem;color:var(--text-secondary, #a6adc8)}.spinning{animation:spin 1s linear infinite}@media (max-width: 480px){.ops-stats{grid-template-columns:1fr;gap:.75rem}.ops-stat{padding:.875rem}.ops-stat-icon{width:36px;height:36px;min-width:36px;flex-shrink:0}.ops-stat-icon svg{width:18px;height:18px}.ops-stat-value{font-size:1.25rem}.ops-stat-label{font-size:.7rem}.ops-tabs{gap:.125rem;margin-left:-.75rem;margin-right:-.75rem;padding-left:.75rem;padding-right:.75rem}.ops-tab{padding:.375rem .5rem;font-size:.75rem}.ops-tab .count{padding:.125rem .375rem;font-size:.65rem}.deployment-item{padding:.75rem}.deployment-header{flex-direction:column;gap:.5rem;align-items:flex-start}.deployment-project{font-size:.9rem}.deployment-env{font-size:.65rem}.deployment-meta{gap:.375rem;font-size:.7rem}.deployment-commit{font-size:.7rem}.deployment-message{font-size:.75rem}.status-badge{font-size:.65rem;padding:.125rem .375rem}.provider-badge{font-size:.6rem}.service-card{padding:.75rem}.service-name{font-size:.9rem}.service-details{font-size:.75rem}.service-url{font-size:.7rem}.incident-item{padding:.75rem}.incident-title{font-size:.9rem}.incident-description{font-size:.75rem}.incident-meta{font-size:.7rem;gap:.5rem}.incident-system-tag{font-size:.6rem}.uptime-card{padding:.75rem}.uptime-name{font-size:.9rem}.uptime-stat-value{font-size:.95rem}.uptime-stat-label{font-size:.6rem}.ops-empty{padding:2rem 1rem}.ops-empty h3{font-size:.9rem}.ops-empty p{font-size:.8rem}}@media (max-height: 500px) and (orientation: landscape){.ops-stats{grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:1rem}.ops-stat{padding:.75rem;flex-direction:column;align-items:flex-start;gap:.5rem}.ops-stat-icon{width:32px;height:32px}.ops-stat-value{font-size:1.25rem}.ops-stat-label{font-size:.7rem}.ops-tabs{margin-bottom:.5rem}.ops-tab{padding:.375rem .75rem;font-size:.75rem}}.deployment-item.clickable,.service-card.clickable{cursor:pointer;transition:border-color .15s,background-color .15s}.deployment-item.clickable:hover{border-color:var(--accent-blue);background:#3b82f60d}.service-card.clickable:hover{border-color:var(--accent-blue)}.deployment-detail-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.btn-warning{background:#eab30826;color:var(--accent-yellow);border:1px solid rgba(234,179,8,.3)}.btn-warning:hover:not(:disabled){background:#eab30840}.btn-danger{background:#ef444426;color:var(--accent-red);border:1px solid rgba(239,68,68,.3)}.btn-danger:hover:not(:disabled){background:#ef444440}.mono{font-family:monospace;font-size:12px}.finops-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}@media (max-width: 1200px){.finops-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.finops-stats{grid-template-columns:1fr}}.finops-stat{background:var(--card-bg, #1e1e2e);border:1px solid var(--border-color, #313244);border-radius:8px;padding:1.25rem;display:flex;align-items:center;gap:1rem;min-width:0;overflow:visible}.finops-stat-icon{width:48px;height:48px;min-width:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.finops-stat-icon.total{background:#a6e3a126;color:#a6e3a1}.finops-stat-icon.ai{background:#cba6f726;color:#cba6f7}.finops-stat-icon.infra{background:#89b4fa26;color:#89b4fa}.finops-stat-icon.budget{background:#f9e2af26;color:#f9e2af}.finops-stat-content{flex:1;min-width:0;overflow:visible}.finops-stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary, #cdd6f4);line-height:1;word-break:break-word}.finops-stat-label{font-size:.875rem;color:var(--text-secondary, #a6adc8);margin-top:.25rem;word-break:break-word}.finops-stat-trend{font-size:.75rem;padding:.125rem .375rem;border-radius:4px;margin-top:.25rem;display:inline-block}.finops-stat-trend.up{background:#f38ba826;color:#f38ba8}.finops-stat-trend.down{background:#a6e3a126;color:#a6e3a1}.finops-tabs{display:flex;gap:.5rem;margin-bottom:1rem;border-bottom:1px solid var(--border-color, #313244);padding-bottom:.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.finops-tabs::-webkit-scrollbar{display:none}@media (max-width: 600px){.finops-tabs{gap:.25rem;margin-left:-1rem;margin-right:-1rem;padding-left:1rem;padding-right:1rem}}.finops-tab{padding:.5rem 1rem;background:none;border:none;border-radius:6px;color:var(--text-secondary, #a6adc8);cursor:pointer;font-size:.875rem;display:flex;align-items:center;gap:.5rem;transition:all .2s}.finops-tab:hover{background:var(--hover-bg, rgba(255, 255, 255, .05));color:var(--text-primary, #cdd6f4)}.finops-tab.active{background:var(--primary-color, #89b4fa);color:var(--bg-primary, #1e1e2e)}@media (max-width: 600px){.finops-tab{padding:.5rem .75rem;font-size:.8rem;white-space:nowrap;flex-shrink:0}}.cost-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}@media (max-width: 900px){.cost-grid{grid-template-columns:1fr}}.cost-card{background:var(--card-bg, #1e1e2e);border:1px solid var(--border-color, #313244);border-radius:8px;padding:1.25rem}.cost-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color, #313244)}.cost-card-title{font-weight:600;color:var(--text-primary, #cdd6f4);display:flex;align-items:center;gap:.5rem}.cost-card-total{font-size:1.25rem;font-weight:700;color:var(--text-primary, #cdd6f4)}.provider-list{display:flex;flex-direction:column;gap:.75rem}.provider-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:var(--bg-secondary, #181825);border-radius:6px}.provider-info{display:flex;align-items:center;gap:.75rem}.provider-icon{width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem}.provider-icon.anthropic{background:#d9770626;color:#d97706}.provider-icon.openai{background:#10b98126;color:#10b981}.provider-icon.vercel{background:#ffffff1a;color:#fff}.provider-icon.railway{background:#9333ea26;color:#a855f7}.provider-icon.supabase{background:#3ecf8e26;color:#3ecf8e}.provider-icon.neon{background:#00e59926;color:#00e599}.provider-name{font-weight:500;color:var(--text-primary, #cdd6f4)}.provider-details{font-size:.75rem;color:var(--text-secondary, #a6adc8)}.provider-cost{font-weight:600;color:var(--text-primary, #cdd6f4)}.model-list{display:flex;flex-direction:column;gap:.5rem}.model-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border-color, #313244)}.model-item:last-child{border-bottom:none}.model-name{font-family:monospace;font-size:.85rem;color:var(--text-primary, #cdd6f4)}.model-stats{display:flex;gap:1rem;font-size:.8rem;color:var(--text-secondary, #a6adc8)}.model-cost{font-weight:600;color:var(--text-primary, #cdd6f4)}.budget-progress{margin-top:1rem}.budget-bar{height:8px;background:var(--bg-secondary, #181825);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.budget-bar-fill{height:100%;border-radius:4px;transition:width .3s ease}.budget-bar-fill.safe{background:#a6e3a1}.budget-bar-fill.warning{background:#f9e2af}.budget-bar-fill.danger{background:#f38ba8}.budget-labels{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-secondary, #a6adc8)}.product-costs-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.product-costs-table{width:100%;border-collapse:collapse;min-width:500px}.product-costs-table th,.product-costs-table td{padding:.75rem;text-align:left;border-bottom:1px solid var(--border-color, #313244)}@media (max-width: 600px){.product-costs-table th,.product-costs-table td{padding:.5rem;font-size:.8rem}}.product-costs-table th{font-weight:600;color:var(--text-secondary, #a6adc8);font-size:.8rem;text-transform:uppercase}.product-costs-table td{color:var(--text-primary, #cdd6f4)}.product-costs-table tr:hover td{background:var(--hover-bg, rgba(255, 255, 255, .02))}.product-name{font-weight:500}.cost-cell{font-family:monospace}.alerts-list{display:flex;flex-direction:column;gap:.75rem}.alert-item{background:var(--card-bg, #1e1e2e);border:1px solid var(--border-color, #313244);border-radius:8px;padding:1rem;display:flex;align-items:flex-start;gap:1rem}@media (max-width: 600px){.alert-item{padding:.75rem;gap:.75rem}}.alert-item.warning{border-left:3px solid #f9e2af}.alert-item.critical{border-left:3px solid #f38ba8}.alert-item.info{border-left:3px solid #89b4fa}.alert-icon{width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center}.alert-icon.warning{background:#f9e2af26;color:#f9e2af}.alert-icon.critical{background:#f38ba826;color:#f38ba8}.alert-icon.info{background:#89b4fa26;color:#89b4fa}.alert-content{flex:1}.alert-title{font-weight:600;color:var(--text-primary, #cdd6f4);margin-bottom:.25rem}.alert-message{font-size:.85rem;color:var(--text-secondary, #a6adc8)}.alert-time{font-size:.75rem;color:var(--text-secondary, #a6adc8);margin-top:.5rem}.finops-empty{text-align:center;padding:3rem;color:var(--text-secondary, #a6adc8)}.finops-empty-icon{margin-bottom:1rem;opacity:.5}.finops-empty h3{color:var(--text-primary, #cdd6f4);margin-bottom:.5rem}.finops-loading{display:flex;align-items:center;justify-content:center;padding:3rem;color:var(--text-secondary, #a6adc8)}@media (max-width: 480px){.finops-stats{gap:.75rem}.finops-stat{padding:1rem}.finops-stat-icon{width:40px;height:40px;flex-shrink:0}.finops-stat-value{font-size:1.25rem}.finops-stat-label{font-size:.75rem}.cost-card{padding:1rem}.provider-item{flex-direction:column;align-items:flex-start;gap:.5rem}.provider-cost{align-self:flex-end}.model-stats{flex-direction:column;gap:.25rem;align-items:flex-end}}@media (max-height: 500px) and (orientation: landscape){.finops-stats{grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:1rem}.finops-stat{padding:.75rem;flex-direction:column;align-items:flex-start;gap:.5rem}.finops-stat-icon{width:32px;height:32px}.finops-stat-value{font-size:1.125rem}.finops-stat-label{font-size:.7rem}.finops-tabs{margin-bottom:.5rem}.finops-tab{padding:.375rem .75rem;font-size:.75rem}.cost-grid{margin-bottom:1rem}.cost-card{padding:1rem}}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:6px;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;transition:all .15s}.btn-icon:hover{background:var(--border-color);color:var(--text-primary)}.budget-input-wrapper{position:relative;display:flex;align-items:center}.budget-input-icon{position:absolute;left:12px;color:var(--text-muted)}.budget-input{width:100%;padding:12px 12px 12px 40px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:18px;font-weight:600}.budget-input:focus{outline:none;border-color:var(--accent-blue)}.form-hint{margin-top:8px;font-size:13px;color:var(--text-muted)}.budget-thresholds{margin:20px 0;padding:16px;background:var(--bg-tertiary);border-radius:8px}.budget-thresholds h4{margin:0 0 12px;font-size:14px;color:var(--text-secondary)}.threshold-item{display:flex;align-items:center;gap:12px;padding:8px 0;font-size:13px;color:var(--text-secondary)}.threshold-badge{padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.threshold-badge.warning{background:#eab30826;color:var(--accent-yellow)}.threshold-badge.danger{background:#ef444426;color:var(--accent-red)}.add-cost-modal{max-width:560px;width:90%}.add-cost-modal .form-row{display:flex;gap:16px}.add-cost-modal .form-group{flex:1;margin-bottom:16px}.add-cost-modal .form-group.flex-2{flex:2}.add-cost-modal .form-group label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.add-cost-modal .form-group input,.add-cost-modal .form-group select{width:100%;padding:10px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px}.add-cost-modal .form-group select{cursor:pointer}.add-cost-modal .form-group input:focus,.add-cost-modal .form-group select:focus{outline:none;border-color:var(--accent-blue)}.add-cost-modal .form-group input::placeholder{color:var(--text-muted)}.add-cost-modal .modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid var(--border-color)}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 600px){.add-cost-modal .form-row{flex-direction:column;gap:0}.header-actions{flex-direction:column;gap:8px}.header-actions .btn{width:100%;justify-content:center}}.support-page{display:flex;flex-direction:column;height:calc(100vh - 120px)}.support-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.support-stat{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;min-width:0;overflow:visible}.support-stat-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;border-radius:8px;background:#3b82f61a;color:var(--accent-blue);flex-shrink:0}.support-stat.open .support-stat-icon{background:#ef44441a;color:var(--accent-red)}.support-stat.pending .support-stat-icon{background:#eab3081a;color:#eab308}.support-stat.urgent .support-stat-icon{background:#a855f71a;color:var(--accent-purple)}.support-stat-value{font-size:24px;font-weight:600;color:var(--text-primary)}.support-stat-label{font-size:12px;color:var(--text-muted)}.support-content{display:grid;grid-template-columns:400px 1fr;gap:24px;flex:1;min-height:0}.thread-list-panel{display:flex;flex-direction:column;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.support-toolbar{display:flex;flex-direction:column;gap:12px;padding:16px;border-bottom:1px solid var(--border-color)}.search-box{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px}.filter-select{flex:1;padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:13px;cursor:pointer}.thread-list{flex:1;overflow-y:auto}.thread-item{padding:16px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background .15s}.thread-item:hover{background:var(--bg-tertiary)}.thread-item.selected{background:#3b82f61a;border-left:3px solid var(--accent-blue)}.thread-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.thread-status{display:flex;align-items:center;gap:8px}.status-icon.closed{color:var(--accent-green)}.priority-badge{padding:2px 8px;border-radius:9999px;font-size:10px;font-weight:500;text-transform:uppercase}.priority-urgent{background:#ef444426;color:var(--accent-red)}.priority-high{background:#eab30826;color:#eab308}.priority-normal{background:#3b82f626;color:var(--accent-blue)}.priority-low{background:#64748b26;color:var(--text-muted)}.thread-time{font-size:12px;color:var(--text-muted)}.thread-subject{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread-from{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-secondary);margin-bottom:8px}.thread-meta{display:flex;align-items:center;gap:12px}.message-count{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-muted)}.thread-detail-panel{display:flex;flex-direction:column;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.no-thread-selected{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted)}.no-thread-selected svg{opacity:.3;margin-bottom:16px}.no-thread-selected h3{color:var(--text-secondary);margin-bottom:8px}.thread-detail-header{padding:20px;border-bottom:1px solid var(--border-color)}.thread-detail-header h2{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.thread-detail-meta{display:flex;align-items:center;gap:16px;margin-bottom:16px}.from-info{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--text-secondary)}.email-address{font-size:12px;color:var(--text-muted);margin-left:4px}.status-badge{padding:4px 12px;border-radius:9999px;font-size:12px;font-weight:500;text-transform:capitalize}.status-badge.closed{background:#22c55e26;color:var(--accent-green)}.thread-actions{display:flex;gap:8px}.messages-list{flex:1;overflow-y:auto;padding:20px}.message-item{padding:16px;background:var(--bg-tertiary);border-radius:8px;margin-bottom:16px}.message-item.inbound{border-left:3px solid var(--accent-blue)}.message-item.outbound{border-left:3px solid var(--accent-green)}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.message-direction{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase}.message-time{font-size:12px;color:var(--text-muted)}.message-body{font-size:14px;color:var(--text-primary);line-height:1.6;white-space:pre-wrap}.message-html{font-size:14px;line-height:1.6}@media (max-width: 1200px){.support-stats{grid-template-columns:repeat(2,1fr)}.support-content{grid-template-columns:350px 1fr}}@media (max-width: 900px){.support-content{grid-template-columns:1fr}.thread-detail-panel{position:fixed;top:0;left:0;right:0;bottom:0;z-index:200;border-radius:0;display:flex}.thread-detail-panel:not(.visible){display:none}}@media (max-width: 768px){.support-page{height:auto;min-height:calc(100vh - 120px)}.support-stats{grid-template-columns:repeat(2,1fr);gap:12px}.support-stat{padding:12px}.support-stat-icon{width:36px;height:36px}.support-stat-icon svg{width:18px;height:18px}.support-stat-value{font-size:20px}.support-stat-label{font-size:11px}.thread-list-panel{max-height:500px}.support-toolbar{padding:12px}.filter-group{display:grid;grid-template-columns:1fr 1fr;width:100%}.filter-select{font-size:12px}.thread-item{padding:12px}.thread-subject{font-size:13px}}@media (max-width: 480px){.support-stats{grid-template-columns:1fr 1fr}.support-stat{flex-direction:column;align-items:flex-start;gap:8px}.support-stat-icon{width:32px;height:32px}}.reply-form{padding:16px 20px;border-top:1px solid var(--border-color);background:var(--bg-tertiary)}.reply-form textarea{width:100%;padding:12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;font-family:inherit;resize:vertical;min-height:80px;margin-bottom:12px}.reply-form textarea:focus{outline:none;border-color:var(--accent-blue)}.reply-form textarea::placeholder{color:var(--text-muted)}.reply-form textarea:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.reply-form{padding:12px}.reply-form textarea{min-height:60px;font-size:13px}.reply-form .btn{width:100%;justify-content:center}}.header-actions{display:flex;gap:8px}.create-ticket-modal{max-width:600px;width:90%}.create-ticket-modal .form-row{display:flex;gap:16px}.create-ticket-modal .form-group{flex:1;margin-bottom:16px}.create-ticket-modal .form-group.flex-2{flex:2}.create-ticket-modal .form-group label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.create-ticket-modal .form-group input,.create-ticket-modal .form-group select,.create-ticket-modal .form-group textarea{width:100%;padding:10px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;font-family:inherit}.create-ticket-modal .form-group input:focus,.create-ticket-modal .form-group select:focus,.create-ticket-modal .form-group textarea:focus{outline:none;border-color:var(--accent-blue)}.create-ticket-modal .form-group textarea{resize:vertical;min-height:120px}.create-ticket-modal .modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid var(--border-color)}@media (max-width: 600px){.create-ticket-modal .form-row{flex-direction:column;gap:0}.header-actions{flex-direction:column;gap:8px}.header-actions .btn{width:100%;justify-content:center}}.events-page{display:flex;flex-direction:column;height:calc(100vh - 120px)}.events-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.event-stat{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;min-width:0;overflow:visible}.event-stat-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;border-radius:8px;background:#3b82f61a;color:var(--accent-blue);flex-shrink:0}.event-stat.critical .event-stat-icon{background:#ef44441a;color:var(--accent-red)}.event-stat.error .event-stat-icon{background:#eab3081a;color:#eab308}.event-stat.action .event-stat-icon{background:#a855f71a;color:var(--accent-purple)}.event-stat-value{font-size:24px;font-weight:600;color:var(--text-primary)}.event-stat-label{font-size:12px;color:var(--text-muted)}.events-toolbar{display:flex;gap:16px;margin-bottom:24px}.search-box{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;flex:1;max-width:400px}.search-box input{flex:1;background:none;border:none;color:var(--text-primary);font-size:14px;outline:none}.search-box input::placeholder{color:var(--text-muted)}.search-box svg{color:var(--text-muted)}.events-content{display:flex;gap:24px;flex:1;min-height:0}.events-list{flex:1;overflow-y:auto;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px}.event-item{display:flex;align-items:flex-start;gap:16px;padding:16px 20px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background .15s}.event-item:hover{background:var(--bg-tertiary)}.event-item.selected{background:#3b82f61a;border-left:3px solid var(--accent-blue)}.event-item:last-child{border-bottom:none}.event-icon{flex-shrink:0}.source-icon{font-size:24px}.source-icon.large{font-size:32px}.event-content{flex:1;min-width:0}.event-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.event-source{font-size:12px;font-weight:600;color:var(--accent-blue);text-transform:uppercase}.event-type{font-size:12px;color:var(--text-muted)}.event-time{margin-left:auto;font-size:12px;color:var(--text-muted)}.event-title{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-footer{display:flex;justify-content:space-between;align-items:center}.event-badges{display:flex;align-items:center;gap:8px}.severity-icon{flex-shrink:0}.severity-icon.critical{color:var(--accent-red)}.severity-icon.error{color:#eab308}.severity-icon.warning{color:#f59e0b}.severity-icon.info{color:var(--accent-blue)}.severity-badge,.status-badge{padding:2px 8px;border-radius:9999px;font-size:10px;font-weight:500;text-transform:uppercase}.severity-badge.critical{background:#ef444426;color:var(--accent-red)}.severity-badge.error{background:#eab30826;color:#eab308}.severity-badge.warning{background:#f59e0b26;color:#f59e0b}.severity-badge.info{background:#3b82f626;color:var(--accent-blue)}.status-badge.open{background:#ef444426;color:var(--accent-red)}.status-badge.acknowledged{background:#eab30826;color:#eab308}.status-badge.resolved,.status-badge.closed{background:#22c55e26;color:var(--accent-green)}.status-icon{flex-shrink:0}.status-icon.open{color:var(--accent-red)}.status-icon.acknowledged{color:#eab308}.status-icon.resolved,.status-icon.closed{color:var(--accent-green)}.action-badge{padding:2px 8px;border-radius:9999px;font-size:10px;font-weight:500;background:#a855f726;color:var(--accent-purple)}.event-channel{font-size:11px;color:var(--text-muted)}.event-chevron{color:var(--text-muted);flex-shrink:0;align-self:center}.event-detail-panel{width:450px;flex-shrink:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;overflow:hidden}.event-detail-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color)}.event-detail-source{display:flex;align-items:center;gap:12px}.source-name{font-size:14px;font-weight:600;color:var(--text-primary);text-transform:capitalize}.source-type{font-size:12px;color:var(--text-muted)}.event-detail-body{flex:1;overflow-y:auto;padding:20px}.event-detail-body h2{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:20px}.event-body,.event-metadata{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;padding:12px;font-size:12px;color:var(--text-secondary);overflow-x:auto;white-space:pre-wrap;word-break:break-word;max-height:200px;overflow-y:auto}.event-actions{display:flex;gap:8px;margin-top:24px;padding-top:20px;border-top:1px solid var(--border-color)}@media (max-width: 1400px){.event-detail-panel{width:380px}}@media (max-width: 1200px){.events-stats{grid-template-columns:repeat(2,1fr)}.events-content{flex-direction:column}.event-detail-panel{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;max-height:none;z-index:200;border-radius:0}}@media (max-width: 768px){.events-page{height:auto;min-height:calc(100vh - 120px)}.events-stats{grid-template-columns:repeat(2,1fr);gap:12px}.event-stat{padding:12px}.event-stat-icon{width:36px;height:36px}.event-stat-value{font-size:20px}.event-stat-label{font-size:11px}.events-toolbar{flex-direction:column;gap:12px}.search-box{max-width:none;width:100%}.filter-group{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%}.filter-select{font-size:12px;padding:8px 12px}.events-list{max-height:500px}.event-item{padding:12px 16px}.source-icon{font-size:20px}.event-header{flex-wrap:wrap;gap:4px}.event-time{width:100%;margin-left:0;margin-top:4px}.event-title{font-size:13px}.event-footer{flex-direction:column;align-items:flex-start;gap:8px}.event-badges{flex-wrap:wrap}}@media (max-width: 480px){.events-stats{grid-template-columns:1fr 1fr}.filter-group{grid-template-columns:1fr}.event-item{gap:12px}.event-chevron{display:none}}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s;border:none}.approvals-page{display:flex;flex-direction:column;height:calc(100vh - 120px)}.approvals-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.approval-stat{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;min-width:0;overflow:visible}.approval-stat-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;border-radius:8px;background:#3b82f61a;color:var(--accent-blue);flex-shrink:0}.approval-stat.pending .approval-stat-icon{background:#eab3081a;color:#eab308}.approval-stat.approved .approval-stat-icon{background:#22c55e1a;color:var(--accent-green)}.approval-stat.rejected .approval-stat-icon{background:#ef44441a;color:var(--accent-red)}.approval-stat-value{font-size:24px;font-weight:600;color:var(--text-primary)}.approval-stat-label{font-size:12px;color:var(--text-muted)}.approvals-toolbar{display:flex;gap:16px;margin-bottom:24px}.filter-group{display:flex;gap:8px}.filter-select{padding:8px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;cursor:pointer}.approvals-content{display:flex;gap:24px;flex:1;min-height:0}.approvals-list{flex:1;overflow-y:auto;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px}.approval-item{display:flex;align-items:flex-start;gap:16px;padding:16px 20px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background .15s}.approval-item:hover{background:var(--bg-tertiary)}.approval-item.selected{background:#3b82f61a}.approval-item.pending{border-left:3px solid #eab308}.approval-item.approved{border-left:3px solid var(--accent-green)}.approval-item.rejected{border-left:3px solid var(--accent-red)}.approval-item.expired{border-left:3px solid var(--text-muted)}.approval-item:last-child{border-bottom:none}.approval-status-indicator{flex-shrink:0;padding-top:2px}.status-icon.pending{color:#eab308}.status-icon.approved{color:var(--accent-green)}.status-icon.rejected{color:var(--accent-red)}.status-icon.expired{color:var(--text-muted)}.approval-content{flex:1;min-width:0}.approval-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.approval-type{font-size:14px;font-weight:600;color:var(--text-primary)}.approval-time{font-size:12px;color:var(--text-muted)}.approval-description{font-size:13px;color:var(--text-secondary);margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.approval-footer{display:flex;align-items:center;gap:12px}.status-badge{padding:2px 8px;border-radius:9999px;font-size:10px;font-weight:500;text-transform:uppercase}.status-badge.pending{background:#eab30826;color:#eab308}.status-badge.approved{background:#22c55e26;color:var(--accent-green)}.status-badge.rejected{background:#ef444426;color:var(--accent-red)}.status-badge.expired{background:#64748b26;color:var(--text-muted)}.resolved-by{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-muted)}.approval-chevron{color:var(--text-muted);flex-shrink:0;align-self:center}.approval-detail-panel{width:450px;flex-shrink:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;overflow:hidden}.approval-detail-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color)}.approval-detail-title{display:flex;align-items:center;gap:12px}.approval-detail-title h2{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.close-btn{background:none;border:none;font-size:24px;color:var(--text-muted);cursor:pointer;line-height:1}.close-btn:hover{color:var(--text-primary)}.approval-detail-body{flex:1;overflow-y:auto;padding:20px}.detail-section{margin-bottom:24px}.detail-section h3{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;margin-bottom:12px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border-color)}.detail-row:last-child{border-bottom:none}.detail-label{font-size:13px;color:var(--text-secondary)}.detail-value{font-size:13px;color:var(--text-primary)}.detail-value.mono{font-family:monospace;font-size:11px}.action-details{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;padding:12px;font-size:12px;color:var(--text-secondary);overflow-x:auto;white-space:pre-wrap;word-break:break-word;max-height:300px;overflow-y:auto}.approval-actions{display:flex;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid var(--border-color)}.approval-actions .btn{flex:1;justify-content:center}.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s;border:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-success:hover:not(:disabled){background:#16a34a}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-secondary:hover{background:var(--border-color)}@media (max-width: 1400px){.approval-detail-panel{width:380px}}@media (max-width: 1200px){.approvals-stats{grid-template-columns:repeat(2,1fr)}.approvals-content{flex-direction:column}.approval-detail-panel{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;max-height:none;z-index:200;border-radius:0}}@media (max-width: 768px){.approvals-page{height:auto;min-height:calc(100vh - 120px)}.approvals-stats{grid-template-columns:repeat(2,1fr);gap:12px}.approval-stat{padding:12px}.approval-stat-icon{width:36px;height:36px}.approval-stat-value{font-size:20px}.approval-stat-label{font-size:11px}.approvals-toolbar{flex-direction:column;gap:12px}.filter-group{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}.filter-select{font-size:12px;padding:8px 12px}.approvals-list{max-height:500px}.approval-item{padding:12px 16px}.approval-header{flex-direction:column;align-items:flex-start;gap:4px}.approval-time{font-size:11px}.approval-description{font-size:12px;white-space:normal}.approval-footer{flex-wrap:wrap}.approval-chevron{display:none}.approval-actions{flex-direction:column}.approval-actions .btn{width:100%}}@media (max-width: 480px){.approvals-stats{grid-template-columns:1fr 1fr}.filter-group{grid-template-columns:1fr}}.loading-state,.error-state{text-align:center;padding:48px;color:var(--text-muted)}.error-state{color:var(--accent-red)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;color:var(--text-muted)}.empty-state svg{opacity:.3;margin-bottom:16px}.empty-state h3{color:var(--text-secondary);margin-bottom:8px}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0f1419;--bg-secondary: #1a1f2e;--bg-tertiary: #252b3b;--bg-hover: #2d3548;--text-primary: #ffffff;--text-secondary: #94a3b8;--text-muted: #64748b;--border-color: #334155;--accent-blue: #3b82f6;--accent-green: #22c55e;--accent-yellow: #eab308;--accent-red: #ef4444;--accent-purple: #a855f7;--accent-orange: #f97316;--sidebar-width: 260px}html{overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;overflow-x:hidden;width:100%;max-width:100vw}#root{overflow-x:hidden;width:100%}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}.page-container{padding:24px;min-width:0;width:100%;overflow-x:hidden}@media (max-width: 768px){.page-container{padding:16px;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}}@media (max-width: 480px){.page-container{padding:12px;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}.page-header{margin-bottom:24px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}@media (max-width: 768px){.page-header{margin-bottom:16px;flex-direction:column;align-items:stretch;gap:12px}}.page-header h1{font-size:24px;font-weight:600;margin-bottom:8px}@media (max-width: 768px){.page-header h1{font-size:20px}}@media (max-width: 480px){.page-header h1{font-size:18px}}.page-header p{color:var(--text-secondary);font-size:14px}@media (max-width: 480px){.page-header p{font-size:13px}}.page-header .btn{flex-shrink:0}@media (max-width: 768px){.page-header .btn{width:100%;justify-content:center}}.card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px}@media (max-width: 768px){.card{padding:16px;border-radius:10px}}@media (max-width: 480px){.card{padding:14px;border-radius:8px}}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px;flex-wrap:wrap}@media (max-width: 480px){.card-header{margin-bottom:12px}}.card-title{font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px}@media (max-width: 480px){.card-title{font-size:15px}}.grid{display:grid;gap:20px}@media (max-width: 768px){.grid{gap:16px}}@media (max-width: 480px){.grid{gap:12px}}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1200px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}}@media (max-width: 480px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}.btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;border:none;transition:all .2s;white-space:nowrap}@media (max-width: 480px){.btn{padding:8px 12px;font-size:13px;gap:6px}}.btn-primary{background:var(--accent-blue);color:#fff}.btn-primary:hover{background:#2563eb}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-hover)}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:9999px;font-size:12px;font-weight:500}.badge-passing{background:#22c55e26;color:var(--accent-green)}.badge-failing{background:#ef444426;color:var(--accent-red)}.badge-warning{background:#eab30826;color:var(--accent-yellow)}.badge-info{background:#3b82f626;color:var(--accent-blue)}.badge-critical{background:#a855f726;color:var(--accent-purple)}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -4px;padding:0 4px}table{width:100%;border-collapse:collapse}th,td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-color)}@media (max-width: 768px){th,td{padding:10px 12px}}@media (max-width: 480px){th,td{padding:8px 10px}}th{color:var(--text-secondary);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}@media (max-width: 480px){th{font-size:11px}}td{font-size:14px}@media (max-width: 480px){td{font-size:13px}}tr:hover td{background:var(--bg-tertiary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}@media (max-width: 480px){.empty-state{padding:32px 16px}}.empty-state svg{color:var(--text-muted);margin-bottom:16px}@media (max-width: 480px){.empty-state svg{margin-bottom:12px}}.empty-state h3{font-size:16px;margin-bottom:8px}@media (max-width: 480px){.empty-state h3{font-size:15px}}.empty-state p{color:var(--text-secondary);font-size:14px}@media (max-width: 480px){.empty-state p{font-size:13px}}.progress-bar{height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}@media (max-width: 480px){.progress-bar{height:6px}}.progress-bar-fill{height:100%;border-radius:4px;transition:width .3s ease}.progress-bar-fill.green{background:var(--accent-green)}.progress-bar-fill.yellow{background:var(--accent-yellow)}.progress-bar-fill.red{background:var(--accent-red)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal.modal-lg{max-width:700px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--border-color)}.modal-header h2{font-size:18px;font-weight:600}.modal-title-row{display:flex;align-items:center;gap:10px}.close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px}.close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-body,.modal form{padding:20px}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid var(--border-color)}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:14px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-blue)}.form-group textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 480px){.form-row{grid-template-columns:1fr}}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:20px}@media (max-width: 480px){.detail-grid{grid-template-columns:1fr}}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.detail-section{margin-bottom:20px}.detail-section h3{font-size:14px;font-weight:600;margin-bottom:10px;color:var(--text-secondary)}.detail-section p{font-size:14px;line-height:1.6}.status-actions{display:flex;flex-wrap:wrap;gap:10px}.btn-success{background:var(--accent-green);color:#fff}.btn-success:hover{background:#16a34a}.btn-danger{background:var(--accent-red);color:#fff}.btn-danger:hover{background:#dc2626}