:root{
      --bg:#0b1020;
      --bg2:#11182c;
      --panel:#121a2f;
      --panel2:#18233d;
      --line:#273558;
      --muted:#8da2c9;
      --text:#eaf1ff;
      --accent:#56b6ff;
      --accent2:#8b5cf6;
      --good:#10b981;
      --warn:#f59e0b;
      --bad:#ef4444;
      --cyan:#06b6d4;
    }
    html,body{background:linear-gradient(180deg,#09111f,#0d1426 30%,#0b1020 100%);color:var(--text);}
    body{font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;}
    .glass{background:linear-gradient(180deg,rgba(24,35,61,.88),rgba(15,23,42,.88));backdrop-filter:blur(12px);border:1px solid rgba(110,140,200,.18);box-shadow:0 20px 50px rgba(0,0,0,.28);}
    .chip{border:1px solid rgba(110,140,200,.18); background:rgba(18,26,47,.95);}
    .metric{background:radial-gradient(circle at top right,rgba(86,182,255,.14),transparent 28%),linear-gradient(180deg,rgba(19,27,46,.95),rgba(12,18,33,.95));}
    .table-scroll::-webkit-scrollbar,.thin-scroll::-webkit-scrollbar{height:10px;width:10px}
    .table-scroll::-webkit-scrollbar-thumb,.thin-scroll::-webkit-scrollbar-thumb{background:#33456f;border-radius:999px}
    .table-scroll::-webkit-scrollbar-track,.thin-scroll::-webkit-scrollbar-track{background:#111a30}
    .tag{padding:.2rem .55rem; border-radius:999px; font-size:.72rem; font-weight:600; display:inline-flex; align-items:center;}
    .tab-btn.active{background:linear-gradient(90deg,rgba(86,182,255,.16),rgba(139,92,246,.18)); color:white; border-color:rgba(86,182,255,.3);}
    .grid-table{display:grid; grid-template-columns: 155px 160px 150px 140px 150px 120px 130px 100px 120px 120px 130px 120px 110px 150px; min-width:1860px;}
    .cell{padding:.7rem .75rem; border-bottom:1px solid rgba(110,140,200,.12); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
    .header-cell{position:sticky; top:0; z-index:3; background:#12203b; font-size:.76rem; text-transform:uppercase; letter-spacing:.05em; color:#b8c7e6; font-weight:700; border-bottom:1px solid rgba(120,150,210,.25);}
    .kpi-number{letter-spacing:-.03em;}
    .small-note{color:var(--muted); font-size:.78rem;}
    .alert-card{border-left:4px solid transparent;}
    .state-entregado{background:rgba(16,185,129,.15); color:#7ef0c2;}
    .state-preparacion{background:rgba(59,130,246,.15); color:#8cc6ff;}
    .state-transito{background:rgba(6,182,212,.15); color:#8df0ff;}
    .state-incidencia{background:rgba(245,158,11,.15); color:#ffd28a;}
    .state-cancelado{background:rgba(239,68,68,.14); color:#ff9b9b;}
    .state-devuelto{background:rgba(168,85,247,.14); color:#d7b3ff;}
    .status-dot{width:8px;height:8px;border-radius:999px;display:inline-block;margin-right:.45rem;}
    .heatmap-cell{min-width:76px; text-align:center; padding:.55rem .35rem; border:1px solid rgba(105,130,190,.11); border-radius:10px;}
    .sticky-top-76{top:76px}

/* Color de los inputs de fecha */
input[type='date']{color:yellow !important;}