.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast{min-width:300px;max-width:500px;padding:12px 16px;border-radius:8px;box-shadow:0 4px 12px #0000004d;cursor:pointer;pointer-events:auto;opacity:0;transform:translate(100%);transition:opacity .3s ease,transform .3s ease;border:1px solid}.toast-visible{opacity:1;transform:translate(0)}.toast-success{background:#10b98126;border-color:#10b98166;color:#10b981}.toast-error{background:#ef444426;border-color:#ef444466;color:#ef4444}.toast-warning{background:#f59e0b26;border-color:#f59e0b66;color:#f59e0b}.toast-info{background:#3b82f626;border-color:#3b82f666;color:#3b82f6}.toast-content{display:flex;align-items:center;justify-content:space-between;gap:12px}.toast-message{flex:1;font-size:.9rem;line-height:1.4}.toast-close{background:none;border:none;color:inherit;font-size:1.5rem;line-height:1;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity .2s}.toast-close:hover{opacity:1}.tenant-selector{position:relative;display:inline-block}.tenant-selector-button{display:flex;align-items:center;gap:8px;padding:6px 12px;background-color:var(--bg-card, rgba(30, 41, 59, .4));border:1px solid var(--border-color, rgba(59, 130, 246, .2));border-radius:4px;font-size:12px;color:var(--text-secondary, rgba(255, 255, 255, .7));cursor:pointer;transition:all .2s;font-family:inherit}.tenant-selector-button:hover{background-color:var(--bg-tertiary, #334155);border-color:var(--border-hover, rgba(59, 130, 246, .4));color:var(--text-primary, rgba(255, 255, 255, .95))}.tenant-selector-button .tenant-label{font-weight:500;opacity:.8}.tenant-selector-button .tenant-id{font-weight:600;color:var(--accent-blue, #3b82f6);font-family:Roboto Mono,monospace}.tenant-selector-button .tenant-arrow{font-size:10px;opacity:.7;margin-left:4px}.tenant-dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:200px;background-color:var(--navy-blue, #1e293b);border:1px solid var(--border-color, rgba(59, 130, 246, .2));border-radius:4px;box-shadow:var(--shadow, 0 4px 6px -1px rgba(0, 0, 0, .3));z-index:1000;overflow:hidden;margin-top:4px}.tenant-dropdown-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 16px;background:none;border:none;text-align:left;color:var(--text-secondary, rgba(255, 255, 255, .7));font-size:13px;font-family:Roboto Mono,monospace;cursor:pointer;transition:all .2s}.tenant-dropdown-item:hover{background-color:var(--bg-tertiary, #334155);color:var(--text-primary, rgba(255, 255, 255, .95))}.tenant-dropdown-item.active{background-color:var(--bg-hover, rgba(30, 58, 138, .2));color:var(--accent-blue, #3b82f6);font-weight:600}.tenant-dropdown-item.disabled{color:var(--text-muted, rgba(255, 255, 255, .5));cursor:not-allowed;font-style:italic}.tenant-dropdown-item .checkmark{color:var(--accent-blue, #3b82f6);font-weight:700;margin-left:8px}.layout{min-height:100vh;display:flex;flex-direction:column}.navbar{background-color:var(--navy-blue);border-bottom:1px solid var(--border-color);padding:0 20px}.nav-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:64px}.logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text-primary);font-size:18px;font-weight:600}.logo img{cursor:pointer}.nav-right{display:flex;align-items:center;gap:24px}.nav-links{display:flex;gap:24px}.nav-links a{color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;padding:8px 12px;border-radius:4px;transition:all .2s}.nav-links a:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.nav-links a.active{color:var(--accent-blue);background-color:var(--bg-tertiary)}.tenant-badge{display:flex;align-items:center;gap:8px;padding:6px 12px;background-color:var(--bg-card, rgba(30, 41, 59, .4));border:1px solid var(--border-color, rgba(59, 130, 246, .2));border-radius:4px;font-size:12px;color:var(--text-secondary, rgba(255, 255, 255, .7))}.tenant-label{font-weight:500;opacity:.8}.tenant-id{font-weight:600;color:var(--accent-blue, #3b82f6);font-family:Roboto Mono,monospace}.current-tenant-indicator{display:flex;align-items:center;gap:8px;padding:6px 12px;background-color:var(--bg-card, rgba(30, 41, 59, .4));border:1px solid var(--border-color, rgba(59, 130, 246, .2));border-radius:4px;font-size:12px;color:var(--text-secondary, rgba(255, 255, 255, .7))}.current-tenant-indicator strong{color:var(--accent-blue, #3b82f6);font-family:Roboto Mono,monospace}.main-content{flex:1;padding:40px 20px;max-width:1200px;margin:0 auto;width:100%}.tenants-landing{padding:2rem;max-width:1400px;margin:0 auto}.tenants-landing-header{margin-bottom:2rem;text-align:center}.tenants-landing-header h1{margin:0 0 .5rem;font-size:2.5rem;color:#333}.tenants-landing-header p{margin:0;color:#666;font-size:1.1rem}.tenants-loading,.tenants-error,.tenants-empty{text-align:center;padding:3rem;color:#666}.tenants-error{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:2rem}.tenants-empty{background:#fff;border:1px solid #ddd;border-radius:8px;padding:3rem}.tenants-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.tenant-card{background:#fff;border:1px solid #ddd;border-radius:8px;padding:1.5rem;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #0000001a}.tenant-card:hover{border-color:#007bff;box-shadow:0 4px 8px #007bff33;transform:translateY(-2px)}.tenant-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #eee}.tenant-card-header h2{margin:0;font-size:1.5rem;color:#333}.tenant-status{padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:500}.tenant-status.onboarded{background:#d4edda;color:#155724}.tenant-status.not-onboarded{background:#fff3cd;color:#856404}.tenant-card-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1rem;margin-bottom:1rem}.tenant-stat{display:flex;flex-direction:column;align-items:center;padding:.75rem;background:#f8f9fa;border-radius:4px}.tenant-stat .stat-label{font-size:.85rem;color:#666;margin-bottom:.25rem}.tenant-stat .stat-value{font-size:1.25rem;font-weight:600;color:#333}.tenant-card-actions{margin-top:1rem;padding-top:1rem;border-top:1px solid #eee}.tenant-card-actions .btn{width:100%}.btn-primary:hover{background-color:#0056b3}.dashboard h1{margin-bottom:30px;font-size:32px;font-weight:600}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:30px}.health-score-card{text-align:center}.health-score{margin:20px 0}.score-value{font-size:48px;font-weight:700;color:var(--accent-blue)}.score-label{font-size:24px;color:var(--text-secondary);margin-left:8px}.health-status{font-size:18px;font-weight:500;color:var(--text-secondary)}.alerts-list{display:flex;flex-direction:column;gap:12px;margin-top:20px}.alert-item{display:flex;justify-content:space-between;align-items:center;padding:12px;border-radius:4px;background-color:var(--bg-tertiary)}.alert-item.critical{border-left:4px solid var(--error-red)}.alert-item.high{border-left:4px solid var(--warning-yellow)}.alert-item.medium{border-left:4px solid var(--info-blue)}.alert-item.low{border-left:4px solid var(--text-muted)}.alert-count{font-size:24px;font-weight:600}.alert-label{font-size:14px;color:var(--text-secondary)}.proposals-card{text-align:center}.proposals-count{margin:20px 0}.count-value{font-size:36px;font-weight:700;color:var(--accent-blue);display:block}.count-label{font-size:14px;color:var(--text-secondary);display:block;margin-top:8px}.dashboard-loading,.dashboard-error{text-align:center;padding:40px;color:var(--text-secondary)}.monitoring-page{padding:2rem;max-width:1400px;margin:0 auto}.page-header{margin-bottom:2rem}.monitoring-controls{background:#fff;border:1px solid #ddd;border-radius:8px;padding:1.5rem;margin-bottom:2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;align-items:end;color:#333}.control-group{display:flex;flex-direction:column;gap:.5rem}.control-group label{font-weight:600;color:#333;font-size:.875rem}.control-group select,.control-group input[type=text]{padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;color:#333;background:#fff}.checkbox-group{display:flex;gap:1rem;flex-wrap:wrap}.checkbox-group label{display:flex;align-items:center;gap:.5rem;font-weight:400;cursor:pointer}.checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer}.refresh-button{background:#007bff;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.refresh-button:hover:not(:disabled){background:#0056b3}.refresh-button:disabled{background:#6c757d;cursor:not-allowed}.error-message{background:#fff5f5;border:1px solid #feb2b2;color:#c53030;padding:1rem;border-radius:4px;margin-bottom:1rem}.loading,.empty-state{text-align:center;padding:4rem 2rem;color:#666}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.metric-card{background:#fff;border:1px solid #ddd;border-radius:8px;padding:1.5rem;transition:box-shadow .2s}.metric-card:hover{box-shadow:0 4px 12px #0000001a}.metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid #eee}.metric-header h3{margin:0;font-size:1.5rem;font-weight:700}.metric-latest{font-size:.875rem;color:#666}.metric-latest strong{color:#333;font-size:1.25rem}.metric-details{display:grid;gap:.75rem;margin-bottom:1rem}.detail-item{display:flex;justify-content:space-between;align-items:center}.detail-item .label{font-weight:600;color:#666;font-size:.875rem}.detail-item .value{color:#333;font-size:.875rem;text-align:right;word-break:break-word}.metric-chart{margin-top:1rem;padding-top:1rem;border-top:1px solid #eee}.chart-placeholder{text-align:center;padding:2rem;background:#f9f9f9;border-radius:4px}.chart-placeholder p{margin:0 0 1rem;color:#666;font-style:italic}.data-preview{text-align:left}.data-preview strong{display:block;margin-bottom:.5rem;color:#333}.values-list{display:grid;gap:.5rem;max-height:200px;overflow-y:auto}.value-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#fff;border-radius:4px;border:1px solid #eee}.value-item .value{font-weight:600;color:#333}.value-item .time{font-size:.75rem;color:#999}.agent-result-info{margin-bottom:20px;padding:10px;background:#f0f0f0;border-radius:4px;color:#333}.alerts-page{padding:2rem;max-width:1200px;margin:0 auto}.alerts-page .alert-card h3,.alerts-page .alert-card .alert-title h3,.alerts-page .alert-detail-card h1,.alerts-page .alert-detail-card .alert-title h1{color:#333}.filter-controls select{padding:.5rem 1rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;background:#fff;color:#333}.alerts-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.summary-card{padding:1.5rem;border-radius:8px;text-align:center;color:#fff}.summary-card.critical{background:linear-gradient(135deg,#dc3545,#c82333)}.summary-card.high{background:linear-gradient(135deg,#fd7e14,#e8650e)}.summary-card.medium{background:linear-gradient(135deg,#ffc107,#e0a800)}.summary-card.low{background:linear-gradient(135deg,#28a745,#218838)}.summary-count{font-size:3rem;font-weight:700;margin-bottom:.5rem}.summary-label{font-size:1rem;font-weight:600;text-transform:uppercase;opacity:.9}.alerts-list{display:grid;gap:1rem}.alert-card{border:1px solid #ddd;border-radius:8px;padding:1.5rem;background:#fff;color:#333;transition:box-shadow .2s;cursor:pointer}.alert-card:hover{box-shadow:0 4px 12px #0000001a}.alert-card-actions{margin-top:1rem;padding-top:1rem;border-top:1px solid #eee}.btn-create-proposal-small{padding:.4rem .75rem;font-size:.875rem;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.btn-create-proposal-small:hover:not(:disabled){background:#0056b3}.btn-create-proposal-small:disabled{opacity:.7;cursor:not-allowed}.alert-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.alert-title h3{margin:0 0 .5rem;font-size:1.25rem}.resource-type{font-size:.875rem;color:#666;background:#f5f5f5;padding:.25rem .5rem;border-radius:4px}.alert-badges{display:flex;gap:.5rem}.alert-details{display:grid;gap:.5rem}.detail-row{display:flex;gap:1rem;flex-wrap:wrap}.detail-row .label{font-weight:600;color:#666;min-width:100px}.detail-row .value{color:#333}.evidence{display:grid;gap:.5rem;margin-top:.5rem}.evidence-item{background:#f9f9f9;padding:.5rem;border-radius:4px;font-size:.875rem;color:#333}.evidence-item strong{color:#555;margin-right:.5rem}.loading,.error{text-align:center;padding:4rem 2rem;font-size:1.25rem}.error{color:#dc3545}.btn-back{padding:.5rem 1rem;font-size:1rem;background:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;margin-bottom:1rem}.btn-back:hover{background:#eee}.alert-detail-card{border:1px solid #ddd;border-radius:8px;padding:1.5rem;background:#fff;color:#333;max-width:720px}.alert-detail-card .alert-title h1{margin:0 0 .5rem;font-size:1.5rem}.alert-actions{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #eee}.btn-create-proposal{padding:.6rem 1.25rem;font-size:1rem;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.btn-create-proposal:hover:not(:disabled){background:#0056b3}.btn-create-proposal:disabled{opacity:.7;cursor:not-allowed}.create-error{margin-top:.75rem;color:#dc3545;font-size:.9rem}.remediation-page{padding:2rem;max-width:720px;margin:0 auto;width:100%;box-sizing:border-box;background-color:var(--bg-primary, #0a0a0a)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.page-header h1{margin:0;font-size:2rem}.filter-controls select{padding:.5rem 1rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.empty-state{text-align:center;padding:4rem 2rem;color:#666}.empty-hint{font-size:.9rem;color:#999;margin-top:.5rem}.proposals-list{display:grid;gap:1rem;max-width:100%}.proposal-card{border:1px solid var(--border-color, rgba(59, 130, 246, .2));border-radius:8px;padding:1.5rem;cursor:pointer;transition:box-shadow .2s,transform .2s;background:var(--bg-card, rgba(30, 41, 59, .4))}.proposal-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.proposal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.proposal-title h3{margin:0 0 .5rem;font-size:1.25rem}.remediation-page .resource-type{font-size:.875rem;color:var(--text-secondary);background:var(--bg-tertiary);padding:.25rem .5rem;border-radius:4px}.proposal-badges{display:flex;gap:.5rem}.severity-badge,.status-badge{padding:.25rem .75rem;border-radius:4px;color:#fff;font-size:.75rem;font-weight:600;text-transform:uppercase}.proposal-details{display:grid;gap:.5rem}.detail-row{display:flex;gap:1rem}.remediation-page .detail-row .label{font-weight:600;color:var(--text-secondary);min-width:100px}.remediation-page .detail-row .value{color:var(--text-primary)}.back-button{background:var(--bg-tertiary, #334155);color:var(--text-primary, #fff);border:1px solid var(--border-color);padding:.5rem 1rem;border-radius:4px;cursor:pointer;margin-bottom:1rem;font-size:1rem}.back-button:hover{background:var(--slate-blue, #475569)}.proposal-detail{background:var(--bg-card, rgba(30, 41, 59, .4));border:1px solid var(--border-color, rgba(59, 130, 246, .2));border-radius:8px;padding:2rem;width:100%;max-width:100%;box-sizing:border-box}.detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color, rgba(59, 130, 246, .2))}.detail-header h1{margin:0;font-size:2rem;color:var(--text-primary, rgba(255, 255, 255, .95))}.detail-badges{display:flex;gap:.5rem}.detail-sections{display:flex;flex-direction:column;gap:1.5rem}.detail-sections section{padding:1.25rem;background:var(--bg-secondary, rgba(15, 23, 42, .6));border:1px solid var(--border-color, rgba(59, 130, 246, .2));border-radius:8px;width:100%;max-width:100%;box-sizing:border-box}.detail-sections h2{margin:0 0 1rem;font-size:1.25rem;color:var(--text-primary, rgba(255, 255, 255, .95))}.detail-grid{display:grid;grid-template-columns:1fr;gap:.75rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.remediation-page .detail-item .label{font-weight:600;color:var(--text-secondary, rgba(255, 255, 255, .7));font-size:.875rem}.remediation-page .detail-item .value{color:var(--text-primary, rgba(255, 255, 255, .95));font-size:1rem}.remediation-page .detail-item pre.value{background:var(--bg-primary, rgba(0, 0, 0, .3));padding:1rem;border-radius:4px;border:1px solid var(--border-color, rgba(59, 130, 246, .2));overflow-x:auto;font-size:.875rem;margin:0;max-width:100%;white-space:pre-wrap;word-break:break-word;text-align:left}.action-details{display:flex;flex-direction:column;gap:1rem}.error-details{background:#ef44441a;border:1px solid var(--error-red, #ef4444);border-radius:4px;padding:1rem}.error-details pre{margin:0;color:var(--error-red, #ef4444);font-size:.875rem;white-space:pre-wrap;word-wrap:break-word}.remediation-page .loading,.remediation-page .error{text-align:center;padding:4rem 2rem;font-size:1.25rem;color:var(--text-secondary)}.error{color:var(--error-red, #ef4444)}.proposal-actions{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-color, rgba(59, 130, 246, .2))}.proposal-actions h2{margin:0 0 1rem;font-size:1.25rem}.proposal-actions .action-error{color:var(--error-red, #ef4444);font-size:.9rem;margin-bottom:.75rem}.proposal-actions .action-buttons{display:flex;gap:1rem;flex-wrap:wrap}.proposal-actions .btn-approve,.proposal-actions .btn-reject,.proposal-actions .btn-execute{padding:.6rem 1.25rem;font-size:1rem;border:none;border-radius:4px;cursor:pointer}.proposal-actions .btn-approve{background:#28a745;color:#fff}.proposal-actions .btn-approve:hover:not(:disabled){background:#218838}.proposal-actions .btn-reject{background:#dc3545;color:#fff}.proposal-actions .btn-reject:hover:not(:disabled){background:#c82333}.proposal-actions .btn-execute{background:#007bff;color:#fff}.proposal-actions .btn-execute:hover:not(:disabled){background:#0056b3}.proposal-actions .btn-approve:disabled,.proposal-actions .btn-reject:disabled,.proposal-actions .btn-execute:disabled{opacity:.7;cursor:not-allowed}.proposed-action-error{padding:.75rem 1rem;background:#ef44441f;border:1px solid var(--error-red, #ef4444);border-radius:6px;margin-top:.5rem}.proposed-action-error .label{font-weight:600;color:var(--error-red, #ef4444);font-size:.875rem;display:block;margin-bottom:.25rem}.proposed-action-error .value{color:#ffffffe6;font-size:.875rem;margin:0;white-space:pre-wrap;word-break:break-word}.remediation-page .patch-address{font-family:var(--font-mono, ui-monospace, monospace);font-size:.9rem;background:var(--bg-tertiary, rgba(0, 0, 0, .2));padding:.25rem .5rem;border-radius:4px}.patch-summary-list{margin:.25rem 0 0;padding-left:1.25rem;color:var(--text-primary, rgba(255, 255, 255, .95));font-size:.95rem}.remediation-page .retry-hint{margin:0 0 .75rem;font-size:.875rem;color:var(--text-secondary, rgba(255, 255, 255, .7))}.proposed-action-ready{margin:.5rem 0 0;padding:.75rem 1rem;background:#28a74526;border:1px solid rgba(40,167,69,.4);border-radius:6px;color:#7dce94;font-size:.95rem}.proposed-action-set-plan-id{margin-top:1rem;padding:1rem;background:var(--bg-tertiary, rgba(59, 130, 246, .08));border:1px solid var(--border-color, rgba(59, 130, 246, .2));border-radius:6px}.remediation-page .proposed-action-set-plan-id .set-plan-id-hint{margin:0 0 .75rem;font-size:.875rem;color:var(--text-secondary)}.proposed-action-set-plan-id .set-plan-id-row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.remediation-page .proposed-action-set-plan-id .set-plan-id-input{flex:1;min-width:180px;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:4px;font-size:.95rem;background:var(--bg-primary);color:var(--text-primary)}.proposed-action-set-plan-id .btn-set-plan-id{padding:.5rem 1rem;border-radius:4px;font-size:.95rem;background:var(--accent-blue, #3b82f6);color:#fff;border:none;cursor:pointer}.proposed-action-set-plan-id .btn-set-plan-id:hover:not(:disabled){opacity:.9}.proposed-action-set-plan-id .btn-set-plan-id:disabled{opacity:.6;cursor:not-allowed}.execution-terraform{margin-top:1rem}.remediation-page .execution-terraform .label{font-weight:600;color:var(--text-secondary);font-size:.875rem;display:block;margin-bottom:.5rem}.remediation-page .execution-terraform .terraform-code{background:var(--bg-primary, rgba(0, 0, 0, .4));border:1px solid var(--border-color);border-radius:6px;padding:1rem;font-size:.8rem;overflow-x:auto;max-height:20rem;overflow-y:auto;white-space:pre;margin:0;color:var(--text-primary);text-align:left}.resources-page{padding:2rem;max-width:1400px;margin:0 auto}.resources-header{margin-bottom:2rem}.resources-header h1{margin:0 0 .5rem;font-size:2rem;color:#333}.tenant-info{color:#666;margin-bottom:1rem}.resources-actions{display:flex;gap:1rem;margin-top:1rem}.btn{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover:not(:disabled){background-color:#0056b3}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#545b62}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover:not(:disabled){background-color:#c82333}.btn-sm{padding:.25rem .5rem;font-size:.8rem}.alert{padding:1rem;border-radius:4px;margin-bottom:1rem;cursor:pointer}.alert-error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.alert-success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert-warning{background-color:#fff3cd;color:#856404;border:1px solid #ffeaa7}.resources-form-card{background:#fff;border:1px solid #ddd;border-radius:8px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 4px #0000001a;color:#333}.resources-form-card h2{margin-top:0;margin-bottom:1.5rem;color:#333}.form-group{margin-bottom:1rem}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#333}.form-group input{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem;background:#fff;color:#333}.form-group input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.secret-input-group{display:flex;gap:.5rem}.secret-input-group input{flex:1}.form-help{display:block;margin-top:.25rem;color:#666;font-size:.85rem}.form-actions{margin-top:1.5rem;display:flex;gap:1rem}.resources-content{background:#fff;border:1px solid #ddd;border-radius:8px;padding:2rem;box-shadow:0 2px 4px #0000001a;color:#333}.resources-content h2{margin-top:0;margin-bottom:1.5rem;color:#333}.loading{text-align:center;padding:2rem;color:#666}.empty-state{text-align:center;padding:3rem;color:#666}.empty-state p{margin:.5rem 0}.resources-table{overflow-x:auto}.resources-table table{width:100%;border-collapse:collapse}.resources-table thead{background-color:#f8f9fa}.resources-table th{padding:.75rem;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #dee2e6}.resources-table td{padding:.75rem;border-bottom:1px solid #dee2e6;color:#333}.resources-table tbody tr:hover{background-color:#f8f9fa}.cri-cell{font-family:Courier New,monospace;font-size:.85rem;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cri-cell,.cri-cell code{color:#333}.cri-cell code{background-color:#f8f9fa;padding:.25rem .5rem;border-radius:3px}.plan-id-missing{color:#666}.kinetic-plans{padding:1rem 1.5rem;max-width:1200px;margin:0 auto}.kinetic-plans h1{margin-bottom:.5rem}.kinetic-plans-subtitle,.kinetic-plans-message{color:var(--text-secondary, #666);margin-bottom:1rem}.kinetic-plans p{color:var(--text-secondary, #b0b0b0)}.kinetic-plans-error{padding:.75rem 1rem;background:#fee;border:1px solid #fcc;border-radius:6px;margin-bottom:1rem;color:#721c24}.kinetic-plans-toast{padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between;color:#333}.kinetic-plans-toast.success{background:#efe;border:1px solid #cfc;color:#155724}.kinetic-plans-toast.error{background:#fee;border:1px solid #fcc;color:#721c24}.kinetic-plans-toast button{background:none;border:none;font-size:1.25rem;cursor:pointer;padding:0 .25rem}.kinetic-plans-list{display:flex;flex-direction:column;gap:1rem}.kinetic-plan-card{border:1px solid #ddd;border-radius:8px;overflow:hidden;background:#fff;color:#333}.kinetic-plan-header{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding:1rem;background:#f8f8f8;color:#333}.kinetic-plan-id{font-weight:600;font-family:monospace;color:#333}.kinetic-plan-request-id{font-size:.875rem;color:#666}.kinetic-plan-actions{margin-left:auto;display:flex;gap:.5rem}.kinetic-plan-actions button{padding:.4rem .75rem;border-radius:4px;border:1px solid #ccc;background:#fff;color:#333;cursor:pointer;font-size:.875rem}.kinetic-plan-actions button:hover:not(:disabled){background:#f0f0f0}.kinetic-plan-actions button.kinetic-plan-deploy{border-color:#6b8;background:#efe;color:#155724}.kinetic-plan-actions button.kinetic-plan-destroy{border-color:#c66;background:#fee;color:#721c24}.kinetic-plan-terraform-wrap{padding:0 1rem 1rem}.kinetic-plan-terraform-loading{margin:0;padding:1rem;color:#666;font-size:.875rem}.kinetic-plan-terraform{margin:0;padding:1rem;background:#1e1e1e;color:#d4d4d4;font-size:.8rem;overflow:auto;max-height:400px}:root{--primary-blue: #1e3a8a;--secondary-blue: #1e40af;--accent-blue: #3b82f6;--light-blue: #60a5fa;--dark-blue: #0f172a;--navy-blue: #1e293b;--slate-blue: #334155;--success-green: #10b981;--warning-yellow: #f59e0b;--error-red: #ef4444;--info-blue: #3b82f6;--text-primary: rgba(255, 255, 255, .95);--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .5);--bg-primary: #000000;--bg-secondary: #0a0a0a;--bg-card: rgba(30, 41, 59, .4);--bg-hover: rgba(30, 58, 138, .2);--bg-tertiary: #334155;--border-color: rgba(59, 130, 246, .2);--border-hover: rgba(59, 130, 246, .4);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(30, 58, 138, .2);--shadow-hover: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(30, 58, 138, .3);--shadow-glow: 0 0 20px rgba(59, 130, 246, .3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Google Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;position:relative;min-height:100vh}body:before{content:"";position:fixed;top:-20%;left:-20%;width:50%;height:50%;background:radial-gradient(circle,rgba(30,58,138,.4) 0%,transparent 70%);filter:blur(120px);opacity:.18;transform:translateZ(0);pointer-events:none;z-index:0}body:after{content:"";position:fixed;bottom:-20%;right:-20%;width:50%;height:50%;background:radial-gradient(circle,rgba(59,130,246,.4) 0%,transparent 70%);filter:blur(120px);opacity:0;transform:translateZ(0);pointer-events:none;z-index:0}code{font-family:Roboto Mono,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.btn-primary{background-color:var(--accent-blue);color:#fff}.btn-primary:hover{background-color:var(--secondary-blue)}.btn-secondary{background-color:var(--slate-blue);color:#fff}.btn-secondary:hover{background-color:var(--navy-blue)}.card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.card:hover{background-color:#1e293b99;border-color:var(--border-hover);box-shadow:var(--shadow-hover),var(--shadow-glow);transform:translateY(-2px)}.badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.badge-success{background-color:var(--success-green);color:#fff}.badge-warning{background-color:var(--warning-yellow);color:#fff}.badge-error{background-color:var(--error-red);color:#fff}.badge-info{background-color:var(--info-blue);color:#fff}.main-content .alerts-page .alert-card *:not(button):not([class*=btn]):not(.severity-badge):not(.status-badge),.main-content .alerts-page .alert-detail-card *:not(button):not([class*=btn]):not(.severity-badge):not(.status-badge),.main-content .alerts-page .evidence-item,.main-content .alerts-page .evidence-item *,.main-content .alerts-page .resource-type,.main-content .alerts-page .btn-back,.main-content .resources-page .resources-content,.main-content .resources-page .resources-content *:not(button):not([class*=btn]),.main-content .resources-page .resources-form-card,.main-content .resources-page .resources-form-card *:not(button):not([class*=btn]),.main-content .resources-page .resources-table th,.main-content .resources-page .resources-table td,.main-content .resources-page .resources-table .cri-cell,.main-content .resources-page .resources-table .cri-cell *,.main-content .monitoring-page .monitoring-controls,.main-content .monitoring-page .monitoring-controls *:not(button):not([class*=btn]),.main-content .monitoring-page .metric-card,.main-content .monitoring-page .metric-card .detail-item,.main-content .monitoring-page .metric-card .detail-item *,.main-content .monitoring-page .metric-card .metric-latest,.main-content .monitoring-page .metric-card .metric-latest *,.main-content .monitoring-page .metric-card .chart-placeholder,.main-content .monitoring-page .metric-card .value-item,.main-content .monitoring-page .metric-card .value-item *,.main-content .monitoring-page .agent-result-info,.main-content .monitoring-page .agent-result-info *,.main-content .monitoring-page .chart-placeholder,.main-content .monitoring-page .chart-placeholder *,.main-content .monitoring-page .value-item,.main-content .monitoring-page .value-item *,.main-content .monitoring-page .error-message,.main-content .monitoring-page .error-message *,.main-content .kinetic-plans .kinetic-plan-card,.main-content .kinetic-plans .kinetic-plan-card *:not(button):not([class*=btn]),.main-content .kinetic-plans .kinetic-plan-header,.main-content .kinetic-plans .kinetic-plan-header *,.main-content .kinetic-plans .kinetic-plans-toast,.main-content .kinetic-plans .kinetic-plans-toast *:not(button),.main-content .kinetic-plans .kinetic-plans-error,.main-content .kinetic-plans .kinetic-plans-error *{color:#333!important}.main-content .alerts-page .alert-card,.main-content .alerts-page .alert-detail-card,.main-content .alerts-page .detail-row .label,.main-content .alerts-page .detail-row .value,.main-content .resources-page .resources-content,.main-content .resources-page .resources-form-card,.main-content .resources-page .form-group input,.main-content .resources-page .form-group label,.main-content .monitoring-page .monitoring-controls,.main-content .monitoring-page .control-group select,.main-content .monitoring-page .control-group input,.main-content .monitoring-page .metric-card,.main-content .monitoring-page .agent-result-info,.main-content .kinetic-plans .kinetic-plan-card,.main-content .kinetic-plans .kinetic-plan-header,.main-content .kinetic-plans .kinetic-plans-toast.success,.main-content .kinetic-plans .kinetic-plans-toast.error,.main-content .kinetic-plans .kinetic-plans-error{color:#333!important}.main-content .kinetic-plans .kinetic-plans-toast.success,.main-content .kinetic-plans .kinetic-plans-toast.success *:not(button){color:#155724!important}.main-content .kinetic-plans .kinetic-plans-toast.error,.main-content .kinetic-plans .kinetic-plans-toast.error *:not(button),.main-content .kinetic-plans .kinetic-plans-error,.main-content .kinetic-plans .kinetic-plans-error *{color:#721c24!important}.main-content .monitoring-page .error-message,.main-content .monitoring-page .error-message *{color:#c53030!important}
