.console-container{background:linear-gradient(135deg,#12171ccc,#1a212999);border:1px solid rgba(77,216,230,.2);border-radius:12px;overflow:hidden;font-family:var(--font-plex-mono, "IBM Plex Mono", monospace);box-shadow:0 0 60px #4dd8e626,inset 0 1px #4dd8e61a,0 0 120px #4dd8e614;backdrop-filter:blur(10px);animation:glowPulse 4s ease-in-out infinite}.console-header{background:linear-gradient(90deg,#0b0e11cc,#232b3480);border-bottom:1px solid rgba(77,216,230,.15);padding:16px 24px;display:flex;justify-content:space-between;align-items:center;backdrop-filter:blur(8px)}.console-title{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:500;color:#e8edf2;text-transform:uppercase;letter-spacing:.1em}.console-title .icon{width:16px;height:16px;color:#4dd8e6;animation:glowPulse 3s ease-in-out infinite}.console-controls{display:flex;gap:8px}.control-dot{width:8px;height:8px;border-radius:50%;background:#33404c;cursor:pointer;transition:all .2s ease}.control-dot:hover,.control-dot.min{background:#4dd8e6}.control-dot.max{opacity:.4}.console-body{padding:32px;color:#e8edf2;font-size:13px;line-height:1.6}.section-label{font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:#9aa7b4;margin-bottom:16px;margin-top:24px}.section-label:first-child{margin-top:0}.timeline{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.timeline-item{display:flex;gap:16px;padding:12px;border-left:2px solid rgba(77,216,230,.2);border-radius:4px;transition:all .3s ease}.timeline-item.exposed{background:#4dd8e60d;border-left-color:#4dd8e6}.timeline-item:hover{background:#4dd8e61a;border-left-color:#4dd8e6}.timeline-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;margin-top:2px;border:2px solid currentColor}.timeline-dot.critical{background:#e5484d;color:#e5484d}.timeline-dot.high{background:#f5a524;color:#f5a524}.timeline-dot.medium{background:#e3c000;color:#e3c000}.timeline-content{flex:1}.timestamp{font-size:11px;color:#6b7885;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.event{color:#e8edf2;font-weight:500;margin-bottom:4px}.severity{font-size:10px;color:#4dd8e6;font-weight:600}.stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:24px}.stat-card{background:#232b3480;border:1px solid rgba(77,216,230,.1);border-radius:6px;padding:16px;text-align:center;transition:all .3s ease}.stat-card:hover{background:#232b34cc;border-color:#4dd8e64d}.stat-card.critical-count{border-color:#e5484d4d}.stat-card.critical-count:hover{background:#e5484d0d}.stat-card.high-count{border-color:#f5a5244d}.stat-card.high-count:hover{background:#f5a5240d}.stat-number{font-size:28px;font-weight:700;color:#4dd8e6;margin-bottom:4px;font-variant-numeric:tabular-nums}.stat-label{font-size:10px;color:#9aa7b4;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.stat-change{font-size:10px;color:#6b7885}.matrix-section{margin-bottom:12px}.risk-matrix{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.matrix-cell{background:#232b3480;border:1px solid rgba(77,216,230,.1);border-radius:6px;padding:20px 12px;text-align:center;transition:all .3s ease;cursor:pointer}.matrix-cell.high-risk{background:#e5484d14;border-color:#e5484d4d}.matrix-cell.high-risk:hover{background:#e5484d26;box-shadow:0 0 20px #e5484d33}.matrix-cell.medium-risk{background:#f5a52414;border-color:#f5a5244d}.matrix-cell.medium-risk:hover{background:#f5a52426;box-shadow:0 0 20px #f5a52433}.matrix-cell.low-risk{background:#46a75814;border-color:#46a7584d}.matrix-cell.low-risk:hover{background:#46a75826;box-shadow:0 0 20px #46a75833}.matrix-cell.info-risk{background:#4dd8e614;border-color:#4dd8e64d}.matrix-cell.info-risk:hover{background:#4dd8e626;box-shadow:0 0 20px #4dd8e633}.cell-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#9aa7b4;margin-bottom:6px}.cell-count{font-size:24px;font-weight:700;font-variant-numeric:tabular-nums}@media(max-width:640px){.console-body{padding:20px;font-size:12px}.console-header{padding:12px 16px}.stats-section{grid-template-columns:repeat(3,1fr)}.risk-matrix{grid-template-columns:repeat(2,1fr)}}main>section:nth-child(odd){background:linear-gradient(to bottom,var(--section-bg),transparent)}@media(prefers-reduced-motion:no-preference){[data-animate]{animation-play-state:running}}