* { font-family: 'Inter', sans-serif; }
    body { background-color: #f1f5f9; }

    .filter-input {
      width: 100%;
      padding: 4px 8px;
      border: 1px solid #e2e8f0;
      border-radius: 6px;
      font-size: 0.75rem;
      color: #475569;
      background: #f8fafc;
      outline: none;
      transition: border-color 0.2s;
    }
    .filter-input:focus { border-color: #6366f1; background: #fff; }

    .filter-select {
      width: 100%;
      padding: 4px 8px;
      border: 1px solid #e2e8f0;
      border-radius: 6px;
      font-size: 0.75rem;
      color: #475569;
      background: #f8fafc;
      outline: none;
      cursor: pointer;
    }
    .filter-select:focus { border-color: #6366f1; }

    .badge {
      display: inline-flex;
      align-items: center;
      padding: 2px 10px;
      border-radius: 9999px;
      font-size: 0.7rem;
      font-weight: 700;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      white-space: nowrap;
    }
    .badge-creada    { background: #e0f2fe; color: #0369a1; }
    .badge-asignada  { background: #fef9c3; color: #854d0e; }
    .badge-proceso   { background: #fef3c7; color: #b45309; }
    .badge-finalizada{ background: #dcfce7; color: #166534; }
    .badge-cancelada  { background: #fee2e2; color: #991b1b; }

    .icon-button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 7px;
      border-radius: 8px;
      border: 1px solid #e2e8f0;
      background: #f8fafc;
      color: #64748b;
      cursor: pointer;
      transition: all 0.15s;
    }
    .icon-button:hover { background: #e2e8f0; color: #1e293b; }

    tbody tr:hover { background: #f8fafc; }

    .kpi-bar { height: 4px; border-radius: 9999px; margin-top: 10px; }

    /* Modal */
    #orderModal { transition: opacity 0.2s; }

    /* Scrollbar personalizado */
    .overflow-auto::-webkit-scrollbar { width: 6px; height: 6px; }
    .overflow-auto::-webkit-scrollbar-track { background: #f1f5f9; }
    .overflow-auto::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }