.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a1628,#132847,#1a3a5c);padding:20px}.auth-card{background:#1a2d4a;border-radius:16px;padding:48px 40px;width:100%;max-width:420px;box-shadow:0 25px 50px #0006;text-align:center;border:1px solid rgba(59,130,246,.15)}.auth-card-wide{max-width:520px}.auth-logos{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:20px}.auth-logo-img{width:56px;height:56px;border-radius:12px;object-fit:contain}.auth-logo{font-size:48px;margin-bottom:16px}.auth-title{color:#e2e8f0;font-size:24px;font-weight:700;margin:0 0 6px}.auth-subtitle{color:#7cb3d4;font-size:14px;margin:0 0 32px;font-weight:500}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-field{text-align:left}.auth-field label{display:block;color:#94a3b8;font-size:13px;margin-bottom:6px;font-weight:500}.auth-field input{width:100%;padding:12px 16px;background:#0f1d33;border:1px solid #2a4a6b;border-radius:8px;color:#e2e8f0;font-size:16px;outline:none;transition:border-color .2s;box-sizing:border-box}.auth-field input:focus{border-color:#4a9eda;box-shadow:0 0 0 3px #4a9eda26}.auth-field input::placeholder{color:#475569}.otp-input{text-align:center;font-size:24px!important;letter-spacing:8px;font-family:monospace}.auth-btn{width:100%;padding:14px;background:#2a7ab5;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center;gap:8px}.auth-btn:hover:not(:disabled){background:#3a8ec9}.auth-btn:disabled{opacity:.6;cursor:not-allowed}.auth-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:10px 14px;border-radius:8px;font-size:13px;text-align:left}.auth-footer{color:#64748b;font-size:12px;margin-top:24px}.auth-link{background:none;border:none;color:#60a5fa;font-size:13px;cursor:pointer;margin-top:16px}.auth-link:hover{text-decoration:underline}.auth-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.auth-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;color:#94a3b8;font-size:16px}.access-denied{text-align:center;padding:60px 20px;color:#94a3b8}.access-denied h2{color:#ef4444}.enroll-steps{margin:24px 0}.enroll-qr{margin-bottom:16px}.enroll-qr img{border-radius:8px;background:#fff;padding:8px}.enroll-manual p{color:#94a3b8;font-size:13px;margin:0 0 8px}.manual-key{display:block;background:#0f172a;padding:10px;border-radius:6px;color:#fbbf24;font-size:14px;letter-spacing:2px;word-break:break-all}@media (max-width: 480px){.auth-card{padding:32px 24px}.auth-title{font-size:20px}}.ops-dashboard{max-width:1200px;margin:0 auto}.ops-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.ops-header h2{color:var(--text-primary);font-size:1.3rem}.ops-timestamp{color:var(--text-muted);font-size:.75rem}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:24px}.kpi-card{background:var(--surface-elevated, #f8fafc);border:1px solid var(--border, #e2e8f0);border-radius:10px;padding:16px;text-align:center}.kpi-card.highlight{border-color:var(--success, #10b981)}.kpi-value{font-size:1.6rem;font-weight:700;color:var(--text-primary)}.kpi-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.ops-section{background:var(--surface-elevated, #f8fafc);border:1px solid var(--border, #e2e8f0);border-radius:10px;padding:16px;margin-bottom:16px}.ops-section h3{color:var(--text-primary);font-size:.95rem;margin-bottom:12px}.ops-table{width:100%;border-collapse:collapse;font-size:.8rem}.ops-table th{text-align:left;color:var(--text-muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;padding:8px 10px;border-bottom:1px solid var(--border)}.ops-table td{padding:8px 10px;color:var(--text-primary);border-bottom:1px solid rgba(30,58,92,.5)}.ops-table tr:hover{background:#60a5fa0d}.outage-id-cell{font-family:monospace;font-weight:600;color:var(--accent)}.perf-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.perf-card{text-align:center;padding:12px;background:var(--navy-900, #f8fafc);border-radius:8px;border:1px solid var(--border)}.perf-value{font-size:1.2rem;font-weight:700;color:var(--accent)}.perf-label{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;margin-top:3px}.ops-filters{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.ops-search{flex:1;min-width:200px;padding:8px 12px;background:var(--navy-900, #f8fafc);border:1px solid var(--border, #e2e8f0);border-radius:6px;color:var(--text-primary);font-size:.8rem}.ops-search:focus{outline:none;border-color:var(--accent)}.ops-filter-select{padding:8px 12px;background:var(--navy-900, #f8fafc);border:1px solid var(--border, #e2e8f0);border-radius:6px;color:var(--text-primary);font-size:.8rem}.hitl-center{max-width:1200px;margin:0 auto}.hitl-header{margin-bottom:20px}.hitl-header h2{color:var(--text-primary);font-size:1.3rem}.hitl-subtitle{color:var(--text-muted);font-size:.8rem;margin-top:4px}.hitl-views{display:flex;gap:4px;margin-bottom:20px;background:var(--navy-900);padding:4px;border-radius:8px}.view-btn{background:none;border:none;color:var(--text-secondary);padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500}.view-btn:hover{background:var(--navy-700);color:var(--text-primary)}.view-btn.active{background:var(--navy-600);color:var(--accent-light);font-weight:600}.hitl-section{background:var(--surface-elevated);border:1px solid var(--border);border-radius:10px;padding:20px}.hitl-section h3{color:var(--text-primary);font-size:1rem;margin-bottom:16px}.hitl-loading,.hitl-empty{color:var(--text-muted);text-align:center;padding:2rem;font-size:.85rem}.hitl-task-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.hitl-task-card{background:var(--navy-900);border:1px solid var(--border);border-radius:8px;padding:14px}.task-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.task-outage{font-weight:700;color:var(--accent);font-family:monospace;font-size:.85rem}.task-status{font-size:.75rem;font-weight:600}.task-body{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.task-row{display:flex;justify-content:space-between;font-size:.8rem}.task-row span:first-child{color:var(--text-muted)}.task-row span:last-child{color:var(--text-primary)}.task-actions{display:flex;gap:6px}.task-actions button{flex:1;padding:6px;border:none;border-radius:4px;font-size:.75rem;font-weight:600;cursor:pointer}.action-approve{background:#22c55e26;color:var(--success)}.action-reject{background:#ef444426;color:var(--danger)}.action-escalate{background:#eab30826;color:var(--warning)}.confidence-visualization{background-color:#f9f9f9;padding:20px;border-radius:8px}.confidence-visualization h3{margin:0 0 20px;color:var(--text-primary, #1a1a2e)}.confidence-gauge{display:flex;justify-content:center;margin-bottom:30px}.gauge-circle{width:150px;height:150px;border-radius:50%;background:linear-gradient(135deg,#2e86c1,#1b4f8a);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 15px #2e86c14d}.gauge-value{font-size:2.5rem;font-weight:700}.gauge-label{font-size:.85rem;opacity:.9;margin-top:5px}.confidence-bar{margin-bottom:20px}.bar-container{display:flex;height:30px;border-radius:6px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.bar-segment{transition:width .3s ease;min-width:2px}.component-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.component-item{background:#fff;padding:12px;border-radius:6px;display:flex;justify-content:space-between;align-items:center;border:1px solid #eee}.component-name{font-weight:600;color:var(--text-primary, #1a1a2e);font-size:.9rem}.component-value{background-color:#f0f0f0;padding:4px 8px;border-radius:4px;font-weight:600;color:#2e86c1;font-size:.85rem}.key-drivers-panel{background-color:#f9f9f9;padding:20px;border-radius:8px}.key-drivers-panel h3{margin:0 0 20px;color:var(--text-primary, #1a1a2e)}.drivers-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.driver-card{background:#fff;padding:15px;border-radius:8px;border-left:4px solid #2E86C1;box-shadow:0 2px 8px #0000000d}.driver-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.driver-header h4{margin:0;font-size:.95rem;color:var(--text-primary, #1a1a2e);flex:1}.impact-badge{color:#fff;padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:600;white-space:nowrap;margin-left:10px}.driver-description{margin:10px 0;font-size:.85rem;color:#666;line-height:1.5}.impact-bar{height:6px;background-color:#eee;border-radius:3px;overflow:hidden}.impact-fill{height:100%;border-radius:3px;transition:width .3s ease}.conflict-alerts{background-color:#fff5f5;padding:20px;border-radius:8px;border:2px solid #ffe0e0}.conflict-alerts h3{margin:0 0 15px;color:#c33}.conflicts-list{display:flex;flex-direction:column;gap:12px}.conflict-card{background:#fff;padding:15px;border-radius:6px;border-left:4px solid;box-shadow:0 2px 8px #0000000d}.conflict-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.severity-icon{font-size:1.2rem}.conflict-header h4{margin:0;font-size:.95rem;color:#333;flex:1}.severity-badge{color:#fff;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600;white-space:nowrap}.conflict-resolution{margin:0;font-size:.85rem;color:#666;line-height:1.5}.simulation-panel{background-color:var(--navy-800, #ffffff);padding:20px;border-radius:8px}.simulation-panel h3{margin:0 0 20px;color:var(--text-primary, #1a1a2e)}.simulation-controls{background:var(--surface-elevated, #f8fafc);padding:20px;border-radius:8px;margin-bottom:20px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:end;border:1px solid var(--border, #e2e8f0)}@media (max-width: 900px){.simulation-controls{grid-template-columns:repeat(2,1fr)}}.control-group{display:flex;flex-direction:column;gap:6px}.control-group label{font-weight:600;color:var(--text-primary, #1a1a2e);font-size:.8rem}.control-group input[type=number],.control-group select{padding:9px 10px;border:1px solid var(--border, #e2e8f0);border-radius:6px;font-size:.85rem;background:#fff;color:var(--text-primary, #1a1a2e);height:38px}.control-group input[type=number]:focus,.control-group select:focus{outline:none;border-color:var(--primary, #0078D4);box-shadow:0 0 0 2px #0078d41a}.control-group input:disabled,.control-group select:disabled{opacity:.5;cursor:not-allowed}.control-value{font-size:.85rem;color:#2e86c1;font-weight:600}.simulate-button{padding:10px 20px;background:linear-gradient(135deg,#1b4f8a,#2e86c1);color:#fff;border:none;border-radius:4px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.simulate-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #2e86c14d}.simulate-button:disabled{opacity:.6;cursor:not-allowed}.simulation-results{background:var(--surface-elevated, #f8fafc);padding:20px;border-radius:8px}.simulation-results h4{margin:0 0 15px;color:var(--text-primary, #1a1a2e)}.comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:20px}.comparison-card{background-color:var(--navy-800, #ffffff);padding:15px;border-radius:6px;border:1px solid #eee}.comparison-card h5{margin:0 0 10px;color:var(--text-primary, #1a1a2e);font-size:.95rem}.prediction-values{display:flex;flex-direction:column;gap:8px;font-size:.9rem;color:var(--text-secondary, #4a5568)}.comparison-card.delta{background:linear-gradient(135deg,#e8f4fc,#d6eaf8);border-color:#2e86c1}.delta-values{display:flex;flex-direction:column;gap:8px;font-size:.9rem;font-weight:600}.impacted-drivers{margin-top:20px;padding-top:20px;border-top:1px solid #eee}.impacted-drivers h5{margin:0 0 15px;color:var(--text-primary, #1a1a2e)}.drivers-list{display:flex;flex-direction:column;gap:10px}.driver-item{background-color:var(--navy-800, #ffffff);padding:12px;border-radius:6px;border-left:3px solid #2E86C1}.driver-name{font-weight:600;color:var(--text-primary, #1a1a2e);margin-bottom:5px}.driver-impact{display:inline-block;padding:3px 8px;border-radius:3px;font-size:.75rem;font-weight:600;color:#fff;margin-bottom:5px}.driver-impact.high{background-color:#e74c3c}.driver-impact.medium{background-color:#f39c12}.driver-impact.low{background-color:#2ecc71}.driver-explanation{font-size:.85rem;color:var(--text-secondary, #4a5568);line-height:1.4}.control-group input[type=number]{padding:8px;border:1px solid var(--border, #e2e8f0);border-radius:4px;background:var(--navy-900, #f8fafc);color:var(--text-primary, #1a1a2e);font-size:.9rem;width:100%}.control-group input[type=number]:focus{outline:none;border-color:var(--accent, #0078D4)}.hitl-review-panel{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:24px;margin:20px 0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.review-header{border-bottom:3px solid #2E86C1;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:20px;border-radius:8px;margin:-24px -24px 24px}.review-header h3{margin:0 0 8px;color:#1a237e;font-size:24px;font-weight:700;letter-spacing:.5px}.review-reason{margin:0;color:#424242;font-size:14px;line-height:1.6;font-weight:500}.confidence-section{background:linear-gradient(135deg,#2e86c1,#1b4f8a);padding:24px;border-radius:8px;margin-bottom:24px;border-left:4px solid #2E86C1;box-shadow:0 4px 12px #2e86c133}.prediction-summary{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:20px;border-radius:8px;border-left:4px solid #2E86C1}.summary-item{display:flex;flex-direction:column;gap:8px;background:#fff;padding:12px;border-radius:6px;border-left:3px solid #2E86C1}.summary-item.full-width{grid-column:1 / -1}.summary-item label{font-size:11px;color:#2e86c1;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.summary-item span{font-size:14px;font-weight:600;color:#1a237e;font-family:Courier New,monospace;word-break:break-word}.rationale-text{display:block;line-height:1.6;color:#424242;font-style:italic;font-family:inherit!important;word-wrap:break-word}.review-form{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:24px;border-radius:8px;margin-bottom:20px;border:1px solid #e0e0e0;box-shadow:0 2px 8px #0000000d}.form-group{margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-weight:600;color:#1a237e;margin-bottom:10px;font-size:14px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px;border:2px solid #ddd;border-radius:6px;font-family:inherit;font-size:14px;transition:all .3s ease;box-sizing:border-box;background:#fff}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#2e86c1;box-shadow:0 0 0 3px #2e86c126;background:#f9f9ff}.form-group textarea{resize:vertical;min-height:100px}.action-buttons{display:flex;gap:12px;flex-wrap:wrap}.action-btn{flex:1;min-width:120px;padding:14px 16px;border:2px solid #ddd;background:#fff;border-radius:6px;font-weight:700;font-size:13px;cursor:pointer;transition:all .3s ease;color:#666;text-transform:uppercase;letter-spacing:.5px}.action-btn.approve{border-color:#4caf50;color:#4caf50}.action-btn.approve.active{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border-color:#4caf50;box-shadow:0 4px 12px #4caf504d;transform:translateY(-2px)}.action-btn.approve:hover:not(.active){border-color:#4caf50;background:#f1f8f6}.action-btn.reject{border-color:#f44336;color:#f44336}.action-btn.reject.active{background:linear-gradient(135deg,#f44336,#da190b);color:#fff;border-color:#f44336;box-shadow:0 4px 12px #f443364d;transform:translateY(-2px)}.action-btn.reject:hover:not(.active){border-color:#f44336;background:#fef5f5}.action-btn.escalate{border-color:#ff9800;color:#ff9800}.action-btn.escalate.active{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;border-color:#ff9800;box-shadow:0 4px 12px #ff98004d;transform:translateY(-2px)}.action-btn.escalate:hover:not(.active){border-color:#ff9800;background:#fff8f3}.success-message{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#1b5e20;padding:16px;border-radius:6px;border-left:4px solid #4CAF50;margin-bottom:20px;font-size:14px;font-weight:600;box-shadow:0 2px 8px #4caf5033;animation:slideIn .3s ease-out}.success-message p{margin:0}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-message{background:#ffebee;color:#c62828;padding:12px;border-radius:6px;border-left:4px solid #f44336;margin-bottom:16px;font-size:13px}.submit-btn{width:100%;padding:16px;background:linear-gradient(135deg,#2e86c1,#1b4f8a);color:#fff;border:none;border-radius:6px;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #2e86c166}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.review-guidelines{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);padding:20px;border-radius:8px;border-left:4px solid #4CAF50;box-shadow:0 2px 8px #0000000d}.review-guidelines h4{margin:0 0 16px;color:#1b5e20;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.review-guidelines ul{margin:0;padding-left:20px}.review-guidelines li{margin:10px 0;color:#2e7d32;font-size:13px;line-height:1.6;font-weight:500}.review-guidelines strong{color:#1b5e20;font-weight:700}.success-section{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-left:4px solid #4CAF50;padding:24px;border-radius:8px;box-shadow:0 4px 12px #4caf5033}.success-section h3{margin:0 0 20px;color:#1b5e20;font-size:22px;font-weight:700;letter-spacing:.5px}.result-details{display:flex;flex-direction:column;gap:12px}.result-item{display:grid;grid-template-columns:140px 1fr;gap:16px;padding:14px;background:#fff;border-radius:6px;border-left:4px solid #4CAF50;box-shadow:0 2px 4px #0003}.result-item label{font-weight:700;color:#1b5e20;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.result-item span{color:#2e7d32;font-weight:600;word-break:break-word}.decision-badge{display:inline-block;padding:8px 14px;border-radius:4px;font-size:12px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px}.decision-badge.approve{background:linear-gradient(135deg,#4caf50,#45a049)}.decision-badge.reject{background:linear-gradient(135deg,#f44336,#da190b)}.decision-badge.escalate{background:linear-gradient(135deg,#ff9800,#f57c00)}@media (max-width: 768px){.hitl-review-panel{padding:16px}.prediction-summary{grid-template-columns:1fr}.action-buttons{flex-direction:column}.action-btn{min-width:unset}.review-header h3{font-size:20px}.result-item{grid-template-columns:1fr}}.audit-trail-panel{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:24px;margin:20px 0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.audit-trail-panel h3{margin:0 0 20px;color:#1a237e;font-size:18px;font-weight:700;border-bottom:3px solid #2E86C1;padding-bottom:12px;letter-spacing:.5px}.audit-trail-panel.loading,.audit-trail-panel.error,.audit-trail-panel.empty{text-align:center;padding:40px 24px;background:#fff;color:#666;font-size:14px}.audit-trail-panel.error{background:#ffebee;color:#c62828;border-left:4px solid #f44336}.audit-trail-panel.empty{background:#f5f5f5;color:#999}.audit-entries{display:flex;flex-direction:column;gap:16px}.audit-entry{background:#fff;padding:16px;border-radius:8px;box-shadow:0 2px 8px #0000000d;transition:all .3s ease;border:1px solid #e0e0e0;border-left:4px solid #2E86C1}.audit-entry:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px);border-color:#2e86c1}.entry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:12px}.entry-title{display:flex;align-items:center;gap:12px;flex:1}.action-badge{display:inline-block;padding:8px 14px;border-radius:4px;font-size:12px;font-weight:700;letter-spacing:.5px;color:#fff;text-transform:uppercase}.action-badge.badge-approve{background:linear-gradient(135deg,#4caf50,#45a049);box-shadow:0 2px 6px #4caf504d}.action-badge.badge-reject{background:linear-gradient(135deg,#f44336,#da190b);box-shadow:0 2px 6px #f443364d}.action-badge.badge-escalate{background:linear-gradient(135deg,#ff9800,#f57c00);box-shadow:0 2px 6px #ff98004d}.action-badge.badge-default{background:#999}.timestamp{font-size:12px;color:#999;font-weight:500}.latest-badge{display:inline-block;background:linear-gradient(135deg,#2e86c1,#1b4f8a);color:#fff;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:700;margin-left:12px;text-transform:uppercase;letter-spacing:.5px}.expand-btn{background:none;border:none;color:#2e86c1;font-size:16px;cursor:pointer;padding:4px 8px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:4px}.expand-btn:hover{background:#2e86c11a;color:#1b4f8a}.expand-btn.expanded{transform:rotate(90deg);color:#1b4f8a}.entry-details{display:flex;flex-direction:column;gap:12px;padding:12px;background:var(--navy-800, #ffffff);border-radius:6px}.reviewer-info,.reviewer-comment,.entry-status,.triggered-action{font-size:13px;color:#424242;line-height:1.6;padding-left:12px;border-left:4px solid #2E86C1}.reviewer-info strong,.reviewer-comment strong,.entry-status strong,.triggered-action strong{display:block;color:#1a237e;font-weight:700;margin-bottom:6px;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.reviewer-info{border-left-color:#2196f3;background:#f0f7ff}.reviewer-comment{border-left-color:#ff9800;background:#fff8f3}.entry-status{border-left-color:#2e86c1;background:#f5f7fa}.triggered-action{border-left-color:#4caf50;background:#f1f8f6}.entry-expanded-details{margin-top:16px;padding:16px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:6px;border-left:4px solid #2E86C1;animation:slideDown .3s ease;box-shadow:0 2px 8px #0000000d}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.details-section{margin-bottom:16px}.details-section:last-child{margin-bottom:0}.details-section h5{margin:0 0 10px;color:#1a237e;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.details-content{margin:0;padding:12px;background:#fff;border-radius:4px;border-left:3px solid #2E86C1;font-size:12px;font-family:Courier New,monospace;color:#424242;overflow-x:auto;max-height:300px;overflow-y:auto;line-height:1.5;box-shadow:inset 0 1px 3px #0000000d}@media (max-width: 768px){.audit-trail-panel{padding:16px}.audit-trail-panel h3{font-size:16px}.entry-header{flex-direction:column;align-items:flex-start}.timestamp{width:100%}.entry-details{padding:12px}.details-content{font-size:11px;max-height:200px}}.outage-detail{display:flex;flex-direction:column;gap:20px}.detail-header{border-bottom:3px solid #2E86C1;padding-bottom:20px;margin-bottom:20px}.detail-header h1{margin:0 0 12px;font-size:2rem;color:#1a237e;font-weight:700;letter-spacing:-.5px}.header-info{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.escalation-badge{background-color:#e74c3c;color:#fff;padding:6px 12px;border-radius:4px;font-size:.85rem;font-weight:600}.predictions-section{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px}.prediction-card{padding:24px;border-radius:12px;color:#fff;box-shadow:0 4px 12px #0000001a;transition:all .3s ease;border:none}.prediction-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000026}.prediction-card h3{margin:0 0 16px;font-size:13px;opacity:.95;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.prediction-card.confidence{background:linear-gradient(135deg,#1b4f8a,#2e86c1);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:240px}.prediction-card.p50{background:linear-gradient(135deg,#00bcd4,#0097a7)}.prediction-card.p90{background:linear-gradient(135deg,#1b6fa8,#5dade2)}.prediction-card.sla{background:linear-gradient(135deg,#81c784,#66bb6a)}.circular-indicator{position:relative;width:160px;height:160px;display:flex;align-items:center;justify-content:center}.confidence-circle{width:100%;height:100%;transform:rotate(-90deg)}.circle-bg{fill:none;stroke:#ffffff40;stroke-width:8}.circle-progress{fill:none;stroke:#fff;stroke-width:8;stroke-linecap:round;transition:stroke-dasharray .5s ease}.circle-content{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.circle-value{font-size:2.8rem;font-weight:700;color:#fff;letter-spacing:-1px}.circle-label{font-size:.95rem;color:#fffffff2;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.eta-display{display:flex;flex-direction:column;gap:12px}.eta-time{font-size:2.2rem;font-weight:700;letter-spacing:-1px}.eta-datetime{font-size:.9rem;opacity:.95;font-weight:500}.sla-info{display:flex;flex-direction:column;gap:12px}.sla-status{font-size:1.3rem;font-weight:700;letter-spacing:.5px}.sla-status.breach{color:#ffe0e0}.sla-status.met{color:#e0ffe0}.sla-details{font-size:.95rem;opacity:.95;display:flex;flex-direction:column;gap:6px;font-weight:500}.rationale-section{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:20px;border-radius:8px;border-left:4px solid #2E86C1;box-shadow:0 2px 8px #0000000d}.rationale-section h3{margin:0 0 12px;color:#1a237e;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.rationale-text{margin:0;color:#424242;line-height:1.7;font-size:14px;font-weight:500}.tabs{display:flex;gap:10px;border-bottom:3px solid #e0e0e0;margin-bottom:20px}.tab{padding:14px 24px;background:none;border:none;cursor:pointer;font-size:14px;font-weight:700;color:#999;border-bottom:3px solid transparent;transition:all .3s;text-transform:uppercase;letter-spacing:.5px}.tab:hover{color:#2e86c1}.tab.active{color:#2e86c1;border-bottom-color:#2e86c1}.tab.hitl-tab{background-color:#ffc107;color:#000;border-radius:4px 4px 0 0;border-bottom:3px solid #ff9800;box-shadow:0 2px 6px #ffc1074d}.tab.hitl-tab:hover{color:#000;background-color:#ffb300}.tab.hitl-tab.active{background-color:#ffc107;color:#000;border-bottom-color:#ff9800}.tab-content{padding:20px 0}.overview-tab,.trace-tab,.simulation-tab,.hitl-tab{display:flex;flex-direction:column;gap:20px}.escalation-section{background-color:#fee;border:2px solid #e74c3c;border-radius:8px;padding:15px;margin-top:20px}.escalation-section h3{margin:0 0 10px;color:#c33}.escalation-section p{margin:0;color:#666}@media (max-width: 1024px){.predictions-section{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.predictions-section{grid-template-columns:1fr}.circular-indicator{width:120px;height:120px}.circle-value{font-size:2rem}.circle-label{font-size:.8rem}.detail-header h1{font-size:1.4rem}.tab{padding:10px 15px;font-size:.85rem}}:root{--primary: #0078D4;--primary-dark: #005a9e;--primary-light: #e6f2ff;--accent: #7B61FF;--text-primary: #1a1a2e;--text-secondary: #4a5568;--text-muted: #718096;--surface: #ffffff;--surface-elevated: #f8fafc;--surface-hover: #f1f5f9;--border: #e2e8f0;--border-light: #f1f5f9;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--navy-900: #f8fafc;--navy-800: #ffffff;--navy-700: #f1f5f9;--navy-600: #e2e8f0;--accent-light: #0078D4}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif;-webkit-font-smoothing:antialiased;background:#f0f4f8;min-height:100vh;color:var(--text-primary)}.app-container{min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:10px 24px;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;box-shadow:0 1px 3px #0000000f}.header-left{display:flex;align-items:center;gap:12px}.header-logo{width:32px;height:32px;border-radius:6px}.header-title{color:var(--text-primary);font-size:15px;font-weight:600;letter-spacing:-.3px}.header-nav{display:flex;gap:2px;background:var(--surface-elevated);padding:3px;border-radius:8px;border:1px solid var(--border)}.nav-btn{background:none;border:none;color:var(--text-secondary);padding:7px 14px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s;white-space:nowrap}.nav-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.nav-btn.nav-active{background:var(--primary);color:#fff;font-weight:600}.header-right{display:flex;align-items:center;gap:12px}.header-user{color:var(--text-primary);font-size:13px;font-weight:500}.header-role{color:var(--primary);font-size:11px;background:var(--primary-light);padding:2px 8px;border-radius:4px;font-weight:500}.logout-btn{background:var(--danger);color:#fff;border:none;padding:5px 12px;border-radius:6px;font-size:12px;cursor:pointer;font-weight:500}.logout-btn:hover{opacity:.9}.app-main{flex:1;padding:20px 24px;background:#f0f4f8}.loading,.error{text-align:center;color:var(--text-primary);display:flex;align-items:center;justify-content:center;min-height:100vh;flex-direction:column;background:#f0f4f8}.loading h1{font-size:2rem;margin-bottom:16px}.loading p{font-size:1rem;color:var(--text-secondary)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-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:linear-gradient(135deg,#1b4f8a,#2e86c1,#5dade2);min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}