html{scroll-behavior:smooth}.app{display:flex;min-height:100vh;background:#f9fafb;color:#111827;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.sidebar{width:260px;background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;position:fixed;height:100vh;left:0;top:0}.logo{padding:24px 20px;display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700;color:#10b981;border-bottom:1px solid #e5e7eb}.nav{flex:1;padding:12px}.nav-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;border:none;background:transparent;color:#6b7280;border-radius:8px;cursor:pointer;transition:all .2s;font-size:14px;margin-bottom:4px;position:relative}.nav-item:hover{background:#f3f4f6;color:#111827}.nav-item.active{background:#10b981;color:#fff}.nav-badge{margin-left:auto;background:#ef4444;color:#fff;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:600}.nav-divider{margin:20px 12px 12px;padding-top:16px;border-top:1px solid #e5e7eb;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#9ca3af}.nav-stage-label{display:flex;align-items:center;gap:8px;margin:16px 12px 6px 16px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#9ca3af}.nav-stage-dot{width:6px;height:6px;border-radius:50%;background:#d1d5db;flex-shrink:0}.nav-stage-dot[data-stage=define]{background:#8b5cf6}.nav-stage-dot[data-stage=detect]{background:#f59e0b}.nav-stage-dot[data-stage=approve]{background:#3b82f6}.nav-stage-dot[data-stage=remediate]{background:#10b981}.nav-stage-dot[data-stage=prove]{background:#0891b2}.nav-item-label{flex:1;text-align:left}.nav-group-settings{margin-top:12px;padding-top:12px;border-top:1px solid #f3f4f6}.workflow-ribbon{display:flex;align-items:center;justify-content:center;padding:12px 24px;background:#fff;border-bottom:1px solid #e5e7eb;gap:0}.workflow-ribbon-compact{padding:8px 24px}.workflow-stage{display:flex;align-items:center;gap:6px;padding:6px 14px;border:none;background:transparent;color:#9ca3af;border-radius:20px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s;white-space:nowrap}.workflow-stage:hover{background:#f3f4f6;color:#6b7280}.workflow-stage.active{background:#10b981;color:#fff;font-weight:600}.workflow-stage.completed{color:#059669}.workflow-stage-icon{display:flex;align-items:center;justify-content:center}.workflow-stage-label{font-size:12px}.workflow-connector{width:20px;height:1px;background:#e5e7eb;flex-shrink:0}.workflow-connector.completed{background:#10b981}.view-stage-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-left:12px;background:#f3f4f6;color:#6b7280}.view-stage-badge[data-stage=define]{background:#ede9fe;color:#7c3aed}.view-stage-badge[data-stage=detect]{background:#fef3c7;color:#d97706}.view-stage-badge[data-stage=approve]{background:#dbeafe;color:#2563eb}.view-stage-badge[data-stage=remediate]{background:#d1fae5;color:#059669}.view-stage-badge[data-stage=prove]{background:#cffafe;color:#0e7490}.sidebar-footer{padding:16px;border-top:1px solid #e5e7eb}.user-info{display:flex;align-items:center;gap:12px}.user-info .logout-btn{margin-left:auto;color:#9ca3af;padding:6px}.user-info .logout-btn:hover{color:#ef4444;background:#fef2f2}.user-avatar{width:40px;height:40px;border-radius:50%;background:#10b981;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;flex-shrink:0}.user-avatar.small{width:24px;height:24px;font-size:12px}.user-name{font-weight:600;font-size:14px}.user-role{font-size:12px;color:#6b7280}.main-content{flex:1;margin-left:260px;overflow-y:auto;scroll-behavior:smooth;height:100vh;position:relative}.top-bar{background:#fff;border-bottom:1px solid #e5e7eb;padding:16px 32px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100}.view-title{font-size:24px;font-weight:700;margin:0}.top-bar-right{display:flex;gap:16px;align-items:center;position:relative}.workspace-badge{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid #e5e7eb;background:#f9fafb;color:#111827}.workspace-badge.sample{border-color:#6b72804d;background:#6b728014;color:#6b7280;font-size:11px}.workspace-badge.production{border-color:#10b98166;background:#10b9811f;color:#065f46}.workspace-badge-icon{font-size:14px}.sample-connect-bar{display:flex;align-items:center;gap:8px;padding:8px 32px;background:#f9fafb;border-bottom:1px solid #e5e7eb;font-size:13px;color:#6b7280}.sample-connect-bar .btn-link{font-size:13px;font-weight:600;color:#10b981}.sample-mode-notice{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:8px;background:#f9fafb;border:1px solid #e5e7eb;color:#6b7280;font-size:12px;margin-bottom:12px}.primer-bubble{position:sticky;top:72px;z-index:120;margin:12px 16px 0;max-width:760px;background:#fff;border:1px solid #dbeafe;border-left:4px solid #3b82f6;border-radius:12px;box-shadow:0 10px 24px #0f172a14}.primer-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #eef2ff}.primer-title{font-size:13px;font-weight:700;color:#1f2937}.primer-close{width:26px;height:26px;border:none;border-radius:6px;background:transparent;color:#6b7280;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.primer-close:hover{background:#f3f4f6;color:#111827}.primer-body{padding:10px 12px;display:grid;gap:8px}.primer-row{display:grid;grid-template-columns:56px 1fr;align-items:start;gap:8px;font-size:13px;color:#374151;line-height:1.35}.primer-label{font-size:12px;font-weight:700;letter-spacing:.02em;color:#6b7280;text-transform:uppercase}.primer-actions{padding:10px 12px;border-top:1px solid #eef2ff;display:flex;align-items:center;gap:8px}@media (max-width: 900px){.primer-bubble{top:64px;margin:8px 10px 0}.primer-row{grid-template-columns:46px 1fr}}.get-started-overlay{position:fixed;inset:0;z-index:1000;background:#f9fafb;display:flex;align-items:center;justify-content:center;padding:24px}.get-started-container{max-width:640px;width:100%;text-align:center}.get-started-header{margin-bottom:40px}.get-started-logo{display:flex;align-items:center;justify-content:center;gap:10px;font-size:22px;font-weight:700;color:#111827;margin-bottom:24px}.get-started-logo svg{color:#10b981}.get-started-header h1{font-size:32px;font-weight:800;color:#111827;margin:0 0 12px}.get-started-subtitle{font-size:16px;color:#6b7280;line-height:1.6;margin:0}.get-started-options{display:grid;gap:16px;margin-bottom:40px}.get-started-card{display:flex;align-items:center;gap:16px;padding:20px 24px;border-radius:12px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;text-align:left;transition:all .2s ease}.get-started-card:hover{border-color:#10b981;box-shadow:0 4px 16px #10b9811f;transform:translateY(-2px)}.get-started-card--primary{border-color:#10b981;background:linear-gradient(135deg,#10b9810a,#fff)}.get-started-card--primary:hover{background:linear-gradient(135deg,#10b98114,#fff)}.get-started-card-icon{flex-shrink:0;width:48px;height:48px;border-radius:12px;background:#10b9811a;color:#10b981;display:flex;align-items:center;justify-content:center}.get-started-card--secondary .get-started-card-icon{background:#3b82f61a;color:#3b82f6}.get-started-card-content h3{font-size:16px;font-weight:700;color:#111827;margin:0 0 4px}.get-started-card-content p{font-size:13px;color:#6b7280;margin:0;line-height:1.4}.get-started-card-arrow{flex-shrink:0;margin-left:auto;color:#9ca3af;transition:transform .2s ease}.get-started-card:hover .get-started-card-arrow{transform:translate(4px);color:#10b981}.get-started-workflow{margin-bottom:32px}.get-started-workflow h4{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;margin:0 0 16px}.get-started-steps{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.get-started-step{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#374151;padding:6px 12px;border-radius:999px;background:#f3f4f6}.get-started-step svg{color:#10b981}.get-started-step-arrow{color:#d1d5db;font-size:14px}.get-started-footer{padding-top:16px;border-top:1px solid #e5e7eb}.get-started-footer .btn-link{font-size:14px;color:#6b7280}.get-started-footer .btn-link:hover{color:#10b981}.get-started-auth-panel{max-width:440px;width:100%;background:#fff;border-radius:16px;border:1px solid #e5e7eb;padding:32px;box-shadow:0 8px 32px #0000000f}.get-started-back{background:none;border:none;color:#6b7280;font-size:14px;cursor:pointer;padding:0;margin-bottom:20px}.get-started-back:hover{color:#111827}.get-started-auth-header{text-align:center;margin-bottom:24px}.get-started-auth-header svg{color:#10b981;margin-bottom:12px}.get-started-auth-header h2{font-size:20px;font-weight:700;color:#111827;margin:0 0 6px}.get-started-auth-header p{font-size:14px;color:#6b7280;margin:0}.get-started-auth-toggle{text-align:center;margin-top:20px;font-size:14px;color:#6b7280}.get-started-auth-toggle .btn-link{color:#10b981;font-weight:600}.guided-onboarding{position:fixed;bottom:24px;right:24px;z-index:900;width:360px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 12px 40px #0000001f;overflow:hidden}.guided-onboarding--complete{width:320px}.guided-onboarding-header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.guided-onboarding-title{font-size:13px;font-weight:700;color:#111827;flex:1}.guided-onboarding-header-actions{display:flex;align-items:center;gap:4px}.guided-onboarding-minimize,.guided-onboarding-close{background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1}.guided-onboarding-minimize:hover,.guided-onboarding-close:hover{background:#f3f4f6;color:#111827}.guided-onboarding-progress{height:3px;background:#e5e7eb}.guided-onboarding-progress-bar{height:100%;background:#10b981;transition:width .3s ease}.guided-onboarding-steps{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 16px 8px}.guided-onboarding-step-dot{width:24px;height:24px;border-radius:50%;border:2px solid #e5e7eb;background:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#9ca3af;cursor:pointer;transition:all .2s ease}.guided-onboarding-step-dot.active{border-color:#10b981;color:#10b981;background:#10b9810f}.guided-onboarding-step-dot.completed{border-color:#10b981;background:#10b981;color:#fff}.guided-onboarding-body{padding:12px 16px}.guided-onboarding-step-header{display:flex;align-items:flex-start;gap:10px;margin-bottom:8px}.guided-onboarding-step-header svg{flex-shrink:0;margin-top:2px}.guided-onboarding-step-label{font-size:11px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.03em}.guided-onboarding-step-title{font-size:15px;font-weight:700;color:#111827}.guided-onboarding-step-desc{font-size:13px;color:#6b7280;line-height:1.5;margin:0 0 10px}.guided-onboarding-navigate{display:flex;align-items:center;gap:6px;margin-bottom:8px}.guided-onboarding-hint{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:8px;background:#10b9810f;border:1px solid rgba(16,185,129,.15);font-size:12px;color:#374151;line-height:1.4}.guided-onboarding-hint-icon{flex-shrink:0;font-size:14px}.guided-onboarding-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-top:1px solid #e5e7eb}.guided-onboarding-footer .btn-primary,.guided-onboarding-footer .btn-ghost{display:flex;align-items:center;gap:4px}.guided-onboarding-minimized{position:fixed;bottom:24px;right:24px;z-index:900;display:flex;align-items:center;gap:10px;padding:10px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:999px;box-shadow:0 4px 16px #00000014;cursor:pointer;font-size:13px;font-weight:600;color:#111827;transition:all .2s ease}.guided-onboarding-minimized:hover{border-color:#10b981;box-shadow:0 6px 20px #10b9811f}.guided-onboarding-minimized svg{color:#10b981}.guided-onboarding-mini-progress{width:40px;height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden}.guided-onboarding-mini-bar{height:100%;background:#10b981;border-radius:2px;transition:width .3s ease}.connection-status{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#f3f4f6;border-radius:20px;font-size:12px;font-weight:500}.status-dot.connected{background:#10b981;box-shadow:0 0 6px #10b98180}.status-dot.disconnected{background:#f59e0b}.status-text{color:#6b7280}.refresh-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:#f3f4f6;border-radius:8px;cursor:pointer;transition:all .2s;color:#6b7280}.refresh-btn:hover:not(:disabled){background:#e5e7eb;color:#374151}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.spinning{animation:spin 1s linear infinite}.help-hub-trigger{border:none;background:transparent;color:var(--text-secondary);padding:6px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center}.help-hub-trigger:hover{background:#f3f4f6;color:var(--text-primary)}.help-hub-modal{max-width:900px}.help-hub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.help-hub-section{background:var(--background);border:1px solid var(--border);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px}.help-hub-section h3{margin:0}.help-hub-actions{display:flex;gap:8px;flex-wrap:wrap}.help-hub-note{font-size:12px;color:var(--text-secondary)}.help-hub-list{list-style:none;margin:0;padding:0;color:var(--text-secondary)}.help-hub-list li{margin-bottom:6px}.help-hub-list span{color:var(--text-primary);font-weight:600}.help-hub-link{color:var(--info);text-decoration:none}.help-hub-link:hover{text-decoration:underline}.inline-nudge{display:flex;align-items:flex-start;gap:12px;margin-top:12px;padding:12px;border:1px dashed var(--border);border-radius:10px;background:#f8fafc}.inline-nudge-icon{color:var(--info);margin-top:2px}.inline-nudge-title{font-weight:600;margin-bottom:2px}.inline-nudge-message{color:var(--text-secondary);font-size:14px}.notification-bell{position:relative;cursor:pointer;padding:8px;border-radius:8px;transition:background .2s;color:#6b7280}.notification-bell:hover{background:#f3f4f6}.notification-badge{position:absolute;top:4px;right:4px;background:#ef4444;color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.notifications-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:400px;max-height:500px;overflow:auto;box-shadow:0 10px 25px #0000001a}.notifications-header{padding:16px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.notifications-header h3{margin:0;font-size:16px}.btn-text{background:none;border:none;color:#10b981;cursor:pointer;font-size:14px;padding:0}.notifications-list{max-height:400px;overflow-y:auto}.notification-item{display:flex;gap:12px;padding:16px;border-bottom:1px solid #e5e7eb;background:#f0fdf4}.notification-item.read{background:transparent;opacity:.7}.notification-icon{flex-shrink:0}.notification-icon.success{color:#10b981}.notification-icon.warning{color:#f59e0b}.notification-icon.info{color:#3b82f6}.notification-content{flex:1}.notification-message{font-size:14px;margin-bottom:4px}.notification-time{font-size:12px;color:#6b7280}.container{max-width:1400px;margin:0 auto;padding:32px;position:relative;z-index:1}.space-y-6>*+*{margin-top:24px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.card h2{font-size:18px;font-weight:600;margin:0 0 20px;color:#111827}.card h3{font-size:16px;font-weight:600;margin:0 0 16px;color:#111827;display:flex;align-items:center;gap:8px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-description{color:#6b7280;margin-bottom:24px;line-height:1.6}.score-hero{background:linear-gradient(135deg,#10b981,#059669);border-radius:16px;padding:48px;display:flex;align-items:center;gap:48px;border:1px solid #10b981}.score-circle{width:180px;height:180px;border-radius:50%;background:#fff3;border:4px solid rgba(255,255,255,.3);display:flex;flex-direction:column;align-items:center;justify-content:center}.score-value{font-size:72px;font-weight:700;color:#fff;line-height:1}.score-label{font-size:14px;color:#ffffffe6;margin-top:8px}.score-details{flex:1}.score-change{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:600;color:#fff;margin-bottom:32px}.score-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.stat{background:#fff3;padding:20px;border-radius:12px}.stat-value{font-size:32px;font-weight:700;color:#fff}.stat-label{font-size:14px;color:#ffffffe6;margin-top:4px}.ai-recommendations{display:grid;gap:24px}.recommendation-section h3{font-size:14px;font-weight:600;color:#10b981;margin-bottom:12px}.recommendation-section ul{list-style:none;padding:0;margin:0}.recommendation-section li{padding:12px;background:#f3f4f6;border-radius:8px;margin-bottom:8px}.recommendation-section code{display:block;padding:12px;background:#f3f4f6;border-radius:8px;font-family:Courier New,monospace;color:#10b981}.hint{font-size:13px;color:#6b7280;margin-top:8px}.effort-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.effort-item{display:flex;justify-content:space-between;padding:12px;background:#f3f4f6;border-radius:8px}.effort-time{color:#10b981;font-weight:600}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.category-card{background:#f9fafb;padding:20px;border-radius:12px;border:1px solid #e5e7eb}.category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.category-name{font-weight:600}.category-score{font-size:24px;font-weight:700}.progress-bar{height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.progress-fill{height:100%;transition:width .3s}.findings-list{display:flex;flex-direction:column;gap:12px}.finding-item{display:flex;align-items:center;gap:16px;padding:16px;background:#f9fafb;border-radius:12px;cursor:pointer;transition:all .2s;border:1px solid #e5e7eb}.finding-item:hover{background:#f3f4f6;transform:translate(4px)}.finding-icon{color:#ef4444}.finding-content{flex:1}.finding-title{font-weight:600;margin-bottom:4px}.finding-meta{font-size:14px;color:#6b7280}.finding-arrow{color:#6b7280}.view-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.view-header h1{font-size:32px;font-weight:700;margin:0}.severity-badges{display:flex;gap:12px}.badge{padding:6px 12px;border-radius:6px;font-size:14px;font-weight:600}.badge-high{background:#ef44441a;color:#ef4444}.badge-medium{background:#f59e0b1a;color:#f59e0b}.badge-low{background:#3b82f61a;color:#3b82f6}.exceptions-card{background:#ef44440d;border-color:#ef4444}.exceptions-list{display:flex;flex-direction:column;gap:12px}.exception-item{background:#fff;padding:16px;border-radius:8px;border-left:4px solid #f59e0b}.exception-finding{font-weight:600;margin-bottom:8px}.exception-meta{display:flex;gap:8px;font-size:13px;color:#6b7280;margin-bottom:8px}.exception-justification{font-size:14px;color:#6b7280;font-style:italic}.findings-grid{display:grid;gap:16px}.finding-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:20px;cursor:pointer;transition:all .2s ease-out;scroll-margin-top:100px;scroll-margin-bottom:50px;will-change:transform}.finding-card:hover{border-color:#d1d5db}.finding-card.selected{border-color:#10b981}.finding-card.high{border-left:4px solid #ef4444}.finding-card.medium{border-left:4px solid #f59e0b}.finding-card.low{border-left:4px solid #3b82f6}.finding-card.critical{border-left:4px solid #dc2626}.findings-view-header{margin-bottom:24px}.findings-header-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.findings-header-top h1{font-size:28px;font-weight:700;margin:0}.findings-subtitle{color:#6b7280;font-size:14px;margin:4px 0 0}.findings-severity-summary{display:flex;gap:8px;margin-bottom:16px}.badge-critical{background:#dc26261a;color:#dc2626}.findings-status-tabs{display:flex;gap:4px;padding:4px;background:#f3f4f6;border-radius:10px;overflow-x:auto}.status-tab{display:flex;align-items:center;gap:6px;padding:8px 14px;border:none;background:transparent;color:#6b7280;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;white-space:nowrap;transition:all .15s}.status-tab:hover{background:#e5e7eb;color:#374151}.status-tab.active{background:#fff;color:#111827;font-weight:600;box-shadow:0 1px 3px #00000014}.status-tab-count{background:#e5e7eb;color:#6b7280;padding:1px 6px;border-radius:10px;font-size:11px;font-weight:600}.status-tab.active .status-tab-count{background:#10b981;color:#fff}.finding-status-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;text-transform:capitalize}.empty-state-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:48px 24px;text-align:center}.empty-state-text{color:#6b7280;font-size:15px;margin-bottom:16px}.finding-card-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:12px}.finding-card-title{display:flex;align-items:center;gap:12px;font-weight:600;font-size:16px}.severity-dot{width:8px;height:8px;border-radius:50%}.severity-dot.high{background:#ef4444}.severity-dot.medium{background:#f59e0b}.severity-dot.low{background:#3b82f6}.finding-count{background:#f3f4f6;padding:4px 12px;border-radius:6px;font-weight:600}.finding-card-meta{display:flex;gap:8px;font-size:14px;color:#6b7280}.finding-state-preview{display:flex;align-items:center;gap:12px;margin-top:12px;padding:10px 12px;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid #10b981;border-radius:6px;font-size:12px}.state-preview-item{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.state-preview-item.current .state-label{color:#dc2626;font-weight:600}.state-preview-item.target .state-label{color:#059669;font-weight:600}.state-preview-item code{background:#fff;padding:2px 6px;border-radius:4px;font-size:11px;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.finding-state-preview .state-arrow{color:#10b981;font-weight:700;font-size:16px;flex-shrink:0}.finding-card-header-right{display:flex;align-items:center;gap:8px}.finding-card-badges{display:flex;flex-wrap:wrap;gap:6px}.finding-id{font-family:Courier New,monospace;color:#10b981}.finding-card-details{margin-top:20px;padding-top:20px;border-top:1px solid #e5e7eb}.finding-card-expanded{margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb}.finding-details{font-size:14px;color:#4b5563;line-height:1.5;margin-bottom:12px}.finding-details p{margin:0}.finding-category{font-size:13px;color:#6b7280}.finding-decision-summary{margin-top:12px;padding:12px;background:#f9fafb;border-radius:8px;font-size:13px;color:#374151}.finding-decision-summary .decision-outcome{font-weight:600;color:#111827;margin-bottom:6px}.finding-decision-summary .decision-meta{margin-top:8px;font-size:12px;color:#6b7280}.finding-card-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.finding-task-created-note{margin-top:12px;margin-bottom:10px;padding:10px 12px;border:1px solid #bfdbfe;border-radius:8px;background:#eff6ff;color:#1e3a8a;display:flex;flex-direction:column;gap:4px;font-size:13px}.finding-task-created-note strong{font-size:13px}.detail-section{margin-bottom:20px}.decision-complete-outcome{margin-top:8px;font-size:13px;color:#374151}.decision-outcome-label{display:inline-flex;align-items:center;padding:4px 8px;border-radius:6px;background:#ecfdf3;color:#059669;font-weight:600}.decision-rationale-text{margin-top:6px;color:#374151;font-size:13px}.decision-outcome-panel{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:12px;margin-bottom:16px}.decision-outcome-title{font-weight:600;margin-bottom:6px}.decision-outcome-meta{font-size:13px;color:#4b5563;margin-top:4px}.decision-rationale{margin-bottom:12px}.detail-section h4{font-size:14px;font-weight:600;margin-bottom:8px;color:#10b981}.detail-section ul{list-style:none;padding:0;margin:0}.detail-section li{margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.detail-section code{background:#f3f4f6;padding:4px 8px;border-radius:4px;font-family:Courier New,monospace;color:#10b981}.console-link{display:inline-flex;align-items:center;gap:4px;color:#3b82f6;font-size:13px;text-decoration:none;padding:4px 8px;border-radius:4px;transition:background .2s}.console-link:hover{background:#f3f4f6}.detail-actions{display:flex;gap:12px}.btn-primary,.btn-secondary{padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px;font-size:14px;border:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;font-family:inherit;font-size:14px;font-weight:500;line-height:1.25;text-decoration:none;box-sizing:border-box;cursor:pointer}.btn-primary{background:#10b981;color:#fff}.btn-primary:hover{background:#059669}.btn-secondary{background:#f3f4f6;color:#111827;border:1px solid #d1d5db}.btn-secondary:hover{background:#e5e7eb}.btn-outline{background:#fff;border:1px solid #e5e7eb;color:#374151}.btn-outline:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.btn-ghost{padding:8px 14px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px;font-size:13px;border:1px solid #d1d5db;background:#fff;color:#374151}.btn-ghost:hover{background:#f9fafb;border-color:#9ca3af;color:#111827}.btn-primary:disabled,.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-icon{padding:8px;background:transparent;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-icon:hover{background:#f3f4f6;border-color:#10b981;color:#10b981}.btn-icon.danger:hover{border-color:#ef4444;color:#ef4444}.empty-state{text-align:center;padding:48px 24px;color:#6b7280}.tasks-view-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.tasks-view-title{font-size:28px;font-weight:700;margin:0}.tasks-view-subtitle{color:#6b7280;font-size:14px;margin:4px 0 0}.tasks-summary-stats{display:flex;gap:16px}.tasks-stat{font-size:13px;color:#6b7280}.tasks-stat strong{color:#111827;font-weight:600}.empty-state-large{text-align:center;padding:96px 24px}.empty-state-large svg{color:#d1d5db;margin-bottom:16px}.empty-state-large h3{font-size:20px;margin-bottom:8px;color:#111827}.empty-state-large p{color:#6b7280;margin-bottom:24px}.filters-bar{display:flex;gap:12px;padding:20px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px}.filter-group,.search-group{display:flex;align-items:center;gap:8px}.filter-select,.search-input{padding:8px 12px;background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;color:#111827;font-size:14px}.search-group{flex:1}.search-input{flex:1;max-width:400px}.resource-table{display:flex;flex-direction:column;gap:1px}.table-header,.table-row{display:grid;grid-template-columns:2fr 1.5fr 1fr 1fr 1.5fr 1fr .8fr;gap:16px;padding:12px 16px;align-items:center}.table-header{background:#f9fafb;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:#6b7280;border-radius:8px 8px 0 0}.table-row{background:#fff;border-bottom:1px solid #e5e7eb;font-size:14px}.table-row:last-child{border-radius:0 0 8px 8px}.resource-name{display:flex;flex-direction:column;gap:4px}.resource-name code{font-size:13px}.resource-id{font-size:11px;color:#6b7280}.env-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;text-transform:capitalize}.env-badge.production{background:#ef44441a;color:#ef4444}.env-badge.development{background:#3b82f61a;color:#3b82f6}.env-badge.testing{background:#f59e0b1a;color:#f59e0b}.env-badge.mixed{background:#a855f71a;color:#a855f7}.env-badge.unknown{background:#6b72801a;color:#6b7280}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.status-badge.success{background:#10b9811a;color:#10b981}.status-badge.error{background:#ef44441a;color:#ef4444}.status-badge.active{background:#10b9811a;color:#10b981}.status-badge.trial{background:#f59e0b1a;color:#f59e0b}.status-badge.info{background:#3b82f61a;color:#3b82f6}.status-badge.warning{background:#f59e0b1a;color:#f59e0b}.status-badge.suspended{background:#ef44441a;color:#ef4444}.text-muted{color:#6b7280;font-style:italic}.cost{font-weight:600;color:#10b981}.table-footer{padding:12px 16px;background:#f9fafb;border-radius:0 0 8px 8px;font-size:13px;color:#6b7280}.tasks-board{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.task-column{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;min-height:400px}.task-column-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px;color:#6b7280}.task-count{background:#f3f4f6;padding:4px 8px;border-radius:6px;font-size:12px}.task-list{display:flex;flex-direction:column;gap:12px}.task-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.task-card-header{display:flex;justify-content:space-between;align-items:start;cursor:pointer;margin-bottom:12px}.task-title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;flex:1}.task-owner{display:flex;align-items:center;gap:8px;font-size:13px;margin-bottom:8px;color:#6b7280}.task-progress{display:flex;align-items:center;gap:12px;margin-bottom:16px}.task-progress .progress-bar{flex:1}.progress-text{font-size:12px;color:#6b7280}.status-select{width:100%;padding:8px 12px;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#111827;font-size:14px;cursor:pointer}.task-stats{display:flex;gap:8px;font-size:14px;color:#6b7280}.report-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.report-summary{margin-bottom:20px}.report-summary p{margin-bottom:12px;line-height:1.6;color:#6b7280}.cost-summary{display:flex;flex-direction:column;gap:12px}.cost-item{display:flex;justify-content:space-between;padding:12px;background:#f9fafb;border-radius:8px}.cost-value{font-weight:700;color:#ef4444}.cost-value.savings{color:#10b981}.connection-list,.users-list{display:flex;flex-direction:column;gap:12px}.connection-item,.user-item{display:flex;align-items:center;gap:16px;padding:16px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.connection-item.active{border-color:#10b981}.connection-info{flex:1}.connection-name{font-weight:600;margin-bottom:4px}.connection-meta{font-size:14px;color:#6b7280}.connection-status{color:#10b981;font-weight:600}.connection-provider-icon{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:8px;margin-right:12px}.connection-actions{display:flex;gap:4px;margin-right:12px}.connection-status-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap}.connection-status-badge.active{background:#d1fae5;color:#059669}.connection-status-badge.error{background:#fee2e2;color:#dc2626}.connection-status-badge.testing{background:#fef3c7;color:#d97706}.connection-status-badge.pending{background:#f3f4f6;color:#6b7280}.connection-item.error{border-color:#ef4444;background:#fef2f2}.connection-item.testing{border-color:#f59e0b;background:#fffbeb}.btn-sm{padding:4px 8px;font-size:12px}.btn-ghost.btn-danger:hover{background:#fee2e2;color:#dc2626}.warning-banner{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;margin-top:16px;color:#92400e;font-size:14px}.schedules-list{display:flex;flex-direction:column;gap:12px}.schedule-item{display:flex;align-items:center;gap:16px;padding:16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s}.schedule-item:hover{border-color:#d1d5db}.schedule-item.active{border-left:3px solid #10b981}.schedule-item.paused{border-left:3px solid #f59e0b;opacity:.8}.schedule-item.disabled{border-left:3px solid #6b7280;opacity:.6}.schedule-info{flex:1;min-width:0}.schedule-name{font-weight:600;color:#111827;margin-bottom:4px}.schedule-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:#6b7280}.schedule-meta span{display:flex;align-items:center;gap:4px}.schedule-connection{background:#e0e7ff;color:#4338ca;padding:2px 8px;border-radius:4px;font-size:12px}.schedule-frequency{background:#f3f4f6;padding:2px 8px;border-radius:4px;font-size:12px;text-transform:capitalize}.schedule-next{color:#6b7280}.schedule-stats{display:flex;gap:12px;font-size:12px}.schedule-stats .stat{display:flex;align-items:center;gap:4px;color:#6b7280}.schedule-stats .stat.success{color:#059669}.schedule-stats .stat.failed{color:#dc2626}.schedule-actions{display:flex;gap:4px}.schedule-status-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;white-space:nowrap}.schedule-status-badge.active{background:#d1fae5;color:#059669}.schedule-status-badge.paused{background:#fef3c7;color:#d97706}.schedule-status-badge.disabled{background:#f3f4f6;color:#6b7280}.empty-state.small{padding:32px 24px}.empty-state.small svg{width:32px;height:32px;margin-bottom:8px}.empty-state.small h4{font-size:14px;margin:0 0 4px}.empty-state.small p{font-size:13px;margin:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:#6b7280}.empty-state svg{opacity:.5;margin-bottom:16px}.empty-state h3{margin:0 0 8px;color:#374151}.empty-state p{margin:0;max-width:400px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:#6b7280}.loading-state .spin{animation:spin 1s linear infinite}.backend-standards-summary{display:flex;align-items:center;gap:24px;padding:12px 16px;background:#f0fdf4;border:1px solid #86efac;border-radius:8px}.backend-standards-summary .summary-item{display:flex;align-items:center;gap:8px;color:#166534;font-size:14px}.backend-standards-summary .sync-badge{display:flex;align-items:center;gap:4px;margin-left:auto;padding:4px 8px;background:#dcfce7;border-radius:12px;font-size:12px;color:#15803d}.backend-standards-list{display:flex;flex-direction:column;gap:8px;margin-top:16px}.backend-standard-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s}.backend-standard-item.enabled{border-color:#10b981;background:#f0fdf4}.backend-standard-item.disabled{opacity:.6}.backend-standard-item .standard-info{flex:1}.backend-standard-item .standard-name{font-weight:600;color:#111827;margin-bottom:4px}.backend-standard-item .standard-meta{font-size:13px;color:#6b7280}.backend-standard-item .standard-meta code{background:#e5e7eb;padding:2px 6px;border-radius:4px;font-size:12px}.badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.badge-info{background:#dbeafe;color:#1e40af}.badge-success{background:#dcfce7;color:#166534}.user-email{font-size:14px;color:#6b7280}.user-role-badge{padding:4px 12px;background:#f3f4f6;border-radius:6px;font-size:12px;text-transform:capitalize}.user-status-badge{padding:4px 10px;border-radius:999px;font-size:11px;text-transform:capitalize;background:#e5e7eb;color:#374151}.user-status-badge.active{background:#dcfce7;color:#166534}.user-status-badge.invited{background:#fef3c7;color:#92400e}.user-status-badge.suspended{background:#fee2e2;color:#991b1b}.user-actions{display:flex;gap:8px;margin-left:auto}.user-details{flex:1}.standards-section{padding:24px 0;border-bottom:1px solid #e5e7eb}.standards-section:last-child{border-bottom:none}.standards-section h3{display:flex;align-items:center;gap:8px;color:#10b981;margin-bottom:20px;font-size:16px}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid #e5e7eb}.setting-row:last-child{border-bottom:none}.setting-input{padding:8px 12px;background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;color:#111827;min-width:300px}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(4px)}.modal{background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow:auto}.modal.modal-wide{max-width:720px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb}.modal-header h2{margin:0}.modal-close{background:transparent;border:none;color:#6b7280;cursor:pointer;padding:4px}.modal-body{padding:24px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;font-size:14px}.form-input{width:100%;padding:10px 12px;background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;color:#111827;font-size:14px}textarea.form-input{resize:vertical}.alert{padding:16px;border-radius:8px;display:flex;gap:12px;margin-bottom:20px}.alert-warning{background:#f59e0b1a;border:1px solid #f59e0b;color:#92400e}.alert p{margin:4px 0 0;font-size:14px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.spin{animation:spin 1s linear infinite}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;display:flex;align-items:center;gap:16px}.stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-content{flex:1}.stat-value{font-size:28px;font-weight:700;margin-bottom:4px;color:#111827}.stat-label{font-size:14px;color:#6b7280}.stat-change{font-size:13px;margin-top:4px}.stat-change.positive{color:#10b981}.stat-change.negative{color:#ef4444}.clients-table{display:flex;flex-direction:column;gap:1px}.clients-table .table-header,.clients-table .table-row{display:grid;grid-template-columns:2.5fr 1fr 1fr 1fr 1fr .8fr 1.2fr .8fr;gap:16px;padding:12px 16px;align-items:center}.client-cell{display:flex;align-items:center;gap:12px}.client-logo{width:40px;height:40px;border-radius:8px;background:linear-gradient(135deg,#10b981,#059669);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:16px;flex-shrink:0}.client-info{flex:1;min-width:0}.client-name{font-weight:600;font-size:14px;margin-bottom:2px}.client-email{font-size:12px;color:#6b7280}.plan-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}.plan-badge.enterprise{background:#8b5cf61a;color:#7c3aed}.plan-badge.professional{background:#3b82f61a;color:#3b82f6}.plan-badge.starter{background:#f59e0b1a;color:#f59e0b}.health-score{display:flex;justify-content:center}.health-circle{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:14px}.mrr-cell{font-weight:600;color:#10b981}.action-buttons{display:flex;gap:8px;justify-content:flex-end}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.metric-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.metric-label{font-size:14px;color:#6b7280}.metric-trend,.metric-trend.positive{color:#10b981}.metric-trend.negative{color:#ef4444}.metric-value{font-size:36px;font-weight:700;margin-bottom:8px;color:#111827}.metric-change{font-size:14px}.metric-change.negative{color:#ef4444}.findings-summary{display:flex;flex-direction:column;gap:12px}.finding-summary-item{display:flex;justify-content:space-between;padding:12px;background:#f9fafb;border-radius:8px}.finding-summary-label{font-size:14px}.finding-summary-value{font-weight:600;color:#10b981}.invoices-table{display:flex;flex-direction:column;gap:1px}.invoices-table .table-header,.invoices-table .table-row{display:grid;grid-template-columns:2fr 1fr 1.5fr 1fr 1fr;gap:16px;padding:12px 16px;align-items:center}.health-status{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#10b9811a;border-radius:8px;font-size:14px;font-weight:600;color:#047857}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.operational{background:#10b981}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.service-card{padding:20px;background:#f9fafb;border-radius:12px;border:2px solid #e5e7eb}.service-card.operational{border-color:#10b981}.service-card.warning{border-color:#f59e0b;background:#f59e0b0d}.service-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.service-card.operational .service-header{color:#10b981}.service-card.warning .service-header{color:#f59e0b}.service-name{font-weight:600;font-size:14px}.service-status{font-size:13px;margin-bottom:4px;color:#111827}.service-uptime{font-size:12px;color:#6b7280}.performance-metrics{display:flex;flex-direction:column;gap:12px}.perf-item{display:flex;justify-content:space-between;padding:12px;background:#f9fafb;border-radius:8px}.perf-label{font-size:14px;color:#6b7280}.perf-value{font-weight:600;color:#111827}.impersonation-banner{background:linear-gradient(135deg,#f59e0b,#d97706);padding:12px 32px;display:flex;justify-content:space-between;align-items:center;color:#fff;border-bottom:3px solid #b45309;box-shadow:0 4px 12px #f59e0b4d}.impersonation-left{display:flex;align-items:center;gap:20px}.impersonation-indicator{display:flex;align-items:center;gap:8px;background:#0003;padding:6px 12px;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.impersonation-client-info{display:flex;align-items:center;gap:12px}.impersonation-client-info .client-avatar{width:40px;height:40px;background:#fff3;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;border:2px solid rgba(255,255,255,.3)}.impersonation-client-info .client-details{display:flex;flex-direction:column;gap:4px}.impersonation-client-info .client-name{font-weight:700;font-size:16px}.impersonation-client-info .client-meta{display:flex;align-items:center;gap:8px;font-size:12px;opacity:.9}.impersonation-client-info .client-meta .separator{opacity:.5}.impersonation-client-info .client-meta .plan-badge{font-size:10px;padding:2px 6px}.impersonation-client-info .health-indicator{display:flex;align-items:center;gap:4px}.impersonation-client-info .health-dot{width:8px;height:8px;border-radius:50%}.impersonation-actions{display:flex;align-items:center;gap:16px}.impersonation-warning{display:flex;align-items:center;gap:6px;font-size:12px;opacity:.85;background:#00000026;padding:6px 12px;border-radius:6px}.btn-exit{display:flex;align-items:center;gap:8px;background:#fffffff2;color:#92400e;padding:8px 16px;border:none;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s}.btn-exit:hover{background:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.client-row-wrapper{border-bottom:1px solid #e5e7eb}.client-row-wrapper.expanded{background:#f9fafb;border:2px solid #10b981;border-radius:12px;margin:8px 0}.table-row.clickable{cursor:pointer;transition:background .15s}.table-row.clickable:hover{background:#f3f4f6}.churn-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.churn-badge.high{background:#fef2f2;color:#dc2626}.churn-badge.medium{background:#fffbeb;color:#d97706}.churn-badge.low{background:#ecfdf5;color:#059669}.expand-chevron{transition:transform .2s}.expand-chevron.rotated{transform:rotate(90deg)}.dropdown-wrapper{position:relative}.dropdown-menu{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 10px 40px #00000026;min-width:180px;z-index:100;padding:6px 0}.dropdown-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;border:none;background:none;font-size:13px;color:#374151;cursor:pointer;text-align:left}.dropdown-menu button:hover{background:#f3f4f6}.dropdown-menu button.danger{color:#dc2626}.dropdown-menu button.danger:hover{background:#fef2f2}.dropdown-divider{height:1px;background:#e5e7eb;margin:6px 0}.client-detail-panel{padding:24px;border-top:1px solid #e5e7eb;animation:slideDown .2s ease-out}.client-quick-actions{display:flex;flex-wrap:wrap;gap:10px;padding-bottom:20px;border-bottom:1px solid #e5e7eb;margin-bottom:24px}.client-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.detail-section{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:16px}.detail-section h4{display:flex;align-items:center;gap:8px;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid #e5e7eb;font-size:14px;font-weight:600;color:#374151}.detail-rows{display:flex;flex-direction:column;gap:10px}.detail-row{display:flex;justify-content:space-between;align-items:center;font-size:13px}.detail-label{color:#6b7280}.detail-value{font-weight:500;color:#111827}.detail-value.highlight{color:#10b981;font-weight:700;font-size:15px}.cloud-tag{display:inline-block;background:#f3f4f6;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;margin-left:4px}.usage-bars{display:flex;flex-direction:column;gap:12px}.usage-header{display:flex;justify-content:space-between;font-size:12px;color:#6b7280}.usage-bar{height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.usage-fill{height:100%;border-radius:4px;transition:width .3s ease}.health-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px}.health-metric{display:flex;align-items:center;gap:10px;padding:10px;background:#f9fafb;border-radius:8px}.metric-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center}.metric-content{display:flex;flex-direction:column;gap:2px}.metric-value{font-weight:600;font-size:14px;color:#111827}.metric-label{font-size:11px;color:#6b7280}.findings-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.finding-count{text-align:center;padding:12px 8px;border-radius:8px}.finding-count.high{background:#fef2f2}.finding-count.medium{background:#fffbeb}.finding-count.low{background:#f0fdf4}.finding-count.total{background:#f3f4f6}.finding-count .count{display:block;font-size:24px;font-weight:700}.finding-count.high .count{color:#dc2626}.finding-count.medium .count{color:#d97706}.finding-count.low .count{color:#16a34a}.finding-count.total .count{color:#374151}.finding-count .label{font-size:11px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.notes-section{grid-column:span 2}.notes-list{max-height:200px;overflow-y:auto;margin-bottom:12px}.no-notes{color:#9ca3af;font-size:13px;font-style:italic;padding:16px;text-align:center;background:#f9fafb;border-radius:8px}.note-item{padding:12px;background:#f9fafb;border-radius:8px;margin-bottom:8px}.note-header{display:flex;justify-content:space-between;margin-bottom:6px}.note-author{font-weight:600;font-size:12px;color:#374151}.note-date{font-size:11px;color:#9ca3af}.note-text{margin:0;font-size:13px;color:#4b5563;line-height:1.5}.add-note-form{display:flex;gap:8px}.note-input{flex:1;padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:13px}.note-input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.activity-log{display:flex;flex-direction:column;gap:10px}.activity-item{display:flex;align-items:flex-start;gap:10px;padding:8px 0;border-bottom:1px solid #f3f4f6}.activity-item:last-child{border-bottom:none}.activity-icon{width:28px;height:28px;background:#f3f4f6;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#6b7280}.activity-content{flex:1;display:flex;flex-direction:column;gap:2px;font-size:13px}.activity-time{font-size:11px;color:#9ca3af}@media (max-width: 1200px){.tasks-board{grid-template-columns:1fr}}.standards-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.standards-title{font-size:28px;font-weight:700;margin:0}.standards-subtitle{color:#6b7280;font-size:14px;margin:4px 0 0;max-width:600px}.standards-layers-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:16px}.standards-layers-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#111827}.standards-layers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.standards-layer{display:flex;align-items:flex-start;gap:10px;padding:12px;background:#f9fafb;border-radius:8px;border:1px solid #f3f4f6}.standards-layer-badge{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:11px;font-weight:700;color:#fff;flex-shrink:0}.standards-layer-badge.layer-1{background:#6366f1}.standards-layer-badge.layer-2{background:#f59e0b}.standards-layer-badge.layer-3{background:#10b981}.standards-layer-name{font-size:13px;font-weight:600;color:#111827}.standards-layer-desc{font-size:12px;color:#6b7280;margin-top:2px}.standards-intent-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px}.standards-intent-card .intent-title{display:flex;align-items:center;gap:8px;font-weight:600;color:#111827;margin-bottom:6px}.standards-section-header{display:flex;flex-direction:column;gap:6px}.standards-intent-note{margin:8px 0 16px;font-size:13px;color:#6b7280}.frameworks-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.framework-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s}.framework-card.enabled{border-color:#10b981}.framework-card.disabled{opacity:.6}.framework-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.framework-name{font-weight:600;font-size:14px}.framework-score{display:flex;justify-content:center;margin-bottom:12px}.score-ring{position:relative;width:80px;height:80px}.score-ring svg{transform:rotate(-90deg);width:100%;height:100%}.score-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:18px;font-weight:700}.score-ring.good .score-text{color:#10b981}.score-ring.warning .score-text{color:#f59e0b}.score-ring.danger .score-text{color:#ef4444}.framework-card.enabled{transition:border-color .2s,box-shadow .2s}.framework-card.enabled:has(.score-ring.good){border-color:#10b981;box-shadow:0 0 0 1px #10b9811a}.framework-card.enabled:has(.score-ring.warning){border-color:#f59e0b;box-shadow:0 0 0 1px #f59e0b1a}.framework-card.enabled:has(.score-ring.danger){border-color:#ef4444;box-shadow:0 0 0 1px #ef44441a}.framework-stats{text-align:center;font-size:13px;color:#6b7280}.framework-intent{margin-top:8px;font-size:12px;color:#6b7280;text-align:center}.framework-disabled{text-align:center;padding:20px 0;color:#9ca3af;font-size:13px}.section-intent-row{display:flex;align-items:center;gap:12px;margin:8px 0 16px}.section-intent-text{font-size:13px;color:#6b7280}.advanced-badge{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:999px;font-size:11px;font-weight:600;color:#1e40af;background:#e0e7ff}.toggle{position:relative;display:inline-block;width:44px;height:24px;cursor:pointer}.toggle.small{width:36px;height:20px}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;inset:0;background:#d1d5db;border-radius:24px;transition:all .2s}.toggle-slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:all .2s}.toggle.small .toggle-slider:before{height:14px;width:14px}.toggle input:checked+.toggle-slider{background:#10b981}.toggle input:checked+.toggle-slider:before{transform:translate(20px)}.toggle.small input:checked+.toggle-slider:before{transform:translate(16px)}.standards-tabs{display:flex;flex-wrap:wrap;gap:8px;background:#f3f4f6;padding:12px;border-radius:12px;overflow:visible;max-width:100%}.standards-tabs .tab{padding:10px 20px;background:transparent;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;color:#6b7280;white-space:nowrap;transition:all .2s}.standards-tabs .tab:hover{background:#e5e7eb;color:#111827}.standards-tabs .tab.active{background:#fff;color:#10b981;box-shadow:0 1px 3px #0000001a}.standards-tabs.category-tabs{margin-top:8px}.standards-category-card{margin-bottom:16px}.category-card-header{display:flex;align-items:flex-start;gap:20px;margin-bottom:20px}.category-icon{width:56px;height:56px;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.category-icon.large{width:64px;height:64px}.category-info{flex:1}.category-info h3{margin:0 0 8px;font-size:18px}.category-info p{margin:0 0 12px;color:#6b7280;font-size:14px}.framework-tags{display:flex;flex-wrap:wrap;gap:8px}.framework-tag{padding:4px 10px;background:#f3f4f6;border-radius:6px;font-size:11px;font-weight:600;color:#6b7280}.category-stats{text-align:center}.stat-circle{width:56px;height:56px;background:#f0fdf4;border:2px solid #10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#10b981;margin-bottom:4px}.category-stats span{font-size:12px;color:#6b7280}.controls-preview{background:#f9fafb;border-radius:8px;padding:16px}.control-preview-item{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid #e5e7eb}.control-preview-item:last-of-type{border-bottom:none}.severity-indicator{width:8px;height:8px;border-radius:50%}.severity-indicator.critical{background:#dc2626}.severity-indicator.high{background:#ef4444}.severity-indicator.medium{background:#f59e0b}.severity-indicator.low{background:#3b82f6}.control-id{font-family:Courier New,monospace;font-size:12px;color:#6b7280;background:#e5e7eb;padding:2px 8px;border-radius:4px}.control-name{flex:1;font-size:14px}.control-status{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.control-status.enabled{background:#d1fae5;color:#10b981}.control-status.disabled{background:#fee2e2;color:#ef4444}.show-more{display:block;width:100%;text-align:center;margin-top:12px;color:#10b981;font-size:13px}.category-detail-header{display:flex;align-items:center;gap:20px;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #e5e7eb}.category-detail-header h2{margin:0 0 8px}.category-detail-header p{margin:0;color:#6b7280}.controls-list{display:flex;flex-direction:column;gap:12px}.control-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:all .2s}.control-item.expanded{border-color:#10b981}.control-header{display:flex;align-items:center;gap:16px;padding:16px 20px;cursor:pointer;transition:background .2s}.control-header:hover{background:#f3f4f6}.severity-badge{padding:4px 10px;border-radius:6px;font-size:10px;font-weight:700;letter-spacing:.5px}.severity-badge.critical{background:#fef2f2;color:#dc2626}.severity-badge.high{background:#fef2f2;color:#ef4444}.severity-badge.medium{background:#fffbeb;color:#f59e0b}.severity-badge.low{background:#eff6ff;color:#3b82f6}.control-title{flex:1;display:flex;align-items:center;gap:12px}.control-title .control-name{font-weight:600}.control-actions{display:flex;align-items:center;gap:16px}.expand-icon{color:#6b7280;transition:transform .2s}.expand-icon.rotated{transform:rotate(90deg)}.control-details{padding:0 20px 20px;border-top:1px solid #e5e7eb;background:#fff}.control-description{padding:16px 0;color:#4b5563;line-height:1.6}.control-mappings,.control-settings,.control-remediation,.control-evidence{padding:16px 0;border-top:1px solid #e5e7eb}.control-mappings h4,.control-settings h4,.control-remediation h4,.control-evidence h4{font-size:13px;font-weight:600;color:#10b981;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.mappings-grid{display:flex;flex-wrap:wrap;gap:12px}.mapping-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f3f4f6;border-radius:8px}.mapping-framework{font-size:11px;font-weight:700;color:#6b7280}.mapping-ref{font-size:13px;color:#111827;font-family:Courier New,monospace}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.setting-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#f9fafb;border-radius:8px}.setting-item label{font-size:13px;color:#4b5563}.setting-input.small{min-width:120px;max-width:180px;font-size:13px;padding:6px 10px}.setting-value{font-size:13px;color:#111827;font-weight:500}.setting-value.array{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.control-remediation p,.control-evidence p{margin:0;color:#4b5563;font-size:14px;line-height:1.6}.task-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;transition:all .2s}.task-card.expanded{border-color:#10b981;box-shadow:0 4px 12px #10b98126}.task-card-header{display:flex;justify-content:space-between;align-items:flex-start;cursor:pointer;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #f3f4f6}.task-card-header:hover{opacity:.8}.task-title{display:flex;align-items:flex-start;gap:10px;flex:1}.task-title-text{font-weight:600;font-size:14px;line-height:1.4;color:#111827}.task-expand-icon{color:#9ca3af;transition:transform .2s;flex-shrink:0;margin-top:2px}.task-expand-icon.rotated{transform:rotate(90deg);color:#10b981}.task-summary{display:flex;gap:16px;margin-bottom:12px;flex-wrap:wrap}.task-owner{display:flex;align-items:center;gap:8px;font-size:13px;color:#6b7280}.task-due{display:flex;align-items:center;gap:6px;font-size:13px;color:#6b7280}.task-details{margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}.task-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:14px}.task-meta-item{display:flex;flex-direction:column;gap:6px}.task-meta-item .label{font-size:11px;text-transform:uppercase;letter-spacing:.04em;font-weight:700;color:#6b7280}.priority-badge,.category-badge{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-width:74px;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:700;line-height:1.2}.priority-badge.high{background:#fef2f2;color:#b91c1c}.priority-badge.medium{background:#fffbeb;color:#b45309}.priority-badge.low{background:#ecfdf5;color:#047857}.status-badge.not_started,.status-badge.not-started{background:#f3f4f6;color:#374151}.status-badge.in_progress,.status-badge.in-progress{background:#eff6ff;color:#1d4ed8}.status-badge.done{background:#ecfdf5;color:#047857}.task-description{margin:8px 0 10px;color:#374151;font-size:14px;line-height:1.45}.task-description p{margin:0}.task-evidence{margin-top:16px}.task-evidence h4{margin:0 0 8px;font-size:14px;color:#374151}.evidence-type{font-size:12px;font-weight:500;color:#374151}.evidence-timestamp{font-size:12px;color:#9ca3af}.evidence-link{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:13px;font-weight:500;color:#3b82f6;text-decoration:none}.evidence-link:hover{text-decoration:underline}.task-cloud-badge{margin-top:12px}.cloud-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;text-transform:capitalize;background:#f3f4f6;color:#374151}.cloud-badge.aws{background:#fff7ed;color:#c2410c}.cloud-badge.azure{background:#eff6ff;color:#1d4ed8}.cloud-badge.gcp{background:#ecfdf5;color:#047857}.task-detail-section{margin-bottom:20px}.task-detail-section>label{display:block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#6b7280;margin-bottom:8px}.task-decision-banner{display:flex;gap:10px;align-items:flex-start;padding:12px;border-radius:8px;border:1px solid #fde68a;background:#fef3c7;color:#92400e;margin-bottom:16px}.task-decision-banner-content{display:flex;flex-direction:column;gap:4px}.task-finding-link{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;color:#374151;margin-bottom:12px}.btn-link{border:none;background:transparent;color:#2563eb;font-size:13px;font-weight:600;padding:0;cursor:pointer}.btn-link:hover{color:#1d4ed8;text-decoration:underline}.task-decision-details{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#374151}.evidence-secondary{margin-top:6px;font-size:12px;color:#6b7280}.task-detail-section .status-select,.task-detail-section .form-input{width:100%;padding:10px 12px;font-size:14px}.affected-resources{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.affected-resource{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#f9fafb;border-radius:6px}.affected-resource code{font-size:13px;color:#10b981}.affected-resource .console-link{padding:4px;color:#3b82f6}.step-checklist{display:flex;flex-direction:column;gap:8px}.step-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb;transition:all .2s}.step-item.completed{background:#f0fdf4;border-color:#bbf7d0}.step-item.has-warning{border-color:#fcd34d}.step-checkbox{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer}.step-checkbox input{position:absolute;opacity:0;cursor:pointer}.step-checkbox .checkmark{width:22px;height:22px;border:2px solid #d1d5db;border-radius:6px;display:flex;align-items:center;justify-content:center;background:#fff;transition:all .2s}.step-item.completed .checkmark{background:#10b981;border-color:#10b981;color:#fff}.step-checkbox:hover .checkmark{border-color:#10b981}.step-content{flex:1}.step-type{display:inline-block;padding:2px 8px;background:#e5e7eb;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#6b7280;margin-right:8px}.step-type.review{background:#dbeafe;color:#1d4ed8}.step-type.identify{background:#fef3c7;color:#92400e}.step-type.validate{background:#fce7f3;color:#be185d}.step-type.backup{background:#e0e7ff;color:#4338ca}.step-type.execute{background:#d1fae5;color:#047857}.step-type.document{background:#f3e8ff;color:#7c3aed}.step-type.verify{background:#ccfbf1;color:#0f766e}.step-type.plan{background:#fee2e2;color:#b91c1c}.step-type.navigate{background:#fef9c3;color:#a16207}.step-text{font-size:14px;color:#374151;line-height:1.5}.step-item.completed .step-text{color:#6b7280;text-decoration:line-through}.step-warning{display:flex;align-items:center;gap:6px;margin-top:8px;padding:8px 10px;background:#fffbeb;border:1px solid #fcd34d;border-radius:6px;font-size:12px;color:#92400e}.step-command{position:relative;margin-top:8px;background:#1e293b;border-radius:6px;padding:12px 50px 12px 12px}.step-command pre{margin:0;overflow-x:auto}.step-command code{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;color:#e2e8f0;white-space:pre-wrap;word-break:break-all}.step-command .copy-btn{position:absolute;top:8px;right:8px;padding:6px;background:#ffffff1a;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;transition:all .2s}.step-command .copy-btn:hover{background:#fff3;color:#fff}.how-to-fix-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;margin-top:16px}.how-to-fix-section>label{display:flex!important;align-items:center;gap:8px;color:#0f172a!important;font-weight:600!important}.fix-format-tabs{display:flex;gap:4px;margin:12px 0;background:#e2e8f0;border-radius:6px;padding:4px}.fix-tab{flex:1;padding:8px 16px;background:transparent;border:none;border-radius:4px;font-size:13px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s}.fix-tab:hover{color:#1e293b}.fix-tab.active{background:#fff;color:#1e293b;box-shadow:0 1px 2px #0000000d}.fix-commands-list{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.fix-command-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.fix-resource-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#f1f5f9;border-bottom:1px solid #e2e8f0}.fix-resource-header .resource-name{font-family:Monaco,Menlo,monospace;font-size:13px;color:#0f172a;background:#e2e8f0;padding:4px 8px;border-radius:4px}.copy-btn-inline{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#10b981;border:none;border-radius:4px;font-size:12px;font-weight:500;color:#fff;cursor:pointer;transition:all .2s}.copy-btn-inline:hover{background:#059669}.fix-command-code{margin:0;padding:12px;background:#1e293b;overflow-x:auto}.fix-command-code code{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;color:#e2e8f0;white-space:pre-wrap;word-break:break-all;line-height:1.6}.more-resources{text-align:center;padding:12px;background:#f1f5f9;border-radius:6px;font-size:13px;color:#64748b}.copy-all-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}.evidence-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.evidence-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.evidence-item svg{color:#6b7280}.evidence-info{flex:1}.evidence-name{display:block;font-size:14px;font-weight:500;color:#111827}.evidence-meta{font-size:12px;color:#6b7280}.task-actions{display:flex;align-items:center;gap:16px;margin-top:20px;padding-top:16px;border-top:1px solid #e5e7eb}.task-footer-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;padding-top:14px;border-top:1px solid #e5e7eb}.task-done-indicator{display:inline-flex;align-items:center;gap:6px;color:#059669;font-size:13px;font-weight:600}.last-checked{font-size:12px;color:#9ca3af}.modal-large{max-width:800px;max-height:90vh;display:flex;flex-direction:column}.modal-large .modal-body{flex:1;overflow-y:auto;max-height:calc(90vh - 140px)}.modal-footer{display:flex;justify-content:space-between;gap:12px;padding:20px 24px;border-top:1px solid #e5e7eb;background:#f9fafb}.modal-footer .btn-primary{margin-left:auto}.setup-description{color:#6b7280;margin-bottom:24px;line-height:1.6}.provider-grid{display:flex;flex-direction:column;gap:12px}.provider-card{display:flex;align-items:center;gap:16px;padding:20px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s}.provider-card:hover{border-color:currentColor;transform:translate(4px)}.provider-icon{font-size:32px}.provider-info{flex:1}.provider-info h3{margin:0 0 4px;font-size:16px;color:#111827}.provider-info p{margin:0;font-size:14px;color:#6b7280}.setup-progress{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:32px;padding:20px;background:#f9fafb;border-radius:12px}.progress-step{display:flex;flex-direction:column;align-items:center;gap:8px}.step-number{width:32px;height:32px;border-radius:50%;background:#e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;transition:all .2s}.progress-step.active .step-number{background:#10b981;color:#fff}.progress-step.completed .step-number{background:#d1fae5;color:#10b981}.progress-step span{font-size:12px;color:#6b7280;white-space:nowrap}.progress-step.active span{color:#10b981;font-weight:600}.progress-line{flex:1;height:2px;background:#e5e7eb;max-width:60px}.setup-step-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.setup-step-content h4{font-size:16px;margin:0 0 8px;color:#111827}.section-description{color:#6b7280;margin-bottom:20px;font-size:14px}.info-box{padding:16px 20px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;margin-bottom:24px}.info-box.warning{background:#fffbeb;border-color:#fcd34d}.info-box h4{margin:0 0 8px;font-size:14px;color:#047857}.info-box.warning h4{color:#92400e}.info-box p{margin:0;font-size:14px;color:#065f46;line-height:1.6}.info-box.warning p{color:#78350f}.info-box ul{margin:8px 0 0;padding-left:20px;font-size:14px;color:#065f46}.info-box li{margin-bottom:4px}.permissions-table{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:24px;overflow:hidden}.permissions-header{display:grid;grid-template-columns:150px 1fr 1.5fr;gap:12px;padding:12px 16px;background:#f3f4f6;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#6b7280}.permissions-row{display:grid;grid-template-columns:150px 1fr 1.5fr;gap:12px;padding:12px 16px;border-top:1px solid #e5e7eb;font-size:13px}.perm-service{font-weight:600;color:#111827}.perm-actions code{font-size:11px;color:#6b7280;word-break:break-word}.perm-purpose{color:#6b7280}.setup-method-tabs h4{margin-bottom:16px}.method-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:20px;margin-bottom:16px}.method-card.recommended{border-color:#10b981}.method-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.method-badge{padding:4px 10px;background:#d1fae5;color:#047857;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase}.method-header h5{margin:0;font-size:15px}.method-card>p{color:#6b7280;font-size:14px;margin-bottom:16px}.method-actions{margin-bottom:16px}.code-block{background:#1f2937;border-radius:8px;overflow:hidden;margin-top:12px}.code-block.small{max-height:200px;overflow-y:auto}.code-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:#374151;font-size:12px;color:#9ca3af}.code-header .btn-text{color:#10b981;font-size:12px}.code-block pre{margin:0;padding:16px;font-size:12px;color:#e5e7eb;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.manual-steps{display:flex;flex-direction:column;gap:16px;margin-top:16px}.manual-step{display:flex;gap:16px}.step-badge{width:60px;height:24px;background:#f3f4f6;border-radius:6px;font-size:11px;font-weight:600;color:#6b7280;display:flex;align-items:center;justify-content:center;flex-shrink:0}.manual-step .step-content{flex:1}.manual-step p{margin:0 0 8px;font-size:14px;color:#374151}.manual-step ul{margin:8px 0;padding-left:20px}.manual-step li{font-size:13px;color:#6b7280}.copy-field{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:8px}.copy-field label{font-size:12px;color:#6b7280;min-width:80px}.copy-field code{flex:1;font-size:13px;color:#10b981}.input-with-copy{display:flex;gap:8px}.input-with-copy .form-input{flex:1}.connection-summary{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:20px;margin-bottom:24px}.summary-item{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #e5e7eb}.summary-item:last-child{border-bottom:none}.summary-item label{font-size:13px;color:#6b7280}.summary-item span,.summary-item code{font-size:14px;color:#111827;font-weight:500}.summary-item code{font-size:12px;background:#e5e7eb;padding:4px 8px;border-radius:4px}.btn-large{padding:14px 28px;font-size:16px}.validation-result{display:flex;align-items:flex-start;gap:16px;padding:24px;border-radius:12px;margin-top:20px}.validation-result.success{background:#f0fdf4;border:2px solid #10b981;color:#047857}.validation-result.error{background:#fef2f2;border:2px solid #ef4444;color:#b91c1c}.result-content h4{margin:0 0 8px}.result-content p{margin:0 0 12px}.result-stats{display:flex;gap:20px;font-size:14px}.form-hint{display:block;margin-top:6px;font-size:12px;color:#9ca3af}.control-standards{padding:16px 0;border-top:1px solid #e5e7eb}.control-standards h4{font-size:13px;font-weight:600;color:#10b981;margin:0 0 16px;text-transform:uppercase;letter-spacing:.5px}.standards-accordion{display:flex;flex-direction:column;gap:12px}.standard-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.standard-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f3f4f6;border-bottom:1px solid #e5e7eb}.framework-badge{padding:4px 12px;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.5px}.framework-badge.soc2{background:#dbeafe;color:#1d4ed8}.framework-badge.nist{background:#fef3c7;color:#92400e}.framework-badge.cis{background:#d1fae5;color:#047857}.framework-badge.iso27001{background:#e0e7ff;color:#4338ca}.framework-badge.ccm{background:#fce7f3;color:#be185d}.standard-ref{font-family:Courier New,monospace;font-size:13px;color:#6b7280}.standard-content{padding:16px}.standard-text{margin-bottom:16px}.standard-text strong{display:block;font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.standard-text p{margin:0;font-size:14px;line-height:1.6;color:#374151;background:#fff;padding:12px 16px;border-radius:8px;border-left:4px solid #10b981}.standard-criteria,.audit-questions{margin-bottom:16px}.standard-criteria:last-child,.audit-questions:last-child{margin-bottom:0}.standard-criteria strong,.audit-questions strong{display:block;font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.standard-criteria ul,.audit-questions ul{margin:0;padding:0;list-style:none}.standard-criteria li{position:relative;padding:8px 12px 8px 32px;margin-bottom:4px;background:#fff;border-radius:6px;font-size:13px;color:#374151;border:1px solid #e5e7eb}.standard-criteria li:before{content:"✓";position:absolute;left:10px;color:#10b981;font-weight:700}.audit-questions li{position:relative;padding:8px 12px 8px 32px;margin-bottom:4px;background:#fffbeb;border-radius:6px;font-size:13px;color:#92400e;border:1px solid #fcd34d}.audit-questions li:before{content:"?";position:absolute;left:10px;color:#f59e0b;font-weight:700;font-size:14px}.tab-divider{width:1px;height:24px;background:#d1d5db;margin:0 8px}.standards-tabs .tab{display:flex;align-items:center;gap:6px}.standards-editor{margin-top:24px;display:flex;flex-direction:column;gap:24px;animation:slideDown .3s ease}.naming-builder{background:#f9fafb;border-radius:12px;padding:24px;margin-top:20px}.pattern-input-section{margin-bottom:24px}.pattern-input-section label{display:block;font-size:14px;font-weight:600;margin-bottom:8px;color:#374151}.pattern-input-wrapper{display:flex;flex-direction:column;gap:12px}.pattern-input{font-family:Courier New,monospace;font-size:16px;padding:14px 16px;background:#fff;border:2px solid #e5e7eb}.pattern-input:focus{border-color:#10b981;outline:none}.pattern-preview{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#d1fae5;border-radius:8px}.preview-label{font-size:13px;color:#065f46;font-weight:600}.pattern-preview code{font-size:15px;color:#047857;font-weight:600}.pattern-options{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.option-group{display:flex;flex-direction:column;gap:8px}.option-group label{font-size:13px;font-weight:600;color:#6b7280}.tokens-table{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;margin-top:16px}.tokens-header,.tokens-row{display:grid;grid-template-columns:120px 150px 140px 1fr 80px 60px;gap:12px;padding:12px 16px;align-items:center}.tokens-header{background:#f3f4f6;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#6b7280}.tokens-row{border-top:1px solid #e5e7eb}.tokens-row code{font-size:13px;color:#10b981;background:#f0fdf4;padding:4px 8px;border-radius:4px}.form-input.compact{padding:8px 10px;font-size:13px}.resource-patterns-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-top:16px}.resource-pattern-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.resource-pattern-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f3f4f6;border-bottom:1px solid #e5e7eb}.resource-type-name{font-weight:600;font-size:14px;color:#111827}.resource-pattern-content{padding:16px}.pattern-display{display:block;padding:10px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:13px;color:#10b981;margin-bottom:12px}.pattern-example{font-size:12px;color:#6b7280}.pattern-example code{color:#374151;background:#e5e7eb;padding:2px 6px;border-radius:4px}.naming-test{margin-top:16px}.test-input-group{display:flex;gap:12px}.test-input-group .form-input{flex:1}.test-results{margin-top:16px}.test-result{display:flex;align-items:flex-start;gap:16px;padding:16px 20px;border-radius:10px}.test-result.success{background:#f0fdf4;border:1px solid #10b981;color:#065f46}.test-result.error{background:#fef2f2;border:1px solid #ef4444;color:#991b1b}.test-result strong{display:block;margin-bottom:4px}.test-result p{margin:0;font-size:14px}.test-result .suggestion{margin-top:8px;padding:8px 12px;background:#ffffff80;border-radius:6px;font-family:Courier New,monospace}.tags-config-table{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;margin-top:16px}.tags-header,.tags-row{display:grid;grid-template-columns:140px 120px 180px 1fr 80px 60px;gap:12px;padding:12px 16px;align-items:center}.tags-header{background:#f3f4f6;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#6b7280}.tags-row{border-top:1px solid #e5e7eb}.validation-hint{font-size:12px;color:#9ca3af;font-style:italic}.optional-tags-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:16px}.optional-tag-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.optional-tag-header{display:flex;gap:12px;padding:12px;background:#f3f4f6;border-bottom:1px solid #e5e7eb}.optional-tag-header .form-input{flex:1;font-weight:600}.optional-tag-body{padding:12px;display:flex;flex-direction:column;gap:8px}.environments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-top:16px}.environment-card{background:#fff;border:1px solid #e5e7eb;border-left:4px solid;border-radius:10px;overflow:hidden}.env-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.env-header h3{margin:0;font-size:16px;color:#111827}.env-header code{padding:2px 8px;border-radius:6px;background:#f3f4f6;color:#374151;font-size:12px;font-weight:600}.env-details{display:flex;flex-direction:column;gap:8px}.env-detail{display:flex;gap:8px;font-size:13px}.env-detail .label{color:#6b7280;font-weight:600;min-width:120px}.env-detail .value{color:#374151}.env-card-header{display:flex;align-items:center;gap:12px;padding:16px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.env-color-indicator{width:16px;height:16px;border-radius:4px;flex-shrink:0}.env-name-input{flex:1;font-weight:600;font-size:16px;border:none;background:transparent;padding:4px}.env-name-input:focus{outline:none;background:#fff;border-radius:4px}.env-card-body{padding:16px;display:flex;flex-direction:column;gap:12px}.env-field{display:flex;flex-direction:column;gap:6px}.env-field label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.color-picker{width:60px;height:36px;border:1px solid #d1d5db;border-radius:6px;cursor:pointer}.checkbox-field{flex-direction:row;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px solid #e5e7eb}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#10b981}.prod-data-warning{display:flex;align-items:center;gap:4px;font-size:11px;color:#f59e0b;padding:4px 8px;background:#fffbeb;border-radius:4px}.env-matrix{margin-top:16px;overflow-x:auto}.matrix-table{width:100%;border-collapse:collapse;font-size:14px}.matrix-table th,.matrix-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #e5e7eb}.matrix-table th{background:#f3f4f6;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#6b7280}.matrix-table tr:hover td{background:#f9fafb}.env-name-cell{display:flex;align-items:center;gap:10px;font-weight:600}.env-color-dot{width:12px;height:12px;border-radius:50%}.matrix-table code{background:#f3f4f6;padding:2px 8px;border-radius:4px;font-size:13px}.validation-rules{display:flex;flex-direction:column;gap:16px;margin-top:16px}.rule-item{display:flex;align-items:flex-start;gap:16px;padding:16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px}.rule-content{flex:1}.rule-content strong{display:block;margin-bottom:4px;font-size:14px}.rule-content p{margin:0;font-size:13px;color:#6b7280}.modal-lg{max-width:600px}.modal-sm{max-width:420px}.modal-header.warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.modal-header.danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.modal-header.warning .modal-close,.modal-header.danger .modal-close{color:#fff}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:6px}.form-input{width:100%;padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:all .2s}.form-input:read-only{background:#f3f4f6;color:#6b7280}textarea.form-input{resize:vertical;min-height:100px}select.form-input{cursor:pointer}.radio-group{display:flex;gap:20px}.radio-label{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}.radio-label input[type=radio]{width:18px;height:18px;accent-color:#10b981}.input-with-addon{display:flex;align-items:center}.input-with-addon .form-input{border-radius:0}.input-with-addon .addon{padding:10px 12px;background:#f3f4f6;border:1px solid #d1d5db;font-size:14px;color:#6b7280}.input-with-addon .addon:first-child{border-radius:8px 0 0 8px;border-right:none}.input-with-addon .addon:last-child{border-radius:0 8px 8px 0;border-left:none}.input-with-addon .form-input:first-child{border-radius:8px 0 0 8px}.input-with-addon .form-input:last-child{border-radius:0 8px 8px 0}.info-box{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#1e40af;font-size:13px;margin-top:16px}.info-box svg{flex-shrink:0;margin-top:2px}.warning-box{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;color:#92400e;font-size:13px;margin:16px 0}.warning-box svg{flex-shrink:0;color:#f59e0b}.warning-box ul{margin:8px 0 0;padding-left:16px}.warning-box li{margin-bottom:4px}.warning-box p{margin:8px 0 0;font-size:12px;color:#78716c}.danger-box{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;font-size:13px;margin:16px 0}.danger-box svg{flex-shrink:0;color:#ef4444}.danger-box ul{margin:8px 0 0;padding-left:16px}.danger-box li{margin-bottom:4px}.current-plan-info{display:flex;align-items:center;gap:12px;padding:16px;background:#f9fafb;border-radius:8px;margin-bottom:20px}.current-plan-info .mrr{font-size:18px;font-weight:700;color:#111827;margin-left:auto}.discount-preview{display:flex;align-items:center;gap:12px;padding:16px;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;margin-top:16px}.discount-preview .new-mrr{font-size:20px;font-weight:700;color:#059669}.discount-preview .savings{font-size:13px;color:#10b981;margin-left:auto}.btn-danger{display:flex;align-items:center;gap:8px;background:#ef4444;color:#fff;padding:10px 20px;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s}.dropdown-menu button.success{color:#059669}.dropdown-menu button.success:hover{background:#ecfdf5}.executive-alert{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-radius:12px;color:#fff}.executive-alert.high,.executive-alert.critical{background:linear-gradient(135deg,#ef4444,#dc2626)}.executive-alert.medium{background:linear-gradient(135deg,#f59e0b,#d97706)}.executive-alert.low{background:linear-gradient(135deg,#3b82f6,#2563eb)}.alert-content{display:flex;align-items:center;gap:16px}.alert-text{display:flex;flex-direction:column;gap:4px}.alert-text strong{font-size:16px}.alert-text span{font-size:14px;opacity:.9}.btn-alert{display:flex;align-items:center;gap:8px;background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-alert:hover{background:#ffffff4d}.executive-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.kpi-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.kpi-card.score{border-left:4px solid #10b981;transition:all .3s ease}.kpi-card.score.expanded{grid-column:span 2}.score-breakdown{margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.breakdown-header{display:flex;flex-direction:column;margin-bottom:12px}.breakdown-header strong{font-size:14px;color:#374151}.breakdown-subtitle{font-size:11px;color:#9ca3af}.breakdown-dimensions{display:flex;flex-direction:column;gap:10px}.dimension-item{display:flex;flex-direction:column;gap:4px}.dimension-header{display:flex;justify-content:space-between;align-items:center}.dimension-name{font-size:12px;color:#4b5563}.dimension-weight{font-size:11px;color:#9ca3af}.dimension-bar-container{display:flex;align-items:center;gap:8px;height:20px}.dimension-bar{height:8px;border-radius:4px;transition:width .5s ease;min-width:4px}.dimension-score{font-size:12px;font-weight:600;color:#374151;min-width:28px;text-align:right}.breakdown-recommendations{margin-top:12px;padding-top:12px;border-top:1px solid #f3f4f6}.breakdown-recommendations strong{font-size:12px;color:#374151;display:block;margin-bottom:8px}.breakdown-recommendations ul{margin:0;padding-left:16px}.breakdown-recommendations li{font-size:11px;color:#6b7280;margin-bottom:4px;line-height:1.4}.kpi-card.compliance{border-left:4px solid #3b82f6}.kpi-card.cost{border-left:4px solid #ef4444}.kpi-card.security{border-left:4px solid #f59e0b}.kpi-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.kpi-label{font-size:13px;color:#6b7280;font-weight:500}.kpi-trend{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:600}.kpi-trend.positive{color:#10b981}.kpi-trend.negative{color:#ef4444}.kpi-badge{font-size:10px;padding:2px 8px;border-radius:12px;font-weight:600;text-transform:uppercase}.kpi-badge.danger{background:#fef2f2;color:#ef4444}.kpi-value{font-size:36px;font-weight:700;color:#111827;line-height:1;margin-bottom:8px}.kpi-unit{font-size:18px;color:#6b7280;font-weight:400}.kpi-context{font-size:12px;color:#6b7280}.risk-matrix{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:16px}.risk-item{padding:16px;border-radius:8px;border:1px solid #e5e7eb}.risk-item.high{background:#fef2f2;border-color:#fecaca}.risk-item.medium{background:#fffbeb;border-color:#fde68a}.risk-item.low{background:#eff6ff;border-color:#bfdbfe}.risk-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.risk-name{font-weight:600;color:#111827}.risk-probability{font-size:11px;padding:2px 8px;border-radius:4px;font-weight:600}.risk-probability.high{background:#ef4444;color:#fff}.risk-probability.medium{background:#f59e0b;color:#fff}.risk-probability.low{background:#3b82f6;color:#fff}.risk-impact{font-size:13px;color:#374151;margin-bottom:8px}.risk-impact strong{color:#111827}.risk-description{font-size:12px;color:#6b7280}.dashboard-two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}.card-subtitle{font-size:13px;color:#6b7280;margin-top:-8px;margin-bottom:16px}.compliance-bars{display:flex;flex-direction:column;gap:16px}.compliance-bar-item{display:flex;flex-direction:column;gap:8px}.compliance-bar-header{display:flex;justify-content:space-between;align-items:center}.framework-name{font-weight:600;font-size:13px;color:#374151}.framework-score{font-weight:700;font-size:14px}.framework-score.good{color:#10b981}.framework-score.warning{color:#f59e0b}.framework-score.danger{color:#ef4444}.validation-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.validation-badge.not-validated{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.validation-badge.validated{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.validation-badge.partial{background:#e0e7ff;color:#3730a3;border:1px solid #a5b4fc}.compliance-disclaimer{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24;border-radius:8px;margin-bottom:16px}.compliance-disclaimer-icon{flex-shrink:0;color:#d97706}.compliance-disclaimer-content{flex:1}.compliance-disclaimer-title{font-weight:600;font-size:13px;color:#92400e;margin-bottom:4px}.compliance-disclaimer-text{font-size:12px;color:#78350f;line-height:1.5}.framework-validation-status{display:flex;align-items:center;gap:6px;margin-top:4px}.score-estimated{position:relative}.score-estimated:after{content:"*";color:#f59e0b;font-size:16px;font-weight:700;position:absolute;top:-2px;right:-8px}.estimated-label{font-size:10px;color:#9ca3af;font-style:italic}.progress-bar.large{height:8px}.compliance-note{display:flex;align-items:center;gap:8px;margin-top:16px;padding:12px;background:#fffbeb;border-radius:8px;font-size:13px;color:#92400e}.category-health-list{display:flex;flex-direction:column;gap:12px}.category-health-item{padding-bottom:12px;border-bottom:1px solid #f3f4f6}.category-health-item:last-child{border-bottom:none;padding-bottom:0}.category-health-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.category-metrics{display:flex;align-items:center;gap:12px}.category-trend{font-size:12px;font-weight:600}.category-resources{font-size:11px;color:#9ca3af;margin-top:4px}.critical-issues-list{display:flex;flex-direction:column;gap:12px}.critical-issue-item{display:flex;align-items:flex-start;gap:16px;padding:16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;cursor:pointer;transition:all .2s}.critical-issue-item:hover{background:#fee2e2}.issue-severity{padding:8px;border-radius:8px;color:#fff}.issue-severity.critical{background:#7f1d1d}.issue-severity.high{background:#ef4444}.issue-content{flex:1}.issue-title{font-weight:600;color:#111827;margin-bottom:4px}.issue-impact{font-size:13px;color:#6b7280;margin-bottom:8px}.issue-meta{display:flex;gap:16px;font-size:12px;color:#9ca3af}.issue-arrow{color:#9ca3af;margin-top:8px}.velocity-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.velocity-item{text-align:center;padding:20px;background:#f9fafb;border-radius:8px}.velocity-item.warning{background:#fef2f2}.velocity-item.warning .velocity-value{color:#ef4444}.velocity-value{font-size:28px;font-weight:700;color:#111827;margin-bottom:4px}.velocity-label{font-size:12px;color:#6b7280}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.progress-percentage{font-size:12px;font-weight:600;color:#3b82f6}.progress-steps{font-size:11px;color:#9ca3af}.header-actions{display:flex;gap:12px}.reports-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.reports-title{font-size:28px;font-weight:700;margin:0}.reports-subtitle{color:#6b7280;font-size:14px;margin:4px 0 0}.executive-summary{background:linear-gradient(135deg,#f9fafb,#f3f4f6)}.summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #e5e7eb}.summary-header h2{margin:0}.report-date{font-size:13px;color:#6b7280}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.summary-section h4{font-size:14px;font-weight:600;color:#374151;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.summary-section ul,.summary-section ol{margin:0;padding-left:20px}.summary-section li{font-size:13px;color:#4b5563;margin-bottom:8px;line-height:1.5}.summary-section .good{color:#10b981}.summary-section .warning{color:#f59e0b}.summary-section .danger{color:#ef4444}.risk-impact-table table{width:100%;border-collapse:collapse;margin-top:16px}.risk-impact-table th,.risk-impact-table td{padding:12px;text-align:left;border-bottom:1px solid #e5e7eb;font-size:13px}.risk-impact-table th{background:#f9fafb;font-weight:600;color:#374151}.risk-impact-table tr.risk-high{background:#fef2f2}.risk-impact-table tr.risk-medium{background:#fffbeb}.badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.badge.danger{background:#ef4444;color:#fff}.badge.warning{background:#f59e0b;color:#fff}.badge.info{background:#3b82f6;color:#fff}.status-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:500}.status-badge.in-progress{background:#dbeafe;color:#1d4ed8}.status-badge.not-started{background:#fee2e2;color:#dc2626}.status-badge.done{background:#dcfce7;color:#16a34a}.report-two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}.findings-summary{display:flex;justify-content:center;gap:24px;margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}.finding-stat{text-align:center;font-size:13px;color:#6b7280}.finding-stat span{display:block;font-size:24px;font-weight:700;margin-bottom:4px}.finding-stat.critical span{color:#7f1d1d}.finding-stat.high span{color:#ef4444}.finding-stat.medium span{color:#f59e0b}.finding-stat.low span{color:#3b82f6}.cost-attribution{display:flex;flex-direction:column;gap:16px}.cost-metric{text-align:center;padding:20px;background:#f9fafb;border-radius:8px}.cost-metric-value{font-size:32px;font-weight:700;color:#111827}.cost-metric-label{font-size:13px;color:#6b7280}.cost-breakdown{display:flex;flex-direction:column;gap:8px}.cost-row{display:flex;justify-content:space-between;padding:10px;background:#f9fafb;border-radius:6px;font-size:13px}.cost-row.warning{background:#fffbeb}.cost-row.danger{background:#fef2f2}.cost-row .good{color:#10b981;font-weight:600}.cost-callout{display:flex;align-items:center;gap:10px;padding:12px;background:#fef2f2;border-radius:8px;font-size:13px;color:#991b1b}.compliance-report-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:16px}.compliance-card{text-align:center;padding:20px;background:#f9fafb;border-radius:12px}.compliance-framework{font-size:11px;font-weight:600;color:#6b7280;margin-bottom:8px;letter-spacing:.5px}.compliance-score{font-size:36px;font-weight:700;margin-bottom:4px}.compliance-score.good{color:#10b981}.compliance-score.warning{color:#f59e0b}.compliance-score.danger{color:#ef4444}.compliance-status{font-size:12px;color:#6b7280;margin-bottom:12px}.remediation-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:16px}.remediation-stat{text-align:center;padding:24px;background:#f9fafb;border-radius:12px}.remediation-stat.warning{background:#fef2f2}.stat-circle{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:24px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.stat-value{font-size:28px;font-weight:700;color:#111827;margin-bottom:8px}.stat-label{font-size:12px;color:#6b7280;line-height:1.4}@media (max-width: 1400px){.executive-kpi-grid,.velocity-grid,.compliance-report-grid,.remediation-metrics{grid-template-columns:repeat(2,1fr)}.summary-grid,.dashboard-two-col,.report-two-col,.risk-matrix{grid-template-columns:1fr}}.view-subtitle{font-size:14px;color:#6b7280;margin-top:4px}.stripe-tabs{display:flex;gap:4px;background:#f3f4f6;padding:4px;border-radius:12px;width:fit-content}.stripe-tab{padding:10px 20px;border:none;background:transparent;border-radius:8px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.stripe-tab:hover{color:#374151;background:#e5e7eb}.stripe-tab.active{background:#fff;color:#6366f1;box-shadow:0 1px 3px #0000001a}.stripe-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.stripe-metric-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;display:flex;gap:16px;align-items:flex-start}.stripe-metric-card.primary{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none}.stripe-metric-card.primary .metric-label,.stripe-metric-card.primary .metric-change{color:#fffc}.stripe-metric-card.warning{border-left:4px solid #f59e0b}.metric-icon{width:48px;height:48px;border-radius:12px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#6366f1}.stripe-metric-card.primary .metric-icon{background:#fff3;color:#fff}.metric-value{font-size:28px;font-weight:700;line-height:1.2;margin-bottom:4px}.metric-change{font-size:12px;margin-top:8px}.metric-change.positive{color:#10b981}.metric-sub{font-size:12px;color:#9ca3af;margin-top:4px}.stripe-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px}.revenue-breakdown{display:flex;flex-direction:column;gap:20px;padding-top:8px}.revenue-item{display:flex;flex-direction:column;gap:8px}.revenue-header{display:flex;justify-content:space-between;align-items:center}.plan-name{font-weight:600;color:#111827}.plan-customers{font-size:12px;color:#6b7280}.revenue-bar-container{height:8px;background:#f3f4f6;border-radius:4px;overflow:hidden}.revenue-bar{height:100%;border-radius:4px;transition:width .3s ease}.revenue-amount{font-size:13px;color:#374151}.saas-metrics-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:24px;padding-top:16px}.saas-metric{text-align:center;padding:16px;background:#f9fafb;border-radius:8px}.saas-metric-value{display:block;font-size:24px;font-weight:700;color:#111827;margin-bottom:4px}.saas-metric-label{font-size:11px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.table-header h2{margin:0}.table-filters{display:flex;gap:12px}.filter-select{padding:8px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:13px;background:#fff}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #f3f4f6;font-size:13px}.data-table th{background:#f9fafb;font-weight:600;color:#374151;text-transform:uppercase;font-size:11px;letter-spacing:.5px}.data-table tr:hover{background:#f9fafb}.data-table tr.row-warning{background:#fffbeb}.data-table tr.row-warning:hover{background:#fef3c7}.table-container{overflow-x:auto}.stripe-table{width:100%;border-collapse:collapse}.stripe-table th,.stripe-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #f3f4f6;font-size:13px}.stripe-table th{background:#f9fafb;font-weight:600;color:#374151;text-transform:uppercase;font-size:11px;letter-spacing:.5px}.stripe-table tr:hover{background:#f9fafb}.amount{font-weight:600;color:#111827}.date{color:#6b7280;white-space:nowrap}.stripe-id{background:#f3f4f6;padding:2px 6px;border-radius:4px;font-family:Monaco,Menlo,monospace;font-size:11px;color:#6b7280}.coupon-code{background:#dbeafe;padding:4px 8px;border-radius:4px;font-family:Monaco,Menlo,monospace;font-size:12px;color:#1d4ed8;font-weight:600}.payment-method{display:inline-flex;align-items:center;gap:6px;color:#374151}.text-danger{color:#ef4444}.text-warning{color:#f59e0b}.plan-badge{display:inline-block;padding:2px 8px;background:#eff6ff;color:#3b82f6;border-radius:4px;font-size:12px;font-weight:600}.cancel-warning{display:block;font-size:11px;color:#f59e0b;margin-top:4px}.event-type{font-family:Monaco,Menlo,monospace;font-size:11px;padding:4px 8px;border-radius:4px;background:#f3f4f6}.event-type.success{background:#dcfce7;color:#166534}.event-type.danger{background:#fee2e2;color:#991b1b}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:16px}.product-header{display:flex;justify-content:space-between;align-items:center}.product-header h3{margin:0;font-size:18px}.product-description{color:#6b7280;font-size:14px;margin:0}.product-prices{display:flex;gap:16px}.price-item{background:#f9fafb;padding:12px 16px;border-radius:8px}.price-amount{font-size:24px;font-weight:700;color:#111827}.price-interval{font-size:14px;color:#6b7280}.product-features{font-size:13px}.product-features strong{display:block;margin-bottom:8px;color:#374151}.product-features ul{margin:0;padding:0;list-style:none}.product-features li{display:flex;align-items:center;gap:8px;padding:4px 0;color:#6b7280}.product-features li svg{color:#10b981}.product-limit{padding-top:16px;border-top:1px solid #f3f4f6;font-size:13px;color:#374151}.btn-group{display:flex;gap:8px}.btn-sm{padding:6px 12px;font-size:12px}.btn-outline.danger{color:#ef4444;border-color:#fecaca}.btn-outline.danger:hover{background:#fef2f2}@media (max-width: 1400px){.stripe-metrics-grid{grid-template-columns:repeat(2,1fr)}.saas-metrics-grid{grid-template-columns:repeat(3,1fr)}.products-grid{grid-template-columns:repeat(2,1fr)}.stripe-grid-2{grid-template-columns:1fr}}@media (max-width: 768px){.stripe-tabs{overflow-x:auto;width:100%}.stripe-metrics-grid{grid-template-columns:1fr}.saas-metrics-grid{grid-template-columns:repeat(2,1fr)}.products-grid{grid-template-columns:1fr}}.audit-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.audit-stats .stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;text-align:center}.audit-stats .stat-card.critical{border-left:4px solid #ef4444}.audit-stats .stat-card.warning{border-left:4px solid #f59e0b}.audit-stats .stat-value{font-size:28px;font-weight:700;color:#111827}.audit-stats .stat-label{font-size:13px;color:#6b7280;margin-top:4px}.filter-bar{display:flex;justify-content:space-between;align-items:center;gap:16px}.search-box{display:flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb;flex:1;max-width:400px}.search-box input{border:none;background:transparent;outline:none;font-size:14px;width:100%}.search-box svg{color:#9ca3af}.filter-buttons{display:flex;gap:8px}.audit-export-controls{display:flex;align-items:center;gap:8px}.audit-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-top:16px}.filter-select,.filter-input{width:100%;padding:8px 12px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;font-size:13px}.filter-actions{display:flex;align-items:flex-end}.audit-message{margin-top:12px;padding:10px 12px;border-radius:8px;font-size:13px;background:#f3f4f6;color:#374151}.audit-message.error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.audit-message.success{background:#ecfdf3;color:#047857;border:1px solid #a7f3d0}.load-more{display:flex;justify-content:center;padding:16px}.filter-btn{padding:8px 16px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;font-size:13px;cursor:pointer;transition:all .2s}.filter-btn:hover{background:#f3f4f6}.filter-btn.active{background:#10b981;color:#fff;border-color:#10b981}.timestamp{font-family:Monaco,Menlo,monospace;font-size:12px;color:#6b7280}.user-cell{display:flex;align-items:center;gap:6px}.system-user{display:flex;align-items:center;gap:4px;color:#6366f1;font-family:Monaco,monospace;font-size:12px}.unknown-user{display:flex;align-items:center;gap:4px;color:#ef4444}.action-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background:#f3f4f6;border-radius:4px;font-size:12px;font-weight:500}.details-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:#4b5563}.ip-address{font-family:Monaco,Menlo,monospace;font-size:11px;background:#f3f4f6;padding:2px 6px;border-radius:4px}.row-critical{background:#fef2f2!important}.row-muted{opacity:.6}.roles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.role-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:20px;cursor:pointer;transition:all .2s}.role-card:hover{border-color:#10b981;box-shadow:0 4px 12px #0000001a}.role-card.selected{border-color:#10b981;background:#f0fdf4}.role-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.role-color{width:12px;height:12px;border-radius:50%}.role-color-lg{width:16px;height:16px;border-radius:50%;margin-right:8px}.role-info h3{margin:0;font-size:16px}.role-users{font-size:12px;color:#6b7280}.system-badge{font-size:10px;background:#dbeafe;color:#1d4ed8;padding:2px 6px;border-radius:4px;margin-left:auto}.role-description{font-size:13px;color:#6b7280;margin:0 0 12px}.role-permissions-count{font-size:12px;color:#10b981;font-weight:500}.role-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.role-detail-header h2{display:flex;align-items:center;margin:0}.permissions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.permission-category h4{margin:0 0 12px;color:#374151;font-size:14px;border-bottom:1px solid #e5e7eb;padding-bottom:8px}.permission-list{display:flex;flex-direction:column;gap:8px}.permission-item{display:flex;align-items:center;gap:8px;font-size:13px}.permission-check{display:flex;align-items:center}.permission-check.granted{color:#10b981}.permission-check.denied{color:#d1d5db}.permissions-matrix{overflow-x:auto}.matrix-table{width:100%;border-collapse:collapse}.matrix-table th,.matrix-table td{padding:12px;text-align:center;border-bottom:1px solid #f3f4f6}.matrix-table th{background:#f9fafb}.role-header-cell{padding:4px 8px;border-left:3px solid;font-size:12px}.perm-cell{text-align:left}.perm-name{display:block;font-weight:500}.perm-category{font-size:11px;color:#9ca3af}.check-cell{width:80px}.check-granted{color:#10b981}.check-denied{color:#e5e7eb}.api-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.api-stats .stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;text-align:center}.api-stats .stat-card.warning{border-left:4px solid #f59e0b}.security-notice{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;color:#92400e}.security-notice strong{color:#78350f}.api-key-cell{display:flex;align-items:center;gap:8px}.api-key-cell code{font-family:Monaco,Menlo,monospace;font-size:12px;background:#f3f4f6;padding:4px 8px;border-radius:4px}.btn-icon{padding:4px;border:none;background:transparent;cursor:pointer;color:#6b7280;border-radius:4px}.btn-icon:hover{background:#f3f4f6;color:#374151}.scopes-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.scope-item{display:flex;flex-direction:column;gap:4px;padding:12px;background:#f9fafb;border-radius:8px}.scope-item code{font-family:Monaco,Menlo,monospace;font-size:12px;color:#6366f1;font-weight:600}.scope-item span{font-size:12px;color:#6b7280}.feature-flags-list{display:flex;flex-direction:column;gap:16px;margin-top:20px}.feature-flag-item{display:flex;align-items:flex-start;gap:20px;padding:20px;background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb}.feature-flag-item.enabled{background:#f0fdf4;border-color:#bbf7d0}.flag-toggle{flex-shrink:0}.toggle-btn{border:none;background:transparent;cursor:pointer;padding:0}.toggle-btn.on{color:#10b981}.toggle-btn.off{color:#d1d5db}.flag-info{flex:1}.flag-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.flag-header h4{margin:0;font-size:15px}.scope-badge{font-size:10px;padding:2px 8px;border-radius:4px;font-weight:500}.scope-badge.global{background:#dbeafe;color:#1d4ed8}.scope-badge.plan{background:#fef3c7;color:#92400e}.scope-badge.beta{background:#ede9fe;color:#6d28d9}.category-badge{font-size:10px;padding:2px 8px;border-radius:4px;background:#f3f4f6;color:#6b7280}.flag-info p{margin:0;font-size:13px;color:#6b7280}.enabled-for{margin-top:8px;font-size:12px;color:#10b981}.settings-form{display:flex;flex-direction:column;gap:20px;margin-top:20px}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.form-group label{display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:6px}.form-input{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px}.form-input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.form-hint{display:block;font-size:11px;color:#9ca3af;margin-top:4px}.form-textarea{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;resize:vertical}.checkbox-group label{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-group input[type=checkbox]{width:16px;height:16px}.limit-input{width:80px;padding:6px 10px;border:1px solid #e5e7eb;border-radius:6px;text-align:center}.limit-name{font-weight:600;color:#111827}.limit-description{font-size:12px;color:#6b7280;margin-top:2px}.unlimited{color:#10b981;font-weight:500}.config-message{margin-top:12px;padding:10px 12px;border-radius:8px;font-size:13px;background:#f3f4f6;color:#374151}.config-message.error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.config-message.success{background:#ecfdf3;color:#047857;border:1px solid #a7f3d0}.maintenance-controls{display:flex;flex-direction:column;gap:24px}.maintenance-status{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px}.maintenance-status.active{background:#fef2f2;border-color:#fecaca}.status-indicator{display:flex;align-items:center;gap:12px;font-weight:600}.maintenance-status:not(.active) .status-indicator{color:#166534}.maintenance-status.active .status-indicator{color:#991b1b}.btn-warning{background:#f59e0b;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:500}.btn-warning:hover{background:#d97706}.btn-danger{background:#ef4444;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:500}.btn-danger:hover{background:#dc2626}.announcements-list{display:flex;flex-direction:column;gap:16px;margin-top:16px}.announcement-item{padding:20px;background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb}.announcement-item.feature{border-left:4px solid #6366f1}.announcement-item.maintenance{border-left:4px solid #f59e0b}.announcement-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.announcement-type{display:flex;align-items:center;gap:6px;font-size:12px;text-transform:uppercase;font-weight:600;color:#6b7280}.announcement-item h4{margin:0 0 8px}.announcement-item p{margin:0 0 12px;font-size:14px;color:#4b5563}.announcement-meta{display:flex;gap:16px;font-size:12px;color:#9ca3af;margin-bottom:12px}@media (max-width: 1400px){.audit-stats,.api-stats,.roles-grid,.permissions-grid,.scopes-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.audit-stats,.api-stats,.roles-grid,.permissions-grid,.form-row{grid-template-columns:1fr}.filter-bar{flex-direction:column;align-items:stretch}.search-box{max-width:none}}.notification-preferences{display:flex;flex-direction:column;gap:24px}.notification-master-toggle{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:12px;border:1px solid #bbf7d0}.notification-master-toggle .toggle-info{display:flex;align-items:center;gap:12px}.notification-master-toggle .toggle-info svg{color:#10b981}.notification-master-toggle .toggle-info strong{display:block;font-size:14px;color:#111827}.notification-master-toggle .toggle-info p{margin:0;font-size:12px;color:#6b7280}.toggle-switch{position:relative;display:inline-block;width:48px;height:26px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch .slider{position:absolute;cursor:pointer;inset:0;background-color:#e5e7eb;transition:.3s;border-radius:26px}.toggle-switch .slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #00000026}.toggle-switch input:checked+.slider{background-color:#10b981}.toggle-switch input:checked+.slider:before{transform:translate(22px)}.notification-quick-actions{display:flex;gap:8px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.notification-category{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.notification-category .category-header{display:flex;align-items:center;gap:8px;padding:14px 16px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.notification-category .category-header svg{color:#6b7280}.notification-category .category-header h4{margin:0;font-size:14px;font-weight:600;color:#374151}.notification-options{display:flex;flex-direction:column}.notification-option{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;cursor:pointer;transition:background .2s;border-bottom:1px solid #f3f4f6}.notification-option:last-child{border-bottom:none}.notification-option:hover{background:#f9fafb}.notification-option input[type=checkbox]{width:18px;height:18px;margin-top:2px;accent-color:#10b981;cursor:pointer}.notification-option .option-info{flex:1;display:flex;flex-direction:column;gap:2px}.notification-option .option-label{font-size:14px;font-weight:500;color:#111827}.notification-option .option-description{font-size:12px;color:#6b7280}.notification-preferences .loading-state{padding:48px 24px;text-align:center}.notification-preferences .warning-banner{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;color:#92400e;font-size:13px}.notification-preferences .warning-banner svg{flex-shrink:0}@media (max-width: 768px){.notification-quick-actions{flex-wrap:wrap}.notification-master-toggle{flex-direction:column;gap:16px;text-align:center}.notification-master-toggle .toggle-info{flex-direction:column}}.compliance-summary-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.compliance-stat-card{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.compliance-stat-card .stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.compliance-stat-card .stat-icon.compliant{background:#d1fae5;color:#059669}.compliance-stat-card .stat-icon.non-compliant{background:#fee2e2;color:#dc2626}.compliance-stat-card .stat-icon.total{background:#e0e7ff;color:#4f46e5}.compliance-stat-card .stat-content{flex:1}.compliance-stat-card .stat-value{display:block;font-size:28px;font-weight:700;color:#111827;line-height:1}.compliance-stat-card .stat-label{display:block;font-size:13px;color:#6b7280;margin-top:4px}.compliance-stat-card .stat-percent{font-size:24px;font-weight:600}.compliance-stat-card .stat-percent.good{color:#059669}.compliance-stat-card .stat-percent.bad{color:#dc2626}.standard-definition-card{background:#f9fafb}.standard-definition-card .card-header{display:flex;justify-content:space-between;align-items:flex-start}.standard-definition-card .card-header h2{display:flex;align-items:center;gap:8px;margin-bottom:4px}.card-description-inline{font-size:13px;color:#6b7280;margin:0}.card-description-inline code{background:#e5e7eb;padding:2px 6px;border-radius:4px;font-size:12px}.btn-secondary.active{background:#4f46e5;color:#fff;border-color:#4f46e5}.comparison-table{overflow-x:auto}.comparison-header,.comparison-row{display:grid;grid-template-columns:120px 130px 200px 200px 90px 1fr;gap:12px;padding:12px 16px;align-items:center}.comparison-header{background:#f3f4f6;border-radius:8px 8px 0 0;font-weight:600;font-size:12px;text-transform:uppercase;color:#6b7280;letter-spacing:.05em}.comparison-row{border-bottom:1px solid #e5e7eb}.comparison-row:last-child{border-bottom:none}.comparison-row.compliant{background:#f0fdf4}.comparison-row.non-compliant{background:#fef2f2}.comparison-row .resource-id code{font-size:11px;color:#6b7280;background:#f3f4f6;padding:2px 6px;border-radius:4px}.comparison-row .resource-type{font-size:12px;color:#4b5563}.comparison-row .actual-value code{font-size:12px;word-break:break-all}.comparison-row .actual-value code.error{color:#dc2626;background:#fee2e2;padding:2px 6px;border-radius:4px}.comparison-row .expected-value code{font-size:11px;color:#6b7280;background:#f3f4f6;padding:2px 6px;border-radius:4px}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.status-badge.compliant{background:#d1fae5;color:#059669}.status-badge.non-compliant{background:#fee2e2;color:#dc2626}.issues-list{margin:0;padding:0;list-style:none}.issues-list li{font-size:11px;color:#dc2626;padding:2px 0}.issues-list li:before{content:"• ";color:#dc2626}.table-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f9fafb;border-top:1px solid #e5e7eb;border-radius:0 0 8px 8px}.filter-pills{display:flex;gap:8px}.filter-pills .pill{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500;border:1px solid #e5e7eb;background:#fff;color:#6b7280;cursor:pointer;transition:all .2s}.filter-pills .pill:hover{border-color:#9ca3af}.filter-pills .pill.active{background:#4f46e5;color:#fff;border-color:#4f46e5}.filter-pills .pill.compliant:hover{background:#d1fae5;color:#059669;border-color:#10b981}.filter-pills .pill.non-compliant:hover{background:#fee2e2;color:#dc2626;border-color:#ef4444}.tag-compliance-row{display:grid;grid-template-columns:120px 130px 1fr 100px;gap:12px;padding:12px 16px;border-bottom:1px solid #e5e7eb;align-items:start}.tag-compliance-row.compliant{background:#f0fdf4}.tag-compliance-row.non-compliant{background:#fef2f2}.tag-details-grid{display:flex;flex-wrap:wrap;gap:8px}.tag-detail-item{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;font-size:11px}.tag-detail-item.present{background:#d1fae5;color:#059669}.tag-detail-item.missing{background:#fee2e2;color:#dc2626}.tag-detail-item.invalid{background:#fef3c7;color:#92400e}.tag-detail-item .tag-key{font-weight:600}.tag-detail-item .tag-value{color:#6b7280}@media (max-width: 1200px){.comparison-header,.comparison-row{grid-template-columns:100px 100px 160px 160px 80px 1fr;font-size:11px}.compliance-summary-row{grid-template-columns:1fr}}.validation-step{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:20px;margin-top:16px}.validation-step h5{font-size:14px;font-weight:600;color:#374151;margin:0 0 12px}.validation-step .btn-large{width:100%;padding:14px 24px;font-size:15px}.validation-step .btn-success{background:#10b981!important;border-color:#10b981!important;color:#fff!important}.validation-result{display:flex;align-items:flex-start;gap:16px;padding:16px 20px;border-radius:10px;margin-top:16px}.validation-result.success{background:#d1fae5;border:1px solid #10b981;color:#065f46}.validation-result.error{background:#fee2e2;border:1px solid #ef4444;color:#991b1b}.validation-result svg{flex-shrink:0;margin-top:2px}.validation-result .result-content h4{margin:0 0 4px;font-size:15px;font-weight:600}.validation-result .result-content p{margin:0;font-size:13px;opacity:.9}.validation-result .result-stats{display:flex;gap:16px;margin-top:8px;font-size:12px;font-weight:500}.validation-result .error-detail{display:block;margin-top:8px;padding:8px 12px;background:#0000001a;border-radius:6px;font-size:11px;font-family:monospace;word-break:break-all}.connection-summary{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:16px;margin-bottom:16px}.connection-summary .summary-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f3f4f6}.connection-summary .summary-item:last-child{border-bottom:none}.connection-summary .summary-item label{font-size:13px;color:#6b7280;font-weight:500}.connection-summary .summary-item span,.connection-summary .summary-item code{font-size:13px;color:#111827}.connection-summary .summary-item code{background:#f3f4f6;padding:2px 8px;border-radius:4px;font-size:12px;max-width:300px;overflow:hidden;text-overflow:ellipsis}.connection-summary .summary-item .text-muted{color:#9ca3af;font-style:italic}.modal-medium{max-width:500px}.scan-progress-content{display:flex;flex-direction:column;align-items:center;padding:24px 0;text-align:center}.scan-progress-visual{margin-bottom:24px}.progress-ring{position:relative;width:120px;height:120px}.progress-ring svg{width:100%;height:100%}.progress-ring-fill{transition:stroke-dasharray .5s ease}.progress-ring.running .progress-ring-fill{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;font-weight:700;color:#111827}.progress-text .text-green{color:#10b981}.progress-text .text-red{color:#ef4444}.scan-status-message{font-size:15px;color:#6b7280;margin-bottom:24px;min-height:22px}.scan-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;width:100%;padding:20px;background:#f9fafb;border-radius:12px;margin-bottom:24px}.scan-stat{display:flex;flex-direction:column;align-items:center}.scan-stat .stat-value{font-size:24px;font-weight:700;color:#111827}.scan-stat .stat-label{font-size:11px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.scan-complete-actions{display:flex;gap:12px}.scan-complete-actions .btn-primary,.scan-complete-actions .btn-secondary{display:flex;align-items:center;gap:8px;padding:12px 20px}.btn-ai{display:flex;align-items:center;gap:8px;padding:10px 18px;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #8b5cf64d}.btn-ai:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#4f46e5);box-shadow:0 4px 12px #8b5cf666;transform:translateY(-1px)}.btn-ai:disabled{opacity:.7;cursor:not-allowed}.btn-ai.loading{background:linear-gradient(135deg,#a78bfa,#818cf8)}.btn-ai-mini{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-ai-mini:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#4f46e5)}.btn-ai-action{display:flex;align-items:center;gap:6px;padding:10px 16px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #10b9814d}.btn-ai-action:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.view-header-actions{display:flex;align-items:center;gap:16px}.ai-insights-panel{background:linear-gradient(135deg,#faf5ff,#f0f9ff);border:1px solid #e9d5ff}.ai-insights-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.ai-insights-title{display:flex;align-items:center;gap:10px}.ai-insights-title h3{margin:0;font-size:16px;font-weight:600;color:#6d28d9}.ai-insights-title svg{color:#8b5cf6}.ai-insights-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.ai-stat{display:flex;flex-direction:column;align-items:center;padding:16px;background:#fff;border-radius:10px;border:1px solid #e5e7eb}.ai-stat.highlight{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#a7f3d0}.ai-stat.highlight .ai-stat-value{color:#059669}.ai-stat.danger{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fecaca}.ai-stat.danger .ai-stat-value{color:#dc2626}.ai-stat-value{font-size:28px;font-weight:700;color:#111827}.ai-stat-label{font-size:12px;color:#6b7280;margin-top:4px}.ai-risk-meter{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border-radius:8px;border:1px solid #e5e7eb;margin-bottom:16px}.ai-risk-meter>span:first-child{font-size:13px;font-weight:600;color:#374151;white-space:nowrap}.risk-bar{flex:1;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.risk-fill{height:100%;border-radius:4px;transition:width .5s ease}.risk-fill.low{background:linear-gradient(90deg,#10b981,#34d399)}.risk-fill.medium{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.risk-fill.high{background:linear-gradient(90deg,#ef4444,#f87171)}.risk-value{font-size:14px;font-weight:600;color:#374151;min-width:50px;text-align:right}.ai-quick-action{display:flex;align-items:center;gap:12px;padding:14px 16px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-radius:10px;border:1px solid #a7f3d0}.ai-quick-action svg{color:#059669}.ai-quick-action span{flex:1;font-size:14px;color:#065f46}.ai-quick-action .btn-primary{padding:8px 16px;font-size:13px}.ai-recommendation{background:linear-gradient(135deg,#faf5ff,#f5f3ff);border:1px solid #e9d5ff;border-radius:8px;padding:14px;margin-top:12px}.ai-recommendation h4{display:flex;align-items:center;gap:8px;color:#6d28d9;margin-bottom:10px}.ai-recommendation h4 svg{color:#8b5cf6}.ai-rec-content{display:flex;flex-direction:column;gap:10px}.ai-rec-summary{font-size:14px;color:#374151;line-height:1.5;margin:0}.ai-rec-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.effort-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;text-transform:capitalize}.effort-badge.low{background:#d1fae5;color:#065f46}.effort-badge.medium{background:#fef3c7;color:#92400e}.effort-badge.high{background:#fee2e2;color:#991b1b}.time-estimate{display:flex;align-items:center;gap:4px;font-size:12px;color:#6b7280}.auto-fix-badge{display:flex;align-items:center;gap:4px;padding:4px 10px;background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border-radius:12px;font-size:12px;font-weight:500}.auto-fix-badge svg{color:#10b981}.ai-rec-steps{margin-top:8px}.ai-rec-steps strong{font-size:13px;color:#374151}.ai-rec-steps ol{margin:8px 0 0 20px;padding:0}.ai-rec-steps li{font-size:13px;color:#4b5563;margin-bottom:4px}.ai-rec-steps .more-steps{font-style:italic;color:#8b5cf6}.alert{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:10px;font-size:14px}.alert-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.alert-error svg{color:#ef4444}.alert-error .btn-sm{margin-left:auto}.btn-sm{padding:6px 12px;font-size:13px}.remediation-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.remediation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.remediation-header h3{display:flex;align-items:center;gap:8px;margin:0;font-size:16px}.remediation-list{display:flex;flex-direction:column;gap:12px}.remediation-job{display:flex;align-items:center;gap:16px;padding:14px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.remediation-job.pending{background:#fffbeb;border-color:#fcd34d}.remediation-job.completed{background:#ecfdf5;border-color:#a7f3d0}.remediation-job.failed{background:#fef2f2;border-color:#fecaca}.remediation-job-info{flex:1}.remediation-job-title{font-weight:600;font-size:14px;color:#111827}.remediation-job-meta{font-size:12px;color:#6b7280;margin-top:4px}.remediation-job-actions{display:flex;gap:8px}.status-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.status-badge.pending{background:#fef3c7;color:#92400e}.status-badge.approved,.status-badge.in_progress{background:#dbeafe;color:#1e40af}.status-badge.completed{background:#d1fae5;color:#065f46}.status-badge.failed{background:#fee2e2;color:#991b1b}@media (max-width: 768px){.ai-insights-summary{grid-template-columns:repeat(2,1fr)}.view-header-actions{flex-direction:column;align-items:stretch;gap:12px}.ai-rec-meta{flex-direction:column;align-items:flex-start}}.custom-rules-tab{display:flex;flex-direction:column;gap:24px}.custom-rules-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.rules-stats{display:flex;gap:16px}.rules-stats .stat-card{display:flex;flex-direction:column;align-items:center;padding:16px 24px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;min-width:100px}.rules-stats .stat-card.success{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#a7f3d0}.rules-stats .stat-card.success .stat-value{color:#059669}.rules-stats .stat-card.muted{background:#f9fafb}.rules-stats .stat-card.muted .stat-value{color:#6b7280}.rules-stats .stat-value{font-size:28px;font-weight:700;color:#111827}.rules-stats .stat-label{font-size:12px;color:#6b7280;margin-top:4px}.rules-actions{display:flex;gap:12px}.templates-card{background:linear-gradient(135deg,#faf5ff,#f0f9ff);border:1px solid #e9d5ff}.templates-card h3{display:flex;align-items:center;gap:10px;margin-bottom:8px}.templates-card h3 svg{color:#8b5cf6}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:16px}.template-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:8px}.template-header{display:flex;justify-content:space-between;align-items:center}.template-category{font-size:12px;color:#6b7280}.template-card h4{margin:0;font-size:15px;font-weight:600}.template-card p{font-size:13px;color:#6b7280;margin:0;flex:1}.template-card .btn-secondary{margin-top:8px;align-self:flex-start}.rules-filters{display:flex;gap:16px;flex-wrap:wrap}.search-input{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex:1;min-width:250px}.search-input svg{color:#9ca3af}.search-input input{border:none;outline:none;flex:1;font-size:14px}.category-pills{display:flex;gap:8px;flex-wrap:wrap}.category-pills .pill{padding:8px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:20px;font-size:13px;cursor:pointer;transition:all .2s ease}.category-pills .pill:hover{background:#f9fafb}.category-pills .pill.active{background:#10b981;border-color:#10b981;color:#fff}.rules-list{display:flex;flex-direction:column;gap:16px}.rule-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s ease}.rule-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000000d}.rule-card.disabled{opacity:.6;background:#f9fafb}.rule-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.rule-info{display:flex;align-items:center;gap:12px}.rule-info h4{margin:0;font-size:16px;font-weight:600}.rule-description{font-size:14px;color:#6b7280;margin:0 0 12px;line-height:1.5}.rule-meta{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:12px}.rule-meta .meta-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#6b7280}.rule-meta .meta-item svg{color:#9ca3af}.rule-meta .meta-item.auto-fix{color:#059669}.rule-meta .meta-item.auto-fix svg{color:#10b981}.rule-meta .meta-item.violations{color:#dc2626}.rule-meta .meta-item.violations svg{color:#ef4444}.rule-actions{display:flex;gap:8px;padding-top:12px;border-top:1px solid #f3f4f6}.rule-actions .btn-ghost{padding:6px 12px;font-size:13px}.rule-actions .btn-ghost.danger{color:#dc2626}.rule-actions .btn-ghost.danger:hover{background:#fef2f2}.custom-rules-tab .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#fff;border:2px dashed #e5e7eb;border-radius:12px;text-align:center}.custom-rules-tab .empty-state svg{color:#d1d5db;margin-bottom:16px}.custom-rules-tab .empty-state h3{margin:0 0 8px;font-size:18px;color:#374151}.custom-rules-tab .empty-state p{margin:0 0 20px;color:#6b7280;max-width:400px}.custom-rules-tab .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.custom-rules-tab .loading-state svg{color:#10b981;margin-bottom:16px}.custom-rules-tab .loading-state p{color:#6b7280}.test-summary{display:flex;gap:16px;margin-bottom:24px}.test-stat{flex:1;display:flex;flex-direction:column;align-items:center;padding:16px;background:#f9fafb;border-radius:10px}.test-stat.success{background:#ecfdf5}.test-stat.success .value{color:#059669}.test-stat.danger{background:#fef2f2}.test-stat.danger .value{color:#dc2626}.test-stat .value{font-size:32px;font-weight:700;color:#111827}.test-stat .label{font-size:13px;color:#6b7280;margin-top:4px}.test-results-list{max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.test-result-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f9fafb;border-radius:8px}.test-result-item.passed{background:#ecfdf5}.test-result-item.passed .result-icon{color:#10b981}.test-result-item.failed{background:#fef2f2}.test-result-item.failed .result-icon{color:#ef4444}.test-result-item .resource-name{font-weight:500;min-width:150px}.test-result-item .result-message{font-size:13px;color:#6b7280;flex:1}@media (max-width: 768px){.custom-rules-header{flex-direction:column;align-items:stretch}.rules-stats{justify-content:space-between}.rules-filters{flex-direction:column}.search-input{min-width:auto}.templates-grid{grid-template-columns:1fr}.test-summary{flex-direction:column}}.terraform-tab{display:flex;flex-direction:column;gap:24px}.terraform-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.terraform-stats{display:flex;gap:16px}.terraform-stats .stat-card{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#fff;border:1px solid #e5e7eb;border-radius:10px}.terraform-stats .stat-card svg{color:#10b981}.terraform-stats .stat-card .stat-value{font-size:24px;font-weight:700;color:#111827;display:block}.terraform-stats .stat-card .stat-label{font-size:12px;color:#6b7280}.terraform-view-tabs{display:flex;gap:4px;background:#f3f4f6;padding:4px;border-radius:10px;width:fit-content}.terraform-view-tabs .tab{display:flex;align-items:center;gap:8px;padding:10px 16px;background:transparent;border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s ease}.terraform-view-tabs .tab:hover:not(:disabled){background:#fff}.terraform-view-tabs .tab.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#10b981}.terraform-view-tabs .tab:disabled{opacity:.5;cursor:not-allowed}.scan-upload-card{text-align:center}.scan-upload-card h3{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:8px}.upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;border:2px dashed #d1d5db;border-radius:12px;cursor:pointer;transition:all .2s ease;margin:20px 0}.upload-zone:hover{border-color:#10b981;background:#f0fdf4}.upload-zone svg{color:#9ca3af;margin-bottom:16px}.upload-zone p{font-size:16px;font-weight:500;margin:0}.upload-zone span{font-size:13px;color:#6b7280;margin-top:4px}.divider-text{display:flex;align-items:center;gap:16px;margin:16px 0;color:#9ca3af;font-size:13px}.divider-text:before,.divider-text:after{content:"";flex:1;height:1px;background:#e5e7eb}.code-input-section{margin-top:16px}.terraform-code-input{width:100%;padding:16px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.5;border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb;resize:vertical;margin-bottom:12px}.terraform-code-input:focus{outline:none;border-color:#10b981;background:#fff}.scan-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;margin-top:16px}.recent-scans-card h3{margin-bottom:16px}.recent-scans-list{display:flex;flex-direction:column;gap:8px}.recent-scan-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f9fafb;border-radius:8px;cursor:pointer;transition:all .2s ease}.recent-scan-item:hover{background:#f3f4f6}.scan-info{display:flex;flex-direction:column;gap:4px}.scan-files{font-weight:500;font-size:14px}.scan-time{font-size:12px;color:#6b7280}.scan-metrics{display:flex;align-items:center;gap:12px}.compliance-badge{padding:4px 10px;border-radius:12px;font-size:13px;font-weight:600}.compliance-badge.good{background:#ecfdf5;color:#059669}.compliance-badge.warning{background:#fffbeb;color:#d97706}.compliance-badge.danger{background:#fef2f2;color:#dc2626}.violation-count{font-size:13px;color:#6b7280}.terraform-results-view{display:flex;flex-direction:column;gap:24px}.results-summary{display:flex;gap:16px;flex-wrap:wrap}.results-summary .summary-card{display:flex;flex-direction:column;align-items:center;padding:20px 24px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;min-width:120px}.results-summary .summary-card.compliance{background:linear-gradient(135deg,#f0fdf4,#ecfdf5)}.compliance-ring{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.compliance-ring:before{content:"";position:absolute;width:60px;height:60px;background:#fff;border-radius:50%}.compliance-ring span{position:relative;z-index:1;font-size:20px;font-weight:700;color:#111827}.results-summary .summary-card .value{font-size:28px;font-weight:700;color:#111827}.results-summary .summary-card .label{font-size:13px;color:#6b7280;margin-top:4px}.severity-breakdown{display:flex;gap:12px;flex-wrap:wrap}.severity-pill{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border:2px solid #e5e7eb;border-radius:20px;font-size:13px;cursor:pointer;transition:all .2s ease}.severity-pill:hover{background:#f9fafb}.severity-pill.active{background:#f3f4f6}.sev-dot{width:8px;height:8px;border-radius:50%}.violations-list{display:flex;flex-direction:column;gap:16px}.no-violations{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;text-align:center}.no-violations svg{color:#10b981;margin-bottom:16px}.no-violations h3{margin:0 0 8px;color:#059669}.no-violations p{margin:0;color:#6b7280}.violation-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.violation-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.violation-header .rule-id{font-family:monospace;font-size:12px;color:#6b7280;background:#f3f4f6;padding:4px 8px;border-radius:4px}.category-badge{font-size:12px;padding:4px 10px;background:#eff6ff;color:#3b82f6;border-radius:12px}.violation-card h4{margin:0 0 8px;font-size:16px}.violation-message{font-size:14px;color:#4b5563;margin:0 0 12px}.violation-resource{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#f9fafb;border-radius:8px;margin-bottom:12px}.violation-resource code{font-size:13px;color:#7c3aed}.file-location{font-size:12px;color:#6b7280}.violation-actions{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #f3f4f6}.violation-actions .frameworks{display:flex;gap:6px}.framework-tag{font-size:11px;padding:3px 8px;background:#fef3c7;color:#92400e;border-radius:4px}.terraform-history-view .card h3{margin-bottom:16px}.history-list{display:flex;flex-direction:column;gap:8px}.history-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f9fafb;border-radius:10px;cursor:pointer;transition:all .2s ease}.history-item:hover{background:#f3f4f6}.history-main{display:flex;flex-direction:column;gap:4px}.history-files{font-weight:500}.history-time{font-size:12px;color:#6b7280}.history-stats{display:flex;align-items:center;gap:16px}.compliance-score{font-size:18px;font-weight:700}.compliance-score.good{color:#059669}.compliance-score.warning{color:#d97706}.compliance-score.danger{color:#dc2626}.history-stats .resources,.history-stats .violations{font-size:13px;color:#6b7280}.severity-summary{display:flex;gap:6px}.severity-summary .sev{font-size:11px;font-weight:600;padding:2px 6px;border-radius:4px}.severity-summary .sev.critical{background:#fef2f2;color:#dc2626}.severity-summary .sev.high{background:#fff7ed;color:#ea580c}.severity-summary .sev.medium{background:#fffbeb;color:#d97706}.severity-summary .sev.low{background:#eff6ff;color:#2563eb}.terraform-rules-view .card h3{display:flex;align-items:center;gap:10px;margin-bottom:8px}.rules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;margin-top:20px}.terraform-rule-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:16px}.terraform-rule-card .rule-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.terraform-rule-card .rule-id{font-family:monospace;font-size:11px;color:#6b7280}.terraform-rule-card h4{margin:0 0 8px;font-size:15px}.terraform-rule-card p{font-size:13px;color:#6b7280;margin:0 0 12px}.terraform-rule-card .rule-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.terraform-rule-card .category{display:flex;align-items:center;gap:4px;font-size:12px;color:#6b7280}.rule-resources{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px}.rule-resources .label{color:#6b7280}.rule-resources code{padding:2px 6px;background:#fff;border:1px solid #e5e7eb;border-radius:4px;font-size:11px}.rule-resources .more{color:#6b7280}@media (max-width: 768px){.terraform-header{flex-direction:column;align-items:stretch}.terraform-stats{flex-wrap:wrap}.terraform-view-tabs{width:100%;overflow-x:auto}.results-summary{flex-direction:column}.history-item{flex-direction:column;align-items:flex-start;gap:12px}.rules-grid{grid-template-columns:1fr}}.api-keys-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.api-key-item{display:flex;align-items:center;gap:16px;padding:16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;transition:all .2s ease}.api-key-item:hover{background:#f3f4f6}.api-key-item.inactive{opacity:.7}.api-key-item.revoked{opacity:.5;background:#fef2f2}.api-key-info{flex:1;min-width:0}.api-key-name{font-weight:600;font-size:15px;margin-bottom:4px}.api-key-meta{display:flex;align-items:center;gap:8px;font-size:13px;color:#6b7280;flex-wrap:wrap}.api-key-meta .separator{color:#d1d5db}.api-key-meta .key-prefix{font-size:12px;padding:2px 8px;background:#e5e7eb;border-radius:4px}.api-key-description{font-size:13px;color:#6b7280;margin-top:4px}.api-key-stats{display:flex;gap:20px}.api-key-stats .stat{display:flex;flex-direction:column;align-items:center;min-width:60px}.api-key-stats .value{font-size:18px;font-weight:700;color:#111827}.api-key-stats .label{font-size:11px;color:#6b7280}.api-key-actions{display:flex;gap:8px}.api-key-status-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;white-space:nowrap}.api-key-status-badge.success{background:#ecfdf5;color:#059669}.api-key-status-badge.warning{background:#fffbeb;color:#d97706}.api-key-status-badge.danger{background:#fef2f2;color:#dc2626}.api-key-status-badge.muted{background:#f3f4f6;color:#6b7280}.api-key-created-notice{display:flex;align-items:center;gap:12px;padding:16px;background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;margin-bottom:20px}.api-key-created-notice svg{color:#f59e0b;flex-shrink:0}.api-key-created-notice p{margin:0;font-size:14px}.api-key-display{display:flex;align-items:center;gap:12px;padding:16px;background:#111827;border-radius:8px;margin-bottom:20px}.api-key-display code{flex:1;font-size:14px;color:#10b981;word-break:break-all}.api-key-usage-example{background:#f9fafb;border-radius:8px;padding:16px}.api-key-usage-example h4{margin:0 0 12px;font-size:14px}.api-key-usage-example pre{margin:0;padding:12px;background:#111827;border-radius:6px;color:#e5e7eb;font-size:13px;overflow-x:auto}.permission-presets{display:flex;gap:8px;margin-bottom:12px}.preset-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s ease}.preset-btn:hover{border-color:#d1d5db}.preset-btn.active{border-color:#10b981;background:#ecfdf5;color:#059669}.preset-permissions{display:flex;flex-wrap:wrap;gap:8px;padding:12px;background:#f9fafb;border-radius:8px}.preset-permissions span{font-size:13px;color:#6b7280}.preset-permissions code{font-size:11px;padding:2px 6px;background:#e5e7eb;border-radius:4px}.custom-permissions{display:flex;flex-direction:column;gap:8px;padding:12px;background:#f9fafb;border-radius:8px;max-height:300px;overflow-y:auto}.permission-checkbox{display:flex;align-items:flex-start;gap:10px;padding:10px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer}.permission-checkbox:hover{background:#f9fafb}.permission-checkbox input{margin-top:2px}.permission-checkbox div{display:flex;flex-direction:column;gap:2px}.permission-checkbox code{font-size:12px}.permission-checkbox span{font-size:12px;color:#6b7280}@media (max-width: 768px){.api-key-item{flex-direction:column;align-items:flex-start}.api-key-stats{width:100%;justify-content:flex-start}.api-key-actions{width:100%;justify-content:flex-end}.permission-presets{flex-wrap:wrap}}.welcome-view{position:fixed;inset:0;background:linear-gradient(135deg,#f0fdf4,#ecfdf5,#d1fae5);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.welcome-card{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000026;max-width:560px;width:100%;padding:40px}.welcome-header{text-align:center;margin-bottom:32px}.welcome-logo{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;margin-bottom:20px}.welcome-logo svg{color:#fff!important}.welcome-header h1{font-size:24px;font-weight:700;color:#111827;margin:0 0 8px}.welcome-header p{font-size:16px;color:#6b7280;margin:0}.welcome-form{display:flex;flex-direction:column;gap:16px}.welcome-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.welcome-form .form-group{margin-bottom:0}.welcome-form .form-group label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.welcome-form .form-input{width:100%;padding:12px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:15px;transition:all .2s ease}.welcome-form .form-input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.welcome-form .form-input:disabled{background:#f3f4f6;color:#6b7280}.plan-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.plan-option{padding:16px 12px;border:2px solid #e5e7eb;border-radius:10px;background:#fff;cursor:pointer;transition:all .2s ease;text-align:center}.plan-option:hover{border-color:#d1d5db}.plan-option.selected{border-color:#10b981;background:#ecfdf5}.plan-name{font-size:14px;font-weight:600;color:#111827;margin-bottom:4px}.plan-price{font-size:16px;font-weight:700;color:#10b981;margin-bottom:4px}.plan-features{font-size:12px;color:#6b7280}.btn-block{width:100%}.btn-lg{padding:14px 24px;font-size:16px}.welcome-terms{text-align:center;font-size:12px;color:#9ca3af;margin-top:8px}.welcome-skip{width:100%;margin-top:16px;color:#6b7280}.welcome-skip:hover{color:#374151}.alert{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:8px;font-size:14px}.alert-danger{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.alert-success{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}@media (max-width: 600px){.welcome-card{padding:24px}.welcome-form .form-row,.plan-selector{grid-template-columns:1fr}}.auth-view{position:fixed;inset:0;background:linear-gradient(135deg,#f0fdf4,#ecfeff);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;overflow-y:auto}.auth-card{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000026;max-width:480px;width:100%;padding:40px}.auth-header{text-align:center;margin-bottom:24px}.auth-logo{margin-bottom:16px}.auth-logo svg{color:#10b981}.auth-header h1{font-size:24px;font-weight:700;color:#111827;margin:0 0 8px}.auth-header p{font-size:14px;color:#6b7280;margin:0}.auth-tabs{display:flex;gap:0;margin-bottom:24px;background:#f3f4f6;border-radius:10px;padding:4px}.auth-tab{flex:1;padding:10px 16px;font-size:14px;font-weight:500;color:#6b7280;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.auth-tab:hover{color:#111827}.auth-tab.active{background:#fff;color:#10b981;box-shadow:0 1px 3px #0000001a}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper .form-input{padding-right:44px}.password-toggle{position:absolute;right:12px;background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.password-toggle:hover{color:#6b7280}.auth-terms{font-size:12px;color:#9ca3af;text-align:center;margin:8px 0 0}.auth-skip{display:block;width:100%;text-align:center;margin-top:16px;font-size:13px;color:#9ca3af}.auth-skip:hover{color:#6b7280}@media (max-width: 600px){.auth-card{padding:24px}.auth-form .form-row{grid-template-columns:1fr}}.trial-banner{position:fixed;top:0;left:0;right:0;z-index:9998;display:flex;align-items:center;justify-content:space-between;padding:10px 24px;font-size:14px;font-weight:500}.trial-banner-info{background:linear-gradient(90deg,#ecfdf5,#d1fae5);color:#065f46}.trial-banner-warning{background:linear-gradient(90deg,#fef3c7,#fde68a);color:#92400e}.trial-banner-critical{background:linear-gradient(90deg,#fee2e2,#fecaca);color:#991b1b}.trial-banner-content{display:flex;align-items:center;gap:10px}.trial-banner-stats{opacity:.8;font-weight:400}.trial-banner-actions{display:flex;align-items:center;gap:8px}.trial-banner .btn-primary{padding:6px 16px;font-size:13px}.btn-icon-sm{background:transparent;border:none;padding:4px;cursor:pointer;opacity:.6;border-radius:4px;display:flex;align-items:center;justify-content:center}.btn-icon-sm:hover{opacity:1;background:#0000001a}.upgrade-modal{max-width:900px}.upgrade-modal .modal-body{padding:24px}.upgrade-context{margin-bottom:24px}.limit-warning,.feature-locked{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#991b1b}.limit-warning svg,.feature-locked svg{flex-shrink:0;margin-top:2px}.limit-bar{height:8px;background:#fee2e2;border-radius:4px;margin:8px 0 4px;overflow:hidden}.limit-bar-fill{height:100%;background:#ef4444;border-radius:4px;transition:width .3s ease}.limit-text{font-size:12px;opacity:.8}.billing-toggle{display:flex;justify-content:center;gap:4px;padding:4px;background:#f3f4f6;border-radius:10px;margin-bottom:24px}.toggle-option{padding:10px 24px;border:none;background:transparent;border-radius:8px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease}.toggle-option:hover{color:#374151}.toggle-option.active{background:#fff;color:#111827;box-shadow:0 1px 3px #0000001a}.discount-badge{display:inline-block;padding:2px 8px;background:#10b981;color:#fff;font-size:11px;font-weight:600;border-radius:10px;margin-left:6px}.plan-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.plan-card{position:relative;padding:24px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;transition:all .2s ease}.plan-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #00000014}.plan-card.recommended{border-color:#10b981;box-shadow:0 4px 20px #10b98126}.plan-card.current{border-color:#3b82f6;background:#eff6ff}.recommended-badge,.current-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:4px 12px;font-size:11px;font-weight:600;border-radius:10px;white-space:nowrap}.recommended-badge{background:#10b981;color:#fff}.current-badge{background:#3b82f6;color:#fff}.plan-card h3{font-size:18px;font-weight:700;color:#111827;margin:0 0 4px}.plan-description{font-size:13px;color:#6b7280;margin:0 0 16px}.plan-price{margin-bottom:20px}.price-amount{font-size:36px;font-weight:700;color:#111827}.price-period{font-size:16px;color:#6b7280}.price-billed{display:block;font-size:12px;color:#9ca3af;margin-top:2px}.plan-limits{display:flex;flex-direction:column;gap:8px;padding:16px 0;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;margin-bottom:16px}.limit-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#374151}.limit-item svg{color:#6b7280}.plan-features{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;min-height:180px}.feature-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#374151}.feature-item.more{color:#6b7280;font-style:italic}.plan-card .btn-block{width:100%}.upgrade-note{text-align:center;font-size:13px;color:#6b7280;margin:0}.modal-blocking{z-index:10000}.modal-blocking .modal{animation:shake .3s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.trial-expired-modal{max-width:500px}.trial-expired-modal .modal-header{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-bottom:none}.trial-expired-modal .modal-header h2{display:flex;align-items:center;gap:12px;color:#991b1b}.trial-expired-content{text-align:center;padding:10px 0}.trial-expired-message{font-size:15px;color:#374151;line-height:1.6;margin-bottom:24px}.trial-expired-features{background:#f9fafb;border-radius:12px;padding:20px;margin-bottom:24px;text-align:left}.trial-expired-features h4{font-size:14px;font-weight:600;color:#111827;margin:0 0 12px}.trial-expired-features ul{list-style:none;padding:0;margin:0}.trial-expired-features li{display:flex;align-items:center;gap:10px;font-size:14px;color:#374151;padding:8px 0;border-bottom:1px solid #e5e7eb}.trial-expired-features li:last-child{border-bottom:none}.trial-expired-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.trial-expired-actions .btn-lg{padding:14px 24px;font-size:16px}.trial-expired-contact{font-size:13px;color:#6b7280;margin:0}.trial-expired-contact a{color:#3b82f6;text-decoration:none}.trial-expired-contact a:hover{text-decoration:underline}.usage-warning-indicator{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:all .2s}.usage-warning-indicator.warning{background:#fef3c7;color:#92400e}.usage-warning-indicator.warning:hover{background:#fde68a}.usage-warning-indicator.critical{background:#fee2e2;color:#991b1b;animation:pulse-critical 2s infinite}.usage-warning-indicator.critical:hover{background:#fecaca}@keyframes pulse-critical{0%,to{opacity:1}50%{opacity:.7}}.usage-widget{background:#fff}.usage-widget .card-header{display:flex;justify-content:space-between;align-items:center}.plan-badge{padding:4px 10px;background:#ecfdf5;color:#059669;font-size:12px;font-weight:600;border-radius:6px}.usage-bars{display:flex;flex-direction:column;gap:14px;margin-bottom:16px}.usage-item{display:flex;flex-direction:column;gap:6px}.usage-label{display:flex;align-items:center;gap:6px;font-size:13px;color:#374151}.usage-bar-container{display:flex;align-items:center;gap:10px}.usage-bar{flex:1;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.usage-bar-fill{height:100%;background:#10b981;border-radius:4px;transition:width .3s ease}.usage-bar.moderate .usage-bar-fill{background:#f59e0b}.usage-bar.warning .usage-bar-fill{background:#f97316}.usage-bar.critical .usage-bar-fill{background:#ef4444}.usage-value{font-size:12px;color:#6b7280;min-width:60px;text-align:right}.usage-warnings{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#fef3c7;border-radius:8px;font-size:13px;color:#92400e;margin-bottom:16px}.feature-locked-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;text-align:center}.feature-locked-placeholder svg{color:#9ca3af;margin-bottom:12px}.feature-locked-placeholder p{color:#6b7280;margin:0 0 16px}.pro-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;font-size:10px;font-weight:600;border-radius:4px;text-transform:uppercase}.enterprise-badge{background:linear-gradient(135deg,#f59e0b,#d97706)}@media (max-width: 900px){.plan-cards{grid-template-columns:1fr}.plan-features{min-height:auto}}@media (max-width: 600px){.trial-banner{flex-direction:column;gap:10px;padding:12px 16px}.trial-banner-actions{width:100%;justify-content:center}.billing-toggle{flex-direction:column}}.platform-analytics-view{display:flex;flex-direction:column;gap:24px}.analytics-tabs{display:flex;gap:4px;padding:4px;background:#f3f4f6;border-radius:10px;width:fit-content}.analytics-tab{display:flex;align-items:center;gap:8px;padding:10px 20px;background:transparent;border:none;border-radius:8px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease}.analytics-tab:hover{color:#374151;background:#ffffff80}.analytics-tab.active{background:#fff;color:#111827;box-shadow:0 1px 3px #0000001a}.analytics-content{display:flex;flex-direction:column;gap:24px}.analytics-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.analytics-metric-card{display:flex;align-items:flex-start;gap:16px;padding:20px;background:#fff;border:1px solid #e5e7eb;border-radius:12px}.analytics-metric-card.large{grid-column:span 2}.analytics-metric-card.success{border-left:4px solid #10b981}.analytics-metric-card.warning{border-left:4px solid #f59e0b}.analytics-metric-card.danger{border-left:4px solid #ef4444}.analytics-metric-card .metric-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0}.analytics-metric-card .metric-icon.revenue{background:#10b9811a;color:#10b981}.analytics-metric-card .metric-icon.arr{background:#3b82f61a;color:#3b82f6}.analytics-metric-card .metric-icon.customers{background:#8b5cf61a;color:#8b5cf6}.analytics-metric-card .metric-icon.churn{background:#ef44441a;color:#ef4444}.analytics-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.churn-reasons-list{display:flex;flex-direction:column;gap:14px;margin-top:8px}.churn-reason-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:12px 14px}.churn-reason-header{display:flex;justify-content:space-between;font-weight:600;color:#111827;margin-bottom:6px}.churn-reason-bar{height:6px;background:#e5e7eb;border-radius:999px;overflow:hidden}.churn-reason-bar span{display:block;height:100%;background:#ef4444}.churn-reason-meta{margin-top:6px;font-size:12px;color:#6b7280}@media (max-width: 1024px){.analytics-grid-2{grid-template-columns:1fr}}.analytics-metric-card .metric-content{flex:1}.analytics-metric-card .metric-value{font-size:28px;font-weight:700;color:#111827;line-height:1.2}.analytics-metric-card .metric-label{font-size:14px;color:#6b7280;margin-top:4px}.analytics-metric-card .metric-sublabel{font-size:12px;color:#9ca3af;margin-top:2px}.analytics-metric-card .metric-change{font-size:13px;margin-top:6px}.analytics-metric-card .metric-change.positive{color:#10b981}.analytics-metric-card .metric-change.negative{color:#ef4444}.analytics-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.analytics-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.analytics-card h3{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:#111827;margin:0 0 16px}.analytics-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.analytics-card .card-header h3{margin:0}.funnel-visualization{display:flex;flex-direction:column;gap:12px}.funnel-stage{display:flex;align-items:center;gap:12px;position:relative}.funnel-bar{height:36px;background:linear-gradient(90deg,#10b981,#34d399);border-radius:6px;min-width:40px;transition:width .5s ease}.funnel-label{position:absolute;left:12px;font-size:13px;font-weight:500;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.funnel-rate{font-size:13px;font-weight:600;color:#374151;min-width:40px;text-align:right}.health-distribution{display:flex;align-items:center;gap:30px}.health-ring{position:relative}.health-center-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:28px;font-weight:700;color:#111827}.health-legend{display:flex;flex-direction:column;gap:10px}.legend-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#374151}.legend-item .dot{width:12px;height:12px;border-radius:50%}.legend-item .dot.healthy{background:#10b981}.legend-item .dot.at-risk{background:#f59e0b}.legend-item .dot.critical{background:#ef4444}.analytics-table{width:100%;border-collapse:collapse}.analytics-table th{text-align:left;padding:12px 16px;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e7eb;background:#f9fafb}.analytics-table td{padding:14px 16px;font-size:14px;color:#374151;border-bottom:1px solid #f3f4f6}.analytics-table tr:hover{background:#f9fafb}.analytics-table .customer-name{font-weight:500;color:#111827}.analytics-table .signals{font-size:12px;color:#6b7280;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plan-badge{display:inline-block;padding:3px 10px;background:#f3f4f6;color:#374151;font-size:12px;font-weight:500;border-radius:6px;text-transform:capitalize}.health-badge{display:inline-block;padding:4px 10px;font-size:12px;font-weight:500;border-radius:6px}.health-badge.healthy{background:#ecfdf5;color:#059669}.health-badge.at-risk{background:#fffbeb;color:#d97706}.health-badge.critical{background:#fef2f2;color:#dc2626}.risk-badge{font-size:13px;font-weight:600}.risk-badge.critical{color:#dc2626}.risk-badge.high{color:#ea580c}.risk-badge.medium{color:#d97706}.risk-badge.low{color:#059669}.status-badge{display:inline-block;padding:3px 10px;font-size:12px;font-weight:500;border-radius:6px}.status-badge.active{background:#ecfdf5;color:#059669}.status-badge.trial{background:#eff6ff;color:#2563eb}.status-badge.suspended{background:#fef2f2;color:#dc2626}.customer-filters{display:flex;gap:12px;margin-bottom:16px}.customer-filters select{padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff;cursor:pointer}.customer-filters select:focus{outline:none;border-color:#10b981}.remediation-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;margin-top:16px}.remediation-panel.remediation-legacy{background:#fafafa}.remediation-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(135deg,#f0fdf4,#f8fafc);border-bottom:1px solid #e5e7eb;cursor:pointer;transition:background .2s}.remediation-header:hover{background:linear-gradient(135deg,#ecfdf5,#f1f5f9)}.remediation-header h4{display:flex;align-items:center;gap:10px;margin:0;font-size:15px;font-weight:600;color:#111827}.remediation-header h4 svg{color:#10b981}.remediation-content{padding:20px}.remediation-text{color:#4b5563;line-height:1.6}.state-comparison{display:flex;align-items:stretch;gap:12px;margin-bottom:20px;background:#f9fafb;border-radius:10px;padding:16px}.state-box{flex:1;padding:16px;border-radius:8px;min-height:80px}.state-box.current{background:#fef2f2;border:1px solid #fecaca}.state-box.target{background:#f0fdf4;border:1px solid #bbf7d0}.state-label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.state-box.current .state-label{color:#dc2626}.state-box.target .state-label{color:#16a34a}.state-value{font-size:14px;color:#374151;font-weight:500;line-height:1.5}.state-arrow{display:flex;align-items:center;font-size:24px;color:#9ca3af;font-weight:300}.remediation-warnings{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:16px;margin-bottom:20px}.remediation-warnings h5{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:14px;font-weight:600;color:#b45309}.remediation-warnings ul{margin:0;padding-left:20px}.remediation-warnings li{color:#78350f;font-size:13px;margin-bottom:6px;line-height:1.5}.remediation-warnings li:last-child{margin-bottom:0}.remediation-steps{margin-bottom:20px}.remediation-steps h5{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:14px;font-weight:600;color:#111827}.steps-list{display:flex;flex-direction:column;gap:8px}.step-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.step-item.destructive{background:#fef2f2;border-color:#fecaca}.step-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#10b981;color:#fff;border-radius:50%;font-size:13px;font-weight:600;flex-shrink:0}.step-item.destructive .step-number{background:#ef4444}.step-action{flex:1;font-size:14px;color:#374151}.step-badge{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.step-badge.destructive{background:#fee2e2;color:#dc2626}.step-badge.confirmation{background:#fef3c7;color:#b45309}.remediation-inputs{margin-bottom:20px}.remediation-inputs h5{display:flex;align-items:center;gap:8px;margin:0 0 16px;font-size:14px;font-weight:600;color:#111827}.input-row{margin-bottom:16px}.input-row:last-child{margin-bottom:0}.input-row label{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:6px}.input-row .required{color:#ef4444;margin-left:4px}.input-row .input-description{display:block;font-weight:400;color:#6b7280;font-size:12px;margin-top:2px}.input-with-suggestion{display:flex;flex-direction:column;gap:8px}.input-with-suggestion input,.input-with-suggestion select{width:100%;padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:border-color .2s,box-shadow .2s}.input-with-suggestion input:focus,.input-with-suggestion select:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.input-with-suggestion input.input-missing,.input-with-suggestion select.input-missing{border-color:#fbbf24;background:#fffbeb}.suggestion{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;font-size:13px;flex-wrap:wrap}.suggestion svg{color:#10b981;flex-shrink:0}.suggestion strong{color:#065f46}.accept-btn{padding:4px 12px;background:#10b981;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s;margin-left:auto}.accept-btn:hover{background:#059669}.suggestion-source{color:#6b7280;font-size:12px}.confidence-high{color:#065f46}.confidence-medium{color:#b45309}.confidence-low{color:#6b7280}.command-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.command-header h5{display:flex;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:600;color:#111827}.command-format{padding:4px 10px;background:#e5e7eb;color:#4b5563;border-radius:6px;font-size:12px;font-weight:500;font-family:SF Mono,Consolas,monospace}.command-box{position:relative;background:#1e293b;border-radius:10px;overflow:hidden}.command-box pre{margin:0;padding:16px 20px;font-family:SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:13px;color:#e2e8f0;line-height:1.6;white-space:pre-wrap;word-break:break-all;overflow-x:auto}.command-box.incomplete pre{opacity:.5}.command-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;background:#1e293be6;color:#fbbf24;font-size:14px;font-weight:500}.command-actions{display:flex;gap:12px;margin-top:16px}.copy-btn,.execute-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.copy-btn{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.copy-btn:hover:not(:disabled){background:#e5e7eb}.copy-btn:disabled,.execute-btn:disabled{opacity:.5;cursor:not-allowed}.execute-btn{background:#10b981;color:#fff;border:none}.execute-btn:hover:not(:disabled){background:#059669}.context-info{margin-top:20px;padding:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px}.context-info h5{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:13px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.3px}.context-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.context-item{display:flex;align-items:center;gap:8px;font-size:13px}.context-item svg{color:#94a3b8;flex-shrink:0}.context-item .label{color:#64748b;font-weight:500}.context-item .value{color:#334155;font-weight:600}@media (max-width: 768px){.state-comparison{flex-direction:column}.state-arrow{justify-content:center;transform:rotate(90deg)}.command-actions{flex-direction:column}.copy-btn,.execute-btn{justify-content:center}.suggestion{flex-direction:column;align-items:flex-start}.accept-btn{margin-left:0;margin-top:8px}}@media (max-width: 1024px){.analytics-metrics-grid{grid-template-columns:repeat(2,1fr)}.analytics-metric-card.large{grid-column:span 1}.analytics-row{grid-template-columns:1fr}}@media (max-width: 768px){.analytics-tabs{width:100%;overflow-x:auto}.analytics-tab{padding:8px 14px;font-size:13px}.analytics-metrics-grid{grid-template-columns:1fr}.health-distribution{flex-direction:column}.customer-filters{flex-wrap:wrap}.customer-filters select{flex:1;min-width:140px}}.decision-complete{background:#f0fdf4;border:2px solid #10b981;border-radius:8px;padding:20px;margin:20px 0}.decision-complete-badge{display:flex;align-items:center;gap:8px;color:#10b981;font-size:16px;margin-bottom:12px}.decision-complete-meta{display:flex;align-items:center;gap:8px;color:#6b7280;font-size:14px;margin-bottom:16px}.decision-complete-inputs{background:#fff;border-radius:6px;padding:12px}.decision-complete-inputs strong{display:block;margin-bottom:8px;color:#374151}.decision-complete-inputs ul{list-style:none;padding:0;margin:0}.decision-complete-inputs li{padding:6px 0;display:flex;align-items:center;gap:8px;color:#4b5563}.decision-complete-inputs code{background:#f3f4f6;padding:2px 6px;border-radius:4px;font-size:13px}.decision-panel{background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:20px;margin:20px 0}.decision-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.decision-header h4{font-size:16px;font-weight:600;margin:0;display:flex;align-items:center;gap:8px}.ready-badge{display:flex;align-items:center;gap:6px;padding:4px 12px;background:#d1fae5;color:#059669;border-radius:12px;font-size:12px;font-weight:600}.decision-field{margin:16px 0;padding:12px;background:#f9fafb;border-radius:6px}.decision-field-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.field-label{font-size:14px;font-weight:500;color:#374151}.field-label .required{color:#ef4444;margin-left:4px}.field-description{font-size:12px;color:#6b7280;margin-bottom:8px}.confirmed-badge{display:flex;align-items:center;gap:4px;padding:2px 8px;background:#d1fae5;color:#059669;border-radius:10px;font-size:11px;font-weight:600}.suggestion-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:12px;margin:8px 0}.suggestion-header{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#1e40af;margin-bottom:6px}.suggestion-value{font-size:14px;margin:6px 0}.suggestion-value code{background:#dbeafe;padding:2px 8px;border-radius:4px;font-family:Monaco,Courier New,monospace;font-size:13px;color:#1e3a8a}.suggestion-source{display:flex;align-items:center;gap:4px;font-size:11px;color:#6b7280;margin-top:4px}.accept-suggestion-btn{margin-top:8px;display:flex;align-items:center;gap:6px}.confirmation-checkbox{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:13px;cursor:pointer}.confirmation-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer}.decision-inputs h5{font-size:14px;font-weight:600;margin:0 0 12px;color:#111827}.decision-warnings{background:#fef3c7;border:1px solid #fbbf24;border-radius:6px;padding:12px;margin:12px 0}.decision-warnings .warning-item{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:#92400e;margin:6px 0}.decision-approval{margin-top:24px;padding:16px;background:#fef3c7;border:2px solid #fbbf24;border-radius:8px}.approval-checkbox{display:flex;align-items:flex-start;gap:12px;font-size:14px;cursor:pointer}.approval-checkbox input[type=checkbox]{margin-top:2px;width:20px;height:20px;cursor:pointer}.approval-blocked{display:flex;align-items:center;gap:8px;padding:12px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#991b1b;font-size:13px;margin-top:12px}.execution-panel{background:#fff;border:2px solid #10b981;border-radius:8px;padding:20px;margin:20px 0}.execution-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.execution-header h4{font-size:16px;font-weight:600;margin:0;display:flex;align-items:center;gap:8px}.locked-badge{display:flex;align-items:center;gap:6px;padding:4px 12px;background:#dbeafe;color:#1e40af;border-radius:12px;font-size:12px;font-weight:600}.approved-decisions{background:#f0fdf4;border:1px solid #86efac;border-radius:6px;padding:16px;margin-bottom:20px}.approval-metadata{display:flex;align-items:center;gap:8px;font-size:13px;color:#059669;margin-bottom:12px;font-weight:500}.approval-date{font-weight:400;color:#6b7280}.auto-executed-badge{display:flex;align-items:center;gap:6px;padding:4px 10px;background:#dbeafe;color:#1e40af;border-radius:12px;font-size:11px;font-weight:600;margin-bottom:12px;width:fit-content}.locked-inputs h5{font-size:13px;font-weight:600;margin:12px 0 8px;color:#374151}.locked-field{display:flex;align-items:center;gap:8px;margin:8px 0;font-size:13px}.locked-field svg{color:#6b7280;flex-shrink:0}.locked-field .field-label{color:#6b7280;margin-right:4px;font-weight:500}.locked-field code{background:#fff;padding:2px 8px;border-radius:4px;border:1px solid #e5e7eb;font-family:Monaco,Courier New,monospace;font-size:12px;color:#111827}.execution-warnings{background:#fef3c7;border:1px solid #fbbf24;border-radius:6px;padding:12px;margin:12px 0}.execution-warnings h5{font-size:13px;font-weight:600;margin:0 0 8px;color:#92400e;display:flex;align-items:center;gap:6px}.execution-warnings .warning-item{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:#92400e;margin:6px 0}.command-section{margin-top:20px}.command-section label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;margin-bottom:12px;color:#111827}.command-block{background:#1e293b;color:#e2e8f0;padding:16px;border-radius:6px;overflow-x:auto;margin:12px 0;font-family:Monaco,Courier New,monospace;font-size:13px;line-height:1.6}.command-actions{display:flex;gap:12px;margin-top:12px}.execution-steps{margin-top:20px;padding-top:20px;border-top:1px solid #e5e7eb}.execution-steps h5{font-size:14px;font-weight:600;margin:0 0 12px;color:#111827}.step-list{margin:0;padding-left:24px}.step-list li{margin:10px 0;padding:8px;font-size:13px;line-height:1.5}.step-list li.destructive-step{background:#fef2f2;border-left:3px solid #ef4444;padding-left:12px}.step-description{font-weight:500;color:#111827}.destructive-warning{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:12px;color:#991b1b}.execution-checklist{margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb}.execution-checklist h5{font-size:14px;font-weight:600;margin-bottom:12px;color:#111827}.checklist-item{display:flex;align-items:center;gap:10px;margin:8px 0;font-size:14px;cursor:pointer}.checklist-item input[type=checkbox]{width:18px;height:18px;cursor:pointer}.execution-log{margin-top:16px}.execution-log summary{font-size:13px;font-weight:600;color:#6b7280;cursor:pointer;padding:8px;background:#f9fafb;border-radius:4px}.execution-log pre{background:#f9fafb;padding:12px;border-radius:4px;font-size:12px;overflow-x:auto;margin-top:8px}.legacy-warning{display:flex;align-items:center;gap:12px;padding:16px;background:#fef3c7;border:1px solid #fbbf24;border-radius:6px;font-size:14px;color:#92400e;margin:20px 0}.state-comparison-section{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:2px solid #10b981;border-radius:8px;padding:16px;margin:16px 0}.state-comparison-section h4,.state-comparison-section>label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#047857;margin-bottom:12px}.state-comparison-section .state-comparison{background:#fff;border:1px solid #d1fae5}.state-comparison-standalone{margin:16px 0}.state-comparison-standalone h4{font-size:14px;font-weight:600;color:#374151;margin-bottom:8px;display:flex;align-items:center;gap:8px}.state-comparison{display:flex;align-items:center;gap:16px;margin:16px 0;padding:16px;background:#f9fafb;border-radius:6px}.state-box{flex:1;padding:12px;background:#fff;border:2px solid #e5e7eb;border-radius:6px}.state-box.current{border-color:#fbbf24}.state-box.target{border-color:#10b981}.state-box label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;margin-bottom:8px}.state-box .state-value{font-size:14px}.state-box .state-value code{background:transparent;padding:0;font-size:14px;color:#111827;word-break:break-all;font-family:Monaco,Courier New,monospace}.state-property{font-size:11px;color:#9ca3af;margin-top:4px}.state-arrow{font-size:24px;color:#10b981;font-weight:700;flex-shrink:0}.btn-disabled{background:#e5e7eb!important;color:#9ca3af!important;cursor:not-allowed!important;opacity:.6}.btn-disabled:hover{background:#e5e7eb!important;transform:none!important}.ai-stat{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px}.ai-stat.danger{border-color:#fecaca;background:#fef2f2}.ai-stat.highlight{border-color:#fde047;background:#fef9c3}.ai-stat-content{display:flex;flex-direction:column;gap:4px}.ai-stat-value{font-size:24px;font-weight:700;color:#111827}.ai-stat-label{font-size:13px;color:#6b7280;line-height:1.4}@media (max-width: 768px){.state-comparison{flex-direction:column;gap:12px}.state-arrow{transform:rotate(90deg)}.decision-header,.execution-header{flex-direction:column;align-items:flex-start;gap:12px}.command-actions{flex-direction:column}.command-actions button{width:100%}}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;gap:16px}.loading-spinner-icon{animation:spin 1s linear infinite;color:#10b981}.loading-spinner-message{font-size:14px;color:#6b7280;margin:0}.page-loader{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#f9fafb;z-index:9999}.page-loader-content{display:flex;flex-direction:column;align-items:center;gap:16px}.view-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.security-dashboard-view{padding:24px;max-width:1400px;margin:0 auto}.security-dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e5e7eb}.security-dashboard-header .header-content{display:flex;gap:12px;align-items:center}.security-dashboard-header .header-icon{color:#10b981}.security-dashboard-header h1{margin:0;font-size:28px;color:#111827}.security-dashboard-header p{margin:4px 0 0;font-size:14px;color:#6b7280}.security-dashboard-header .header-controls{display:flex;gap:12px;align-items:center}.refresh-controls{display:flex;gap:8px;align-items:center}.refresh-toggle{display:flex;gap:6px;align-items:center;font-size:14px;color:#374151;cursor:pointer}.refresh-interval{padding:6px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff}.btn-refresh,.btn-refresh-events{display:flex;gap:6px;align-items:center;padding:8px 16px;background:#10b981;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.btn-refresh:hover,.btn-refresh-events:hover{background:#059669}.btn-refresh:disabled{opacity:.6;cursor:not-allowed}.access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;color:#6b7280}.access-denied svg{color:#ef4444;margin-bottom:16px}.access-denied h2{color:#111827;margin:8px 0}.security-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:24px}.metric-card{display:flex;gap:16px;padding:20px;background:#fff;border-radius:8px;border:1px solid #e5e7eb;transition:transform .2s,box-shadow .2s}.metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.metric-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:8px;flex-shrink:0}.metric-success .metric-icon{background:#d1fae5;color:#10b981}.metric-warning .metric-icon{background:#fef3c7;color:#f59e0b}.metric-danger .metric-icon{background:#fee2e2;color:#ef4444}.metric-info .metric-icon{background:#dbeafe;color:#3b82f6}.metric-content{flex:1}.metric-label{font-size:13px;color:#6b7280;margin-bottom:4px}.metric-value{display:flex;align-items:center;gap:8px;font-size:28px;font-weight:700;color:#111827;margin-bottom:4px}.metric-trend{display:flex;align-items:center}.trend-up{color:#ef4444}.trend-stable{color:#10b981}.metric-subtext{font-size:12px;color:#9ca3af}.security-alerts-panel{padding:20px;background:#fef3c7;border:2px solid #fbbf24;border-radius:8px;margin-bottom:24px}.security-alerts-panel.critical-status{background:#fee2e2;border-color:#ef4444}.alerts-header{display:flex;gap:12px;align-items:center;margin-bottom:16px}.alerts-header svg{color:#f59e0b}.critical-status .alerts-header svg{color:#ef4444}.alerts-header h3{margin:0;font-size:18px;color:#92400e}.critical-status .alerts-header h3{color:#991b1b}.alerts-list{display:flex;flex-direction:column;gap:12px}.alert-item{display:flex;gap:12px;padding:12px;background:#fff;border-radius:6px;border-left:4px solid #f59e0b}.alert-critical{border-left-color:#ef4444}.alert-high{border-left-color:#f97316}.alert-medium{border-left-color:#f59e0b}.alert-icon{color:#f59e0b;flex-shrink:0}.alert-critical .alert-icon{color:#ef4444}.alert-severity{font-size:11px;font-weight:600;color:#f59e0b;text-transform:uppercase;letter-spacing:.5px}.alert-critical .alert-severity{color:#ef4444}.alert-message{font-size:14px;color:#374151;margin:4px 0}.alert-details{font-size:12px;color:#6b7280;font-family:Courier New,monospace}.security-trend-chart{background:#fff;border-radius:8px;border:1px solid #e5e7eb;padding:24px;margin-bottom:24px}.chart-header{display:flex;align-items:center;gap:8px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.chart-header h2{display:flex;align-items:center;gap:8px;margin:0;font-size:20px;color:#111827}.chart-subtitle{font-size:13px;color:#6b7280;margin-left:auto}.charts-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:24px;margin-bottom:24px}.chart-section h3{font-size:16px;color:#374151;margin:0 0 16px}.event-types-summary{margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb}.event-types-summary h3{font-size:16px;color:#374151;margin:0 0 16px}.type-bars{display:flex;flex-direction:column;gap:12px}.type-bar-item{display:flex;flex-direction:column;gap:6px}.type-label{display:flex;justify-content:space-between;font-size:13px;color:#374151}.type-count{font-weight:600;color:#10b981}.type-bar-bg{height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.type-bar-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:4px;transition:width .3s}.security-events-list{background:#fff;border-radius:8px;border:1px solid #e5e7eb;padding:24px}.events-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.events-header h2{margin:0;font-size:20px;color:#111827}.events-filters{display:flex;gap:12px;align-items:center}.filter-select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;color:#374151}.events-loading,.events-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#6b7280}.events-loading .spinner{animation:spin 1s linear infinite;color:#10b981;margin-bottom:12px}.events-empty svg{color:#9ca3af;margin-bottom:12px}.events-empty p{font-size:16px;color:#374151;margin:8px 0}.events-empty span{font-size:14px;color:#9ca3af}.events-table-container{overflow-x:auto}.events-table{width:100%;border-collapse:collapse}.events-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.events-table th{padding:12px;text-align:left;font-size:13px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px}.events-table tbody tr{border-bottom:1px solid #e5e7eb;cursor:pointer;transition:background .2s}.events-table tbody tr:hover{background:#f9fafb}.events-table td{padding:12px;font-size:14px;color:#374151}.event-time,.event-type,.event-ip,.event-user{display:flex;gap:6px;align-items:center}.event-time svg,.event-type svg,.event-ip svg,.event-user svg{color:#9ca3af;flex-shrink:0}.severity-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.severity-critical{background:#fee2e2;color:#991b1b}.severity-high{background:#fed7aa;color:#9a3412}.severity-medium{background:#fef3c7;color:#92400e}.severity-low{background:#d1fae5;color:#065f46}.text-muted{color:#9ca3af;font-style:italic}.events-footer{margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb;text-align:center;font-size:13px;color:#6b7280}@media (max-width: 768px){.security-dashboard-header{flex-direction:column;gap:16px}.security-metrics-grid,.charts-container{grid-template-columns:1fr}.events-header{flex-direction:column;align-items:flex-start;gap:12px}.events-filters{flex-direction:column;width:100%}.filter-select,.btn-refresh-events{width:100%}.events-table{font-size:12px}.events-table th,.events-table td{padding:8px}}.security-analytics-dashboard{padding:24px;max-width:1600px;margin:0 auto}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid #e5e7eb}.header-left{display:flex;align-items:center;gap:16px}.header-left svg{color:#10b981}.header-left h1{margin:0;font-size:28px;color:#111827}.header-left p{margin:4px 0 0;color:#6b7280;font-size:14px}.header-controls{display:flex;align-items:center;gap:12px}.time-range-select{padding:8px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;cursor:pointer}.auto-refresh-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#6b7280}.refresh-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:#10b981;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;transition:background-color .2s}.refresh-btn:hover{background-color:#059669}.analytics-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:24px}.analytics-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.analytics-card h3{margin:0 0 20px;font-size:18px;color:#111827}.analytics-score-card{display:flex;flex-direction:column;align-items:center;text-align:center}.security-score-gauge{width:100%;max-width:200px;margin:20px 0}.gauge-svg{width:100%;height:auto}.score-value{font-size:36px;font-weight:700}.score-label{font-size:14px;font-weight:500}.score-details{display:flex;gap:12px;margin-top:16px}.risk-badge{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;color:#fff}.risk-low{background-color:#10b981}.risk-medium{background-color:#f59e0b}.risk-high{background-color:#ef4444}.risk-critical{background-color:#dc2626}.compliance-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;background-color:#f3f4f6;border-radius:6px;font-size:12px;font-weight:500;color:#374151}.analytics-overview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.overview-metric{display:flex;align-items:center;gap:12px}.metric-icon{padding:10px;border-radius:8px}.metric-icon.threats{background-color:#fef3c7;color:#f59e0b}.metric-icon.blocked{background-color:#d1fae5;color:#10b981}.metric-icon.resolved{background-color:#dbeafe;color:#3b82f6}.metric-icon.improving{background-color:#d1fae5;color:#10b981}.metric-icon.degrading{background-color:#fee2e2;color:#ef4444}.metric-icon.stable{background-color:#f3f4f6;color:#6b7280}.metric-value{font-size:24px;font-weight:700;color:#111827}.metric-label{font-size:13px;color:#6b7280}.analytics-trends-card{grid-column:1 / -1}.threat-trends-chart{width:100%}.trends-summary{display:flex;gap:32px;margin-bottom:24px;padding:16px;background-color:#f9fafb;border-radius:8px}.summary-stat{flex:1}.stat-label{font-size:12px;color:#6b7280;margin-bottom:4px}.stat-value{font-size:20px;font-weight:700;color:#111827;display:flex;align-items:center;gap:8px}.stat-value.trend-improving{color:#10b981}.stat-value.trend-degrading{color:#ef4444}.stat-value.trend-stable{color:#6b7280}.predictions-panel{display:flex;flex-direction:column;gap:20px}.prediction-level{display:flex;align-items:center;gap:16px;padding:20px;border-radius:8px;background-color:#f9fafb}.prediction-level svg{flex-shrink:0}.prediction-low{background-color:#d1fae5;color:#059669}.prediction-medium{background-color:#fef3c7;color:#d97706}.prediction-high{background-color:#fee2e2;color:#dc2626}.prediction-label{font-size:12px;color:#6b7280;margin-bottom:4px}.prediction-value{font-size:24px;font-weight:700}.risk-factors h4,.recommendations h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#111827}.risk-factors ul,.recommendations ul{margin:0;padding-left:20px}.risk-factors li,.recommendations li{margin-bottom:8px;color:#374151;font-size:14px}.top-threats-table{display:flex;flex-direction:column;gap:16px}.threats-tabs{display:flex;gap:8px;border-bottom:1px solid #e5e7eb}.threats-tab{display:flex;align-items:center;gap:6px;padding:10px 16px;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:14px;color:#6b7280;transition:all .2s}.threats-tab:hover{color:#111827}.threats-tab.active{color:#10b981;border-bottom-color:#10b981}.threats-content{max-height:400px;overflow-y:auto}.threats-table-inner{width:100%;border-collapse:collapse}.threats-table-inner th{text-align:left;padding:12px;border-bottom:2px solid #e5e7eb;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase}.threats-table-inner td{padding:12px;border-bottom:1px solid #f3f4f6;font-size:14px;color:#374151}.threat-type{text-transform:capitalize;font-weight:500}.threat-count{font-weight:600;color:#111827}.source-ip{font-family:Courier New,monospace;font-size:13px}.target-endpoint{font-family:Courier New,monospace;font-size:13px;color:#6b7280}.last-seen{font-size:12px;color:#9ca3af}.severity-badge,.risk-badge{padding:4px 10px;border-radius:4px;font-size:11px;font-weight:600;color:#fff;text-transform:uppercase}.compliance-status{display:flex;flex-direction:column;gap:24px}.compliance-section{padding:16px;background-color:#f9fafb;border-radius:8px}.compliance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.compliance-header h4{margin:0;font-size:16px;color:#111827}.compliance-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;color:#fff}.status-ready,.status-compliant{background-color:#10b981}.status-in_progress,.status-warning{background-color:#f59e0b}.compliance-score{display:flex;align-items:center;gap:12px;margin-bottom:12px}.score-bar{flex:1;height:12px;background-color:#e5e7eb;border-radius:6px;overflow:hidden;position:relative}.score-fill{height:100%;background-color:#10b981;transition:width .5s ease}.uptime-fill{background-color:#3b82f6}.score-target{position:absolute;top:0;bottom:0;width:2px;background-color:#ef4444}.score-text{font-size:14px;font-weight:600;color:#111827}.compliance-details{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:11px;color:#6b7280;text-transform:uppercase}.detail-value{font-size:16px;font-weight:600;color:#111827}.detail-value.passing{color:#10b981}.detail-value.failing{color:#ef4444}.performance-metrics{display:flex;flex-direction:column;gap:24px}.perf-section h4{margin:0 0 16px;font-size:14px;font-weight:600;color:#111827}.perf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.perf-metric{padding:12px;background-color:#f9fafb;border-radius:6px}.perf-label{font-size:11px;color:#6b7280;margin-bottom:4px}.perf-value{font-size:18px;font-weight:700;color:#111827}.analytics-footer{display:flex;align-items:center;gap:8px;margin-top:32px;padding-top:24px;border-top:1px solid #e5e7eb;font-size:13px;color:#6b7280}.auto-refresh-indicator{color:#10b981;font-weight:500}.security-analytics-access-denied,.security-analytics-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.security-analytics-access-denied svg,.security-analytics-loading svg{color:#6b7280}.loading-spinner{animation:spin 1s linear infinite}@media (max-width: 1024px){.analytics-header{flex-direction:column;align-items:flex-start;gap:16px}.header-controls{width:100%;flex-wrap:wrap}.analytics-overview-grid{grid-template-columns:1fr}.trends-summary{flex-direction:column;gap:16px}.compliance-details,.perf-grid{grid-template-columns:1fr}}.event-row{cursor:pointer}.event-row.expanded{background:#f9fafb}.event-details{max-width:280px;font-size:13px;color:#4b5563;word-break:break-word}.info-banner{padding:12px 16px;border-radius:8px;background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af;font-size:14px;margin-bottom:16px}.alert-info{background:#eff6ff;border-color:#bfdbfe;color:#1e3a8a}.form-select{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;background:#fff;color:#111827}.close-btn{border:none;background:transparent;font-size:22px;line-height:1;color:#9ca3af;cursor:pointer;padding:4px 8px}.close-btn:hover{color:#374151}.animate-spin{animation:spin 1s linear infinite}.modal-md{max-width:500px}.health-segments-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.health-segment{border:1px solid #e5e7eb;border-radius:10px;padding:12px;background:#fff}.health-segment.healthy{border-color:#a7f3d0;background:#f0fdf4}.health-segment.at-risk{border-color:#fde68a;background:#fffbeb}.health-segment.critical{border-color:#fecaca;background:#fef2f2}.segment-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.segment-header h4{margin:0;font-size:14px}.segment-count{font-size:16px;font-weight:700;color:#111827}.segment-bar{height:6px;border-radius:999px;margin-top:8px;background:currentColor;opacity:.35;min-width:8px}.baseline-wizard{max-width:820px;margin:0 auto;padding:32px 24px;display:flex;flex-direction:column;gap:24px;min-height:calc(100vh - 180px)}.baseline-step-indicator{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:12px}.baseline-indicator-dot{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f3f4f6;color:#9ca3af;transition:all .2s ease;flex-shrink:0}.baseline-indicator-dot.active{background:#10b981;color:#fff;box-shadow:0 0 0 3px #10b98133}.baseline-indicator-dot.completed{background:#d1fae5;color:#059669}.baseline-step-counter{margin-left:auto;font-size:13px;font-weight:600;color:#6b7280;white-space:nowrap}.baseline-step-body{flex:1}.baseline-step{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:28px}.baseline-step-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px}.baseline-step-icon{color:#10b981;flex-shrink:0;margin-top:2px}.baseline-step-header h2{margin:0 0 4px;font-size:20px;font-weight:700;color:#111827}.baseline-step-header p{margin:0;font-size:14px;color:#6b7280}.baseline-step-content{display:flex;flex-direction:column;gap:16px}.baseline-intro-text{font-size:14px;color:#374151;line-height:1.6;margin:0}.baseline-workflow-stages{display:flex;flex-direction:column;gap:10px}.baseline-workflow-card{display:flex;align-items:center;gap:14px;padding:12px 16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px}.baseline-workflow-card div{display:flex;flex-direction:column;gap:2px}.baseline-workflow-card strong{font-size:13px;letter-spacing:.5px;color:#111827}.baseline-workflow-card span{font-size:13px;color:#6b7280}.baseline-workflow-number{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13px;flex-shrink:0}.baseline-info-box{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;font-size:13px;color:#1e40af;line-height:1.5}.baseline-info-box svg{flex-shrink:0;margin-top:2px}.baseline-label{font-size:13px;font-weight:600;color:#374151;margin:0}.baseline-input{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#111827;background:#fff;transition:border-color .15s ease;box-sizing:border-box}.baseline-input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811f}.baseline-input-inline{width:auto;flex:1;min-width:0}.baseline-input-wide{flex:2}.baseline-select{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#111827;background:#fff;box-sizing:border-box}.baseline-select:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811f}.baseline-select-inline{width:auto;min-width:120px}.baseline-maturity-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.baseline-maturity-card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;text-align:left;transition:all .15s ease}.baseline-maturity-card:hover{border-color:#a7f3d0;background:#f0fdf4}.baseline-maturity-card.selected{border-color:#10b981;background:#f0fdf4}.baseline-maturity-card strong{font-size:14px;color:#111827}.baseline-maturity-card span{font-size:12px;color:#6b7280}.baseline-connections-placeholder{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px;color:#9ca3af;text-align:center}.baseline-connections-placeholder p{margin:0 0 4px;font-size:14px;color:#6b7280}.baseline-env-list{display:flex;flex-direction:column;gap:8px}.baseline-env-row{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.baseline-env-row.disabled{opacity:.5}.baseline-naming-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.baseline-naming-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:14px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;text-align:left;transition:all .15s ease}.baseline-naming-card:hover{border-color:#a7f3d0}.baseline-naming-card.selected{border-color:#10b981;background:#f0fdf4}.baseline-naming-card strong{font-size:14px;color:#111827}.baseline-naming-card code{font-size:12px;padding:2px 6px;background:#e5e7eb;border-radius:4px;color:#374151}.baseline-naming-pattern{font-size:11px;color:#9ca3af}.baseline-custom-pattern{margin-top:4px}.baseline-tag-list{display:flex;flex-direction:column;gap:8px}.baseline-tag-row{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex-wrap:wrap}.baseline-toggle-label{display:flex;align-items:center;gap:8px;font-size:13px;color:#374151;cursor:pointer;white-space:nowrap}.baseline-toggle-large{padding:14px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;align-items:flex-start}.baseline-toggle-large div{display:flex;flex-direction:column;gap:2px}.baseline-toggle-large strong{font-size:14px;color:#111827}.baseline-toggle-large span{font-size:12px;color:#6b7280}.baseline-compliance-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.baseline-compliance-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:16px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;text-align:left;transition:all .15s ease}.baseline-compliance-card:hover{border-color:#a7f3d0}.baseline-compliance-card.selected{border-color:#10b981;background:#f0fdf4}.baseline-compliance-card svg{color:#9ca3af}.baseline-compliance-card.selected svg{color:#10b981}.baseline-compliance-card strong{font-size:14px;color:#111827}.baseline-compliance-card span{font-size:12px;color:#6b7280}.baseline-frequency-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.baseline-frequency-card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;text-align:left;transition:all .15s ease}.baseline-frequency-card:hover{border-color:#a7f3d0}.baseline-frequency-card.selected{border-color:#10b981;background:#f0fdf4}.baseline-frequency-card strong{font-size:14px;color:#111827}.baseline-frequency-card span{font-size:12px;color:#6b7280}.baseline-notification-options{display:flex;flex-direction:column;gap:10px}.baseline-summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.baseline-summary-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:16px}.baseline-summary-card h4{display:flex;align-items:center;gap:6px;margin:0 0 8px;font-size:13px;font-weight:600;color:#10b981}.baseline-summary-card p{margin:0 0 4px;font-size:13px;color:#374151}.baseline-summary-card code{font-size:12px;padding:2px 6px;background:#e5e7eb;border-radius:4px;color:#374151}.baseline-nav-buttons{display:flex;align-items:center;justify-content:space-between;padding-top:8px}.baseline-nav-left,.baseline-nav-right{display:flex;align-items:center;gap:10px}.baseline-btn-primary{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s ease}.baseline-btn-primary:hover{background:#059669}.baseline-btn-secondary{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background:#fff;color:#374151;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.baseline-btn-secondary:hover{background:#f9fafb;border-color:#d1d5db}.baseline-btn-ghost{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background:transparent;color:#9ca3af;border:none;font-size:13px;cursor:pointer;transition:color .15s ease}.baseline-btn-ghost:hover{color:#6b7280}.baseline-btn-activate{display:inline-flex;align-items:center;gap:6px;padding:12px 24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 8px #10b9814d}.baseline-btn-activate:hover{box-shadow:0 4px 14px #10b98166;transform:translateY(-1px)}.baseline-btn-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid #e5e7eb;border-radius:6px;color:#ef4444;cursor:pointer;transition:all .15s ease}.baseline-btn-icon:hover{background:#fef2f2;border-color:#fecaca}.exception-form-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;max-width:640px}.exception-form-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:24px;color:#1f2937}.exception-form-title{margin:0;font-size:18px;font-weight:700;color:#111827}.exception-form-finding-ref{margin:4px 0 0;font-size:13px;color:#6b7280}.exception-form-fieldset{border:none;padding:0;margin:0 0 20px}.exception-form-legend{font-size:14px;font-weight:600;color:#374151;margin-bottom:10px}.exception-form-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.exception-form-type-card{display:flex;flex-direction:column;gap:4px;padding:14px;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:all .15s ease;background:#f9fafb;color:#374151}.exception-form-type-card:hover{border-color:#a7f3d0;background:#f0fdf4}.exception-form-type-card.selected{border-color:#10b981;background:#ecfdf5;color:#065f46}.exception-form-radio-hidden{position:absolute;opacity:0;width:0;height:0}.exception-form-type-label{font-size:14px;font-weight:600}.exception-form-type-desc{font-size:12px;color:#6b7280}.exception-form-type-card.selected .exception-form-type-desc{color:#047857}.exception-form-risk-group{display:flex;gap:10px}.exception-form-risk-card{flex:1;display:flex;align-items:center;gap:8px;padding:10px 14px;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .15s ease;background:#f9fafb}.exception-form-risk-card:hover{border-color:#d1d5db}.exception-form-risk-card.selected{font-weight:600}.exception-form-risk-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.exception-form-risk-label{font-size:13px;color:#374151}.exception-form-field{margin-bottom:16px}.exception-form-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#374151;margin-bottom:6px}.exception-form-required{color:#ef4444}.exception-form-textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;transition:border-color .15s ease;box-sizing:border-box}.exception-form-textarea:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811f}.exception-form-input{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-family:inherit;transition:border-color .15s ease;box-sizing:border-box}.exception-form-input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811f}.exception-form-char-count{display:block;text-align:right;font-size:11px;color:#9ca3af;margin-top:4px}.exception-form-error{display:block;font-size:12px;color:#ef4444;margin-top:4px}.exception-form-dates-row{display:flex;gap:16px;margin-bottom:4px}.exception-form-dates-row .exception-form-field{flex:1}.exception-form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid #e5e7eb}.exception-form-btn-cancel{padding:10px 20px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.exception-form-btn-cancel:hover{background:#f3f4f6}.exception-form-btn-submit{display:flex;align-items:center;gap:8px;padding:10px 24px;border:none;border-radius:8px;background:#10b981;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 8px #10b9814d}.exception-form-btn-submit:hover{background:#059669;box-shadow:0 4px 14px #10b98166;transform:translateY(-1px)}.verification-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;max-width:560px}.verification-header{display:flex;align-items:center;gap:10px;color:#10b981;margin-bottom:16px}.verification-title{margin:0;font-size:17px;font-weight:700;color:#111827}.verification-status-row{display:flex;align-items:center;gap:10px;margin-bottom:12px}.verification-status-label{font-size:13px;color:#6b7280;font-weight:500}.verification-status-badge{display:inline-flex;align-items:center;padding:3px 12px;border-radius:20px;font-size:12px;font-weight:600;border:1px solid}.verification-finding-desc{font-size:13px;color:#4b5563;margin:0 0 20px;padding:10px 12px;background:#f9fafb;border-radius:8px;border-left:3px solid #e5e7eb}.verification-method-section{margin-bottom:20px}.verification-section-label{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:10px}.verification-method-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.verification-method-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;border:2px solid #e5e7eb;border-radius:10px;background:#f9fafb;cursor:pointer;transition:all .15s ease;color:#374151;text-align:center}.verification-method-card:hover{border-color:#a7f3d0;background:#f0fdf4}.verification-method-card.selected{border-color:#10b981;background:#ecfdf5;color:#065f46}.verification-method-label{font-size:14px;font-weight:600}.verification-method-desc{font-size:11px;color:#6b7280}.verification-method-card.selected .verification-method-desc{color:#047857}.verification-action-area{margin-bottom:16px}.verification-notes-label{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:6px}.verification-textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;margin-bottom:12px;box-sizing:border-box;transition:border-color .15s ease}.verification-textarea:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811f}.verification-btn-confirm{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:8px;background:#10b981;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 8px #10b9814d}.verification-btn-confirm:hover{background:#059669;transform:translateY(-1px)}.verification-btn-rescan{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:8px;background:#3b82f6;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 8px #3b82f64d}.verification-btn-rescan:hover{background:#2563eb;transform:translateY(-1px)}.verification-scanning{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#eff6ff;border-radius:8px;color:#1e40af;font-size:14px;font-weight:500}.verification-spinner{animation:verification-spin 1s linear infinite}@keyframes verification-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.verification-scan-result{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 16px;background:#ecfdf5;border-radius:8px;color:#065f46;font-size:14px;font-weight:500}.verification-scan-ok{color:#10b981}.verification-scan-result .verification-btn-confirm{margin-left:auto}.verification-btn-reject-toggle{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid #fecaca;border-radius:8px;background:#fff;color:#ef4444;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.verification-btn-reject-toggle:hover{background:#fef2f2}.verification-reject-area{padding:16px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px}.verification-reject-warning{display:flex;align-items:center;gap:8px;font-size:13px;color:#991b1b;margin-bottom:12px}.verification-reject-actions{display:flex;justify-content:flex-end;gap:10px}.verification-btn-cancel{padding:8px 16px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#374151;font-size:13px;cursor:pointer;transition:all .15s ease}.verification-btn-cancel:hover{background:#f3f4f6}.verification-btn-reject{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:8px;background:#ef4444;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 8px #ef44444d}.verification-btn-reject:hover{background:#dc2626;transform:translateY(-1px)}.ai-recommendation-section{border-top:1px solid #e5e7eb;padding-top:.75rem}.ai-analyze-btn{display:inline-flex;align-items:center;gap:.5rem;font-weight:500;color:#7c3aed;border-color:#c4b5fd}.ai-analyze-btn:hover:not(:disabled){background:#f5f3ff;border-color:#7c3aed}.ai-recommendation-header{display:flex;align-items:center;gap:.5rem;user-select:none}.ai-recommendation-body{display:flex;flex-direction:column;gap:.75rem}.ai-recommendation-priority{border-left:3px solid #f59e0b;padding:.5rem .75rem;background:#fafafa;border-radius:0 .375rem .375rem 0}.ai-priority-badge{display:inline-block;padding:.125rem .5rem;border-radius:9999px;color:#fff;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.ai-reasoning{margin-top:.375rem;font-size:.85rem;color:#374151;line-height:1.45}.ai-recommendation-steps{padding:0 .25rem}.ai-steps-label{font-size:.8rem;color:#6b7280;text-transform:uppercase;letter-spacing:.03em}.ai-steps-list{margin:.375rem 0 0 1rem;padding:0;font-size:.85rem;line-height:1.5;color:#1f2937}.ai-step-item{margin-bottom:.375rem}.ai-step-command{margin:.25rem 0 .5rem;padding:.375rem .5rem;background:#1e293b;color:#e2e8f0;border-radius:.375rem;font-size:.78rem;overflow-x:auto;white-space:pre-wrap}.ai-recommendation-meta{display:flex;gap:1rem}.ai-meta-item{display:flex;flex-direction:column}.ai-meta-label{font-size:.7rem;color:#9ca3af;text-transform:uppercase;letter-spacing:.04em}.ai-meta-value{font-size:.85rem;color:#374151;font-weight:500}.ai-recommendation-frameworks{display:flex;flex-wrap:wrap;gap:.375rem}.ai-framework-tag{padding:.125rem .5rem;background:#ede9fe;color:#6d28d9;border-radius:9999px;font-size:.72rem;font-weight:500}.ai-recommendation-error{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#fef2f2;border:1px solid #fecaca;border-radius:.375rem;color:#dc2626;font-size:.85rem}.btn-secondary.ai-active{background:#f5f3ff;border-color:#7c3aed;color:#7c3aed}.integration-card{position:relative;transition:opacity .2s}.integration-disabled{opacity:.6}.integration-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.integration-card-name{font-size:1rem;font-weight:600;margin:0}.integration-card-type{font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.04em}.integration-card-actions{display:flex;gap:.25rem}.integration-card-detail{font-size:.85rem;color:#374151;margin:.25rem 0}.integration-card-meta{font-size:.78rem;color:#9ca3af;margin-top:.5rem}.text-success{color:#10b981}.text-muted{color:#9ca3af}.stat-card-compact{display:flex;align-items:center;gap:.75rem;padding:1rem}.stat-card-compact .stat-value{font-size:1.25rem;font-weight:700;line-height:1}.stat-card-compact .stat-label{font-size:.75rem;color:#6b7280}.workflow-rules-list{display:flex;flex-direction:column;gap:.75rem}.workflow-rule-card{transition:opacity .2s}.workflow-rule-meta{display:flex;gap:1rem;font-size:.78rem;color:#9ca3af;margin-top:.5rem}.workflow-rule-detail{margin-top:1rem;padding-top:.75rem;border-top:1px solid #e5e7eb}.workflow-rule-detail h4{font-size:.85rem;font-weight:600;margin:.5rem 0 .25rem}.workflow-conditions-list,.workflow-actions-list{margin:0;padding-left:1.25rem;font-size:.85rem}.workflow-conditions-list li,.workflow-actions-list li{margin-bottom:.25rem}.workflow-action-config{color:#6b7280;font-size:.78rem}.workflow-condition-row{display:flex;gap:.5rem;margin-bottom:.5rem;align-items:center}.workflow-condition-row .form-input{flex:1;min-width:0}.dashboard-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media (max-width: 768px){.dashboard-grid-4{grid-template-columns:repeat(2,1fr)}}.loading-fallback{display:flex;align-items:center;justify-content:center;min-height:200px;width:100%}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:12px}.spinner-icon{width:32px;height:32px;color:#10b981;animation:spin 1s linear infinite}.loading-message{color:#6b7280;font-size:14px;margin:0}.loading-page{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100%;background:#f9fafb}.loading-content{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px;background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a}.spinner-icon-large{width:48px;height:48px;color:#10b981;animation:spin 1s linear infinite}.loading-content h2{margin:0;font-size:20px;font-weight:600;color:#111827}.loading-subtitle{margin:0;font-size:14px;color:#6b7280}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}