:root{
      --bg:#0b1020;
      --panel:#121933;
      --panel2:#182243;
      --border:#2a355f;
      --text:#e8ecf8;
      --muted:#9aa6c7;
      --accent:#7dd3fc;
      --accent2:#93c5fd;
      --good:#34d399;
      --warn:#fbbf24;
      --bad:#fb7185;
    }
    html{scroll-behavior:smooth}
    body{background:
      radial-gradient(circle at top left, rgba(125,211,252,.10), transparent 22%),
      radial-gradient(circle at top right, rgba(147,197,253,.08), transparent 20%),
      linear-gradient(180deg, #09101d 0%, #0b1020 100%);
      color:var(--text);
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    }
    .glass{background:linear-gradient(180deg, rgba(18,25,51,.96), rgba(18,25,51,.88)); border:1px solid rgba(154,166,199,.16); box-shadow:0 18px 45px rgba(0,0,0,.28)}
    .soft{background:linear-gradient(180deg, rgba(24,34,67,.95), rgba(18,25,51,.95)); border:1px solid rgba(154,166,199,.14)}
    .metric-value{font-size:1.85rem; line-height:1.05; font-weight:800; letter-spacing:-0.02em}
    .metric-value-cost{font-size:clamp(1rem, 1.5vw, 1.45rem); line-height:1.15; color:var(--warn); word-break:break-word; overflow-wrap:anywhere;}
    .metric-label{font-size:.82rem; color:var(--muted)}
    .input-dark, .select-dark{
      background:#0f1630; color:var(--text); border:1px solid #2c3968; border-radius:.85rem;
    }
    .select-dark option{background:#0f1630; color:#e8ecf8;}
    .slider{accent-color:#7dd3fc;}
    .table-wrap::-webkit-scrollbar{height:10px;width:10px}
    .table-wrap::-webkit-scrollbar-thumb{background:#33406c;border-radius:999px}
    .badge{border:1px solid rgba(125,211,252,.25); background:rgba(125,211,252,.08); color:#c9efff}