.console-bar{background:#0c1016;border-bottom:1px solid #1c2834;padding:.4rem 0;font-size:.72rem;color:#6a7a88;letter-spacing:.04em}
.console-bar .container{display:flex;flex-wrap:wrap;gap:.8rem 1.4rem}
.console-bar em{font-style:normal;color:#39ff88}

.dash-hero{padding:2.2rem 0 2.6rem;background:#07090d}
.dash-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:2rem;align-items:start}
.dash-grid h1{font-size:clamp(1.3rem,3.2vw,1.8rem);font-weight:800;color:#e8f4ec;line-height:1.35;margin-bottom:.8rem}
.dash-grid h1 em{font-style:normal;color:#39ff88}
.dash-desc{color:#6a7a88;font-size:.92rem;margin-bottom:1.2rem;max-width:500px}
.dash-btns{display:flex;flex-wrap:wrap;gap:.7rem;margin-bottom:1.3rem}
.kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem}
.kpi{background:#0c1016;border:1px solid #1c2834;padding:.7rem .75rem}
.kpi strong{display:block;font-size:1.15rem;color:#39ff88;font-weight:800}
.kpi span{font-size:.68rem;color:#6a7a88}

.monitor{background:#0c1016;border:1px solid #1c2834}
.monitor-top{display:flex;align-items:center;gap:.4rem;padding:.4rem .7rem;border-bottom:1px solid #1c2834;font-size:.7rem;color:#6a7a88}
.monitor-top i{width:8px;height:8px;border-radius:50%;background:#39ff88;display:inline-block}
.monitor img{width:100%}

.term-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem}
.term-win{background:#0c1016;border:1px solid #1c2834}
.term-win header{background:#10161e;padding:.4rem .75rem;font-size:.7rem;color:#39ff88;border-bottom:1px solid #1c2834}
.term-win .body{padding:1rem 1.05rem}
.term-win h3{font-size:.92rem;color:#e8f4ec;margin-bottom:.4rem;font-weight:800}
.term-win p{font-size:.84rem;color:#6a7a88;line-height:1.6}

.pipe-line{display:flex;align-items:stretch;border:1px solid #1c2834;background:#0c1016}
.pipe-node{flex:1;padding:1.05rem 1rem;border-right:1px solid #1c2834;position:relative}
.pipe-node:last-child{border-right:none}
.pipe-node::after{content:">";position:absolute;right:-6px;top:50%;transform:translateY(-50%);color:#39ff88;font-size:.75rem;z-index:1}
.pipe-node:last-child::after{display:none}
.pipe-code{font-size:.68rem;color:#7ad4ff;margin-bottom:.35rem}
.pipe-node h3{font-size:.88rem;color:#e8f4ec;margin-bottom:.3rem;font-weight:800}
.pipe-node p{font-size:.8rem;color:#6a7a88}

.log-dual{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}
.log-pane{background:#0c1016;border:1px solid #1c2834}
.log-pane .head{padding:.45rem .8rem;font-size:.7rem;color:#39ff88;border-bottom:1px solid #1c2834}
.log-pane .body{padding:1rem 1.05rem}
.log-pane h3{font-size:.9rem;color:#e8f4ec;margin-bottom:.5rem;font-weight:800}
.log-pane li{font-size:.82rem;color:#6a7a88;padding:.28rem 0;border-bottom:1px dashed #152028;font-family:"Consolas",monospace}
.log-pane li:last-child{border-bottom:none}

.term-cta{background:#0c1016;border-top:1px solid #39ff88;border-bottom:1px solid #1c2834;padding:2.4rem 0;text-align:center}
.term-cta h2{font-size:clamp(1.1rem,3vw,1.4rem);color:#e8f4ec;margin-bottom:.4rem;font-weight:800}
.term-cta p{color:#6a7a88;margin-bottom:1.1rem;font-size:.88rem}

@media(max-width:900px){
  .dash-grid{grid-template-columns:1fr}
  .monitor{order:-1}
  .term-row,.kpi-row,.log-dual{grid-template-columns:1fr}
  .pipe-line{flex-direction:column}
  .pipe-node{border-right:none;border-bottom:1px solid #1c2834}
  .pipe-node::after{display:none}
}