.surface-console{min-height:100vh;background:#030308;color:#e8e8f0}.surface-console-hero{position:relative;overflow:hidden;border-bottom:1px solid hsla(0,0%,100%,.08);background:linear-gradient(180deg,rgba(96,43,233,.12),transparent 70%)}.surface-console-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 80% 0,rgba(0,214,158,.15),transparent 55%);pointer-events:none}.surface-console-grid{display:grid;gap:1rem}@media (min-width:1024px){.surface-console-grid--3{grid-template-columns:repeat(3,1fr)}.surface-console-grid--2{grid-template-columns:1.2fr .8fr}}.surface-metric{border:1px solid hsla(0,0%,100%,.08);background:hsla(0,0%,100%,.03);border-radius:12px;padding:1.25rem;transition:border-color .2s,box-shadow .2s}.surface-metric:hover{border-color:rgba(96,43,233,.45);box-shadow:0 0 32px rgba(96,43,233,.12)}.surface-alert-stream{max-height:280px;overflow-y:auto;font-family:ui-monospace,monospace;font-size:11px}.surface-alert-line{padding:.35rem .75rem;border-left:2px solid transparent;animation:surface-fade-in .4s ease}@keyframes surface-fade-in{0%{opacity:0;transform:translateX(-4px)}to{opacity:1;transform:none}}.surface-graph-canvas{width:100%;height:220px;border-radius:12px;border:1px solid hsla(0,0%,100%,.06);background:rgba(0,0,0,.4)}