body{position:relative;isolation:isolate;background:#071219}
body:before{content:"";position:fixed;inset:0;z-index:-2;background-image:linear-gradient(180deg,rgba(3,16,25,.72) 0%,rgba(4,19,28,.82) 45%,rgba(3,13,20,.94) 100%),url("netrix-landscape.png");background-size:cover;background-position:center center;background-repeat:no-repeat;transform:translateZ(0)}
body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 18% 18%,rgba(241,183,92,.09),transparent 26%),radial-gradient(circle at 82% 8%,rgba(72,224,178,.08),transparent 28%)}
.topbar{background:rgba(5,18,26,.78);border-color:rgba(125,176,192,.18);box-shadow:0 8px 34px rgba(0,0,0,.18)}
.metric,.panel{background:linear-gradient(145deg,rgba(13,34,44,.88),rgba(7,22,30,.9));border-color:rgba(94,145,160,.28);backdrop-filter:blur(15px) saturate(115%)}
.metric.accent{background:linear-gradient(145deg,rgba(22,78,66,.9),rgba(9,42,39,.9));border-color:rgba(72,224,178,.38)}
.stock-groups-panel{background:linear-gradient(145deg,rgba(12,36,45,.96),rgba(5,21,29,.97));backdrop-filter:blur(20px) saturate(120%)}
.finance-total{background:linear-gradient(135deg,rgba(21,71,60,.92),rgba(10,39,45,.92))}
.finance-account,.stock-group-card{background:linear-gradient(145deg,rgba(10,29,38,.93),rgba(6,21,28,.94))}
.auth-card{background:linear-gradient(145deg,rgba(11,35,45,.92),rgba(5,20,28,.94));backdrop-filter:blur(20px) saturate(120%);border-color:rgba(91,155,169,.32)}

@media(max-width:760px){
  body:before{background-image:linear-gradient(180deg,rgba(3,15,24,.68) 0%,rgba(4,18,27,.82) 38%,rgba(3,12,19,.95) 100%),url("netrix-landscape.png");background-position:22% center}
  body:after{background:linear-gradient(90deg,rgba(2,13,20,.08),rgba(2,13,20,.28))}
  .topbar{background:rgba(5,17,25,.86)}
  .metric,.panel{background:linear-gradient(145deg,rgba(13,34,44,.91),rgba(7,21,29,.93));backdrop-filter:blur(13px) saturate(110%)}
  .metric.accent{background:linear-gradient(145deg,rgba(23,79,67,.93),rgba(9,42,39,.94))}
}

@media(max-width:420px){body:before{background-position:18% center}}

@media(prefers-reduced-transparency:reduce){.metric,.panel,.topbar,.auth-card{backdrop-filter:none}}