:root{
      --bg:#07111f;
      --bg2:#0d1b30;
      --panel:rgba(10,22,40,.82);
      --panel2:rgba(16,30,52,.86);
      --line:rgba(148,163,184,.16);
      --text:#e8eefc;
      --muted:#9fb0cf;
      --brand:#56d0ff;
      --brand2:#9b7cff;
      --ok:#34d399;
      --warn:#fbbf24;
      --bad:#f87171;
    }
    html{scroll-behavior:smooth}
    body{
      background:
        radial-gradient(circle at 15% 20%, rgba(86,208,255,.14), transparent 25%),
        radial-gradient(circle at 85% 15%, rgba(155,124,255,.14), transparent 22%),
        radial-gradient(circle at 50% 80%, rgba(34,197,94,.08), transparent 22%),
        linear-gradient(180deg, #07111f 0%, #0a1628 45%, #08101c 100%);
      color:var(--text);
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }
    .glass{background:var(--panel);backdrop-filter: blur(14px);border:1px solid var(--line);box-shadow:0 10px 30px rgba(0,0,0,.22)}
    .glass-strong{background:var(--panel2);backdrop-filter: blur(18px);border:1px solid rgba(148,163,184,.18);box-shadow:0 18px 40px rgba(0,0,0,.3)}
    .kpi{position:relative;overflow:hidden}
    .kpi:before{content:"";position:absolute;inset:-1px auto auto -1px;width:120px;height:120px;background:radial-gradient(circle, rgba(86,208,255,.18), transparent 70%);pointer-events:none}
    .tiny{font-size:.73rem;line-height:1rem}
    .metric-good{color:var(--ok)} .metric-warn{color:var(--warn)} .metric-bad{color:var(--bad)}
    .pill{border:1px solid var(--line);background:rgba(255,255,255,.03)}
    .shadow-elegant{box-shadow:0 20px 70px rgba(0,0,0,.38)}
    .range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:17px;height:17px;border-radius:999px;background:#fff;border:2px solid #56d0ff;box-shadow:0 0 0 5px rgba(86,208,255,.15)}
    .range::-moz-range-thumb{width:17px;height:17px;border-radius:999px;background:#fff;border:2px solid #56d0ff;box-shadow:0 0 0 5px rgba(86,208,255,.15)}
    .range{height:6px;border-radius:999px;background:linear-gradient(90deg, rgba(86,208,255,.65), rgba(155,124,255,.65));outline:none}
    .table-scroll::-webkit-scrollbar{height:10px;width:10px}
    .table-scroll::-webkit-scrollbar-thumb{background:rgba(148,163,184,.25);border-radius:999px}
    .print-only{display:none}
    select, select option, select optgroup{color:#0f2747!important;background:#eef5ff!important}
    select:focus{outline:none;box-shadow:0 0 0 3px rgba(86,208,255,.18)}
    @media print{
      body{background:#fff;color:#0f172a}
      .no-print{display:none!important}
      .print-only{display:block}
      .glass,.glass-strong{background:#fff!important;border:1px solid #dbe3ef!important;box-shadow:none!important;color:#0f172a}
      canvas{max-height:240px!important}
      .page-break{page-break-before:always}
    }

/* Animación del indicador de IA generando informe */
            @keyframes aiDot { 0%,80%,100%{transform:scale(.6);opacity:.4} 40%{transform:scale(1);opacity:1} }